.landing-root{--landing-surface:#061218d9;--landing-edge:#00ffb459;--landing-glow:#00ffc81f;--landing-text:#e8fff8;--landing-muted:#b4e6d28c;--landing-accent:#00ffc8;--landing-accent-dim:#00ffc826;min-height:100vh;color:var(--landing-text);font-family:var(--font-sans);background:0 0;position:relative;overflow-x:hidden}.landing-inner{z-index:1;grid-template-columns:1fr;gap:2.5rem;max-width:1200px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2rem) 3rem;display:grid;position:relative}@media (min-width:960px){.landing-inner{grid-template-columns:1.05fr .95fr;align-items:start;gap:3rem}}.landing-hero-title{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(120deg, #e8fff8 0%, var(--landing-accent) 45%, #8cf 100%);color:#0000;text-shadow:0 0 40px #00ffc840;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:800;line-height:1.15}.landing-tagline{color:var(--landing-muted);max-width:34rem;margin:0 0 1.75rem;font-size:.95rem;line-height:1.65}.landing-features{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.landing-features li{color:var(--landing-muted);align-items:flex-start;gap:.65rem;font-size:.88rem;line-height:1.45;display:flex}.landing-features li:before{content:"›";color:var(--landing-accent);opacity:.85;flex-shrink:0;font-weight:800}.landing-city-wrap{background:linear-gradient(#001e2880,#000a0fcc);border:1px solid #00ffc826;border-radius:12px;margin-top:2rem;padding:1.25rem 1rem 1.5rem;box-shadow:0 0 60px #00ffc80f,inset 0 1px #ffffff0a}.landing-city-label{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--landing-accent);opacity:.75;margin-bottom:.75rem;font-size:.65rem}.cityscape-3d{perspective:720px;perspective-origin:50% 85%;justify-content:center;align-items:flex-end;height:200px;display:flex;position:relative}.cityscape-3d-inner{transform-style:preserve-3d;justify-content:center;align-items:flex-end;gap:7px;animation:14s ease-in-out infinite alternate cityscape-pan;display:flex}@keyframes cityscape-pan{0%{transform:rotateY(-10deg)translateZ(0)}to{transform:rotateY(10deg)translateZ(0)}}.cityscape-building{transform-origin:bottom;width:26px;transform-style:preserve-3d;background:linear-gradient(#00ffc840 0%,#008cc833 45%,#00283cf2 100%);border:1px solid #00ffc859;border-radius:2px 2px 0 0;animation:3.2s ease-in-out infinite cityscape-float;box-shadow:0 0 18px #00ffc81f,inset 0 -20px 30px #00000059}.cityscape-building:nth-child(odd){animation-duration:3.8s}.cityscape-building:nth-child(3n){animation-duration:2.9s}@keyframes cityscape-float{0%,to{filter:brightness();transform:rotateX(-6deg)translateZ(0)scaleY(1)}50%{filter:brightness(1.15);transform:rotateX(-12deg)translateZ(28px)scaleY(1.06)}}.cityscape-ground{transform-origin:bottom;opacity:.6;pointer-events:none;background:linear-gradient(90deg,#0000,#00ffc840,#0000);height:12px;position:absolute;bottom:0;left:5%;right:5%;transform:rotateX(78deg)}.landing-panel{border:1px solid var(--landing-edge);background:var(--landing-surface);box-shadow:0 0 0 1px #00ffc814, 0 24px 80px #0000008c, 0 0 60px var(--landing-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:clamp(1.25rem,3vw,1.75rem)}.landing-panel-header{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--landing-accent);margin-bottom:.35rem;font-size:.7rem}.landing-panel h2{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.06em;margin:0 0 1.25rem;font-size:1.15rem;font-weight:700}.landing-input{box-sizing:border-box;width:100%;font-family:var(--font-sans);color:var(--landing-text);background:#00141ce6;border:1px solid #00ffc833;border-radius:8px;outline:none;padding:.65rem .85rem;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.landing-input:focus{border-color:var(--landing-accent);box-shadow:0 0 0 3px var(--landing-accent-dim)}.landing-input::placeholder{color:#96c8be59}.landing-label{letter-spacing:.12em;text-transform:uppercase;color:var(--landing-muted);font-size:.72rem;font-weight:600}.landing-submit{width:100%;font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;color:#021210;background:linear-gradient(135deg,#00ffc8,#00a8cc);border:none;border-radius:8px;margin-top:.35rem;padding:.7rem 1rem;font-size:.8rem;font-weight:700;transition:transform .1s,filter .15s;box-shadow:0 0 24px #00ffc859}.landing-submit:hover{filter:brightness(1.08)}.landing-submit:active{transform:scale(.99)}.landing-error{color:#ff6b8a;margin-top:.75rem;font-size:.85rem}.landing-footer-note{letter-spacing:.08em;color:#78b4a573;text-align:center;margin-top:1.5rem;font-size:.72rem}.landing-blink{animation:1.2s step-end infinite landing-blink}@keyframes landing-blink{50%{opacity:0}}