:root{ --primary:#1E40AF; --secondary:#3B82F6; }
.text-primary{ color: var(--primary); } .bg-primary{ background-color: var(--primary); } .bg-secondary{ background-color: var(--secondary); }
.rounded-button{ border-radius: 8px; }
.hero-section{ background: linear-gradient(135deg, #1E40AF 0%, #3B82F6 50%, #60A5FA 100%); position: relative; overflow:hidden; }
.hero-section::before{ content:''; position:absolute; inset:0; background-image:url('https://readdy.ai/api/search-image?query=Modern%20exhibition%20booth%20construction%20site%20in%20Miami%20convention%20center&width=1920&height=800&seq=hero-miami&orientation=landscape'); background-size:cover; background-position:center; opacity:.10; pointer-events:none; }
.glass-card{ background: rgba(255,255,255,0.95); backdrop-filter: blur(20px); border:1px solid rgba(255,255,255,0.2); box-shadow:0 20px 40px rgba(0,0,0,0.08); }
.section-pattern{ background-image: radial-gradient(circle at 1px 1px, rgba(30, 64, 175, 0.08) 1px, transparent 0); background-size: 40px 40px; }
.card-modern{ transition: all .35s cubic-bezier(.4,0,.2,1); border:1px solid #f1f5f9; } .card-modern:hover{ transform: translateY(-8px); box-shadow: 0 25px 50px rgba(30,64,175,.15); border-color: rgba(30,64,175,.25); }
.btn-primary{ background: linear-gradient(135deg, #1E40AF 0%, #3B82F6 100%); box-shadow: 0 4px 15px rgba(30, 64, 175, 0.3); transition: all .3s ease; } .btn-primary:hover{ transform: translateY(-2px); box-shadow: 0 8px 25px rgba(30,64,175,.4); }
.text-gradient{ background: linear-gradient(135deg, #1E40AF 0%, #3B82F6 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.number-stat{ font-size: 3.5rem; font-weight: 800; background: linear-gradient(135deg, #1E40AF 0%, #3B82F6 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
input:focus, textarea:focus, select:focus{ outline:none; border-color:#3B82F6 !important; box-shadow:0 0 0 3px rgba(59,130,246,.12); }
.floating-element{ animation: float 6s ease-in-out infinite; } @keyframes float{ 0%,100%{ transform: translateY(0) } 50%{ transform: translateY(-20px) } }
.service-icon{ transition: transform .3s ease; } .service-item:hover .service-icon{ transform: scale(1.1) rotate(5deg); }
[class^="ri-"], [class*=" ri-"]{ line-height:1; } header.glass-card{ box-shadow: 0 8px 24px rgba(0,0,0,.06); background: rgba(255,255,255,0.9); }
footer a:hover{ text-decoration:none; }