:root{--b-primary: #0F1626;--b-surface: #1a2333;--b-surface-light: #243447;--b-ink: #ffffff;--b-muted: #94a3b8;--b-muted-light: #cbd5e1;--b-card: #1e293b;--b-card-light: #334155;--b-teal: #06b6d4;--b-teal-dark: #0891b2;--b-teal-light: #22d3ee;--b-teal-bright: #67e8f9;--b-teal-glow: rgba(6, 182, 212, .15);--b-accent: #14b8a6;--b-accent-dark: #0f766e;--b-accent-light: #5eead4;--b-accent-glow: rgba(20, 184, 166, .15);--b-secondary: #0ea5e9;--b-secondary-dark: #0284c7;--b-secondary-light: #38bdf8;--b-secondary-glow: rgba(14, 165, 233, .15);--b-success: #10b981;--b-warning: #f59e0b;--b-danger: #ef4444;--b-info: var(--b-teal);--b-gradient-primary: linear-gradient(135deg, var(--b-teal) 0%, var(--b-teal-light) 100%);--b-gradient-accent: linear-gradient(135deg, var(--b-accent) 0%, var(--b-accent-light) 100%);--b-gradient-secondary: linear-gradient(135deg, var(--b-secondary) 0%, var(--b-secondary-light) 100%);--b-gradient-surface: linear-gradient(135deg, var(--b-primary) 0%, var(--b-surface) 50%, var(--b-card) 100%);--b-gradient-multi: linear-gradient(135deg, var(--b-teal) 0%, var(--b-accent) 50%, var(--b-teal-light) 100%);--b-gradient-hero: linear-gradient(135deg, var(--b-teal) 0%, var(--b-accent) 25%, var(--b-secondary) 75%, var(--b-teal-light) 100%);--b-shadow-sm: 0 4px 20px rgba(15, 22, 38, .2);--b-shadow-md: 0 8px 32px rgba(15, 22, 38, .3);--b-shadow-lg: 0 16px 48px rgba(6, 182, 212, .4);--b-shadow-teal: 0 12px 40px rgba(6, 182, 212, .5);--b-shadow-accent: 0 12px 40px rgba(20, 184, 166, .4);--b-shadow-secondary: 0 12px 40px rgba(14, 165, 233, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;font-size:16px}@media (max-width: 768px){html{font-size:15px}}@media (max-width: 480px){html{font-size:14px}}body{font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.7;color:var(--b-ink);background:var(--b-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,system-ui,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.03em;word-wrap:break-word}a{color:var(--b-teal);text-decoration:none;transition:all .3s ease}a:hover{color:var(--b-teal-light)}@media (max-width: 768px){a,button{min-height:44px}}::selection{background:var(--b-teal);color:var(--b-primary)}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;overflow:hidden;background:var(--b-gradient-surface)}.bg-gradient-1,.bg-gradient-2,.bg-gradient-3{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3;animation:float 20s ease-in-out infinite}.bg-gradient-1{width:600px;height:600px;background:radial-gradient(circle,var(--b-teal-glow) 0%,transparent 70%);top:-200px;right:-200px;animation-delay:0s}.bg-gradient-2{width:500px;height:500px;background:radial-gradient(circle,var(--b-accent-glow) 0%,transparent 70%);bottom:-150px;left:-150px;animation-delay:7s}.bg-gradient-3{width:400px;height:400px;background:radial-gradient(circle,var(--b-secondary-glow) 0%,transparent 70%);top:50%;left:50%;animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(100px,-100px) scale(1.1)}66%{transform:translate(-100px,100px) scale(.9)}}.city-card,.visual-card,.hero-badge,.cta-btn,.card-glow{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.gradient-text,.btn-primary,.cta-btn.primary{will-change:background-position}@keyframes float{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(100px,-100px,0) scale(1.1)}66%{transform:translate3d(-100px,100px,0) scale(.9)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--b-teal);outline-offset:4px}.city-card.visible{opacity:1!important;transform:translateY(0)!important;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}