.space-landing{--bg:#04060f;--bg-elevated:#0a0f20;--fg:#eef2ff;--fg-muted:#9aa6c8;--border:#233056;--border-strong:#3a4d80;--surface:#0c1226;--surface-hover:#141d3a;--popover:#0a0f20;--popover-foreground:#eef2ff;--input:#0c1226;--input-foreground:#eef2ff;--primary:#38e1ff;--primary-fg:#04060f;--accent-1:#22d3ee;--accent-2:#8b5cf6;--accent-3:#f0abfc;--gradient-brand:linear-gradient(115deg,#22d3ee,#6366f1 42%,#a855f7 70%,#f472b6);--gradient-soft:linear-gradient(135deg,#06122a,#160c33 50%,#2a0a2e);--aurora:radial-gradient(60% 50% at 50% 0%,rgba(56,225,255,.18) 0%,rgba(139,92,246,.14) 38%,rgba(240,171,252,.1) 62%,transparent 100%);position:relative;isolation:isolate;background-color:#04060f;color:var(--fg)}.space-landing:after,.space-landing:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}.space-landing:before{background-image:radial-gradient(1.5px 1.5px at 20% 30%,hsla(0,0%,100%,.9),transparent),radial-gradient(1.5px 1.5px at 75% 16%,rgba(180,220,255,.85),transparent),radial-gradient(1px 1px at 50% 60%,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 12% 78%,rgba(200,200,255,.7),transparent),radial-gradient(1.5px 1.5px at 88% 70%,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 35% 44%,rgba(255,230,255,.6),transparent),radial-gradient(1px 1px at 64% 88%,rgba(210,235,255,.65),transparent),radial-gradient(1.5px 1.5px at 5% 50%,hsla(0,0%,100%,.7),transparent);background-repeat:repeat;background-size:700px 700px;opacity:.55;animation:space-drift 220s linear infinite}.space-landing:after{background-image:var(--aurora),linear-gradient(rgba(99,130,220,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(99,130,220,.05) 1px,transparent 1px);background-size:100% 100%,56px 56px,56px 56px;background-position:top,50%,50%;mask-image:radial-gradient(ellipse 90% 70% at 50% 0,#000 35%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0,#000 35%,transparent 100%)}@keyframes space-drift{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:700px 1400px,-700px 700px,350px -700px,700px 700px,-350px 700px,700px -350px,-700px 1050px,350px 700px}}.space-landing>*{position:relative;z-index:1}.space-kicker{font-family:var(--font-mono,ui-monospace,monospace);text-transform:uppercase;letter-spacing:.28em;font-size:.68rem;color:var(--primary)}.space-glass{background:linear-gradient(180deg,rgba(12,18,38,.85),rgba(6,10,24,.85));border:1px solid rgba(94,130,220,.22);box-shadow:0 0 0 1px rgba(56,225,255,.04),0 24px 60px -30px rgba(56,225,255,.35);backdrop-filter:blur(6px)}.space-hud{position:relative}.space-hud:after,.space-hud:before{content:"";position:absolute;width:16px;height:16px;pointer-events:none;opacity:.65;transition:opacity .25s ease,width .25s ease,height .25s ease}.space-hud:before{top:9px;left:9px;border-top:1.5px solid var(--primary);border-left:1.5px solid var(--primary)}.space-hud:after{bottom:9px;right:9px;border-bottom:1.5px solid var(--accent-2);border-right:1.5px solid var(--accent-2)}.space-hud:hover:after,.space-hud:hover:before{opacity:1;width:22px;height:22px}.space-orbits{position:absolute;inset:-10% 0 auto 0;margin:0 auto;width:min(46rem,92vw);aspect-ratio:1;top:-6rem;pointer-events:none;z-index:0;opacity:.5;mask-image:radial-gradient(circle at 50% 40%,#000 30%,transparent 72%);-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 30%,transparent 72%)}.space-orbit{position:absolute;inset:0;margin:auto;border-radius:50%;border:1px solid rgba(120,160,255,.18)}.space-orbit--1{width:100%;height:100%;animation:space-spin 60s linear infinite}.space-orbit--2{width:70%;height:70%;border-color:rgba(56,225,255,.22);animation:space-spin 42s linear infinite reverse}.space-orbit--3{width:42%;height:42%;border-color:rgba(168,85,247,.26);animation:space-spin 28s linear infinite}.space-orbit:after{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;border-radius:50%;transform:translateX(-50%);background:var(--primary);box-shadow:0 0 10px 2px rgba(56,225,255,.8)}.space-orbit--2:after{background:var(--accent-2);box-shadow:0 0 10px 2px rgba(139,92,246,.85)}.space-orbit--3:after{background:var(--accent-3);box-shadow:0 0 10px 2px rgba(240,171,252,.85)}@keyframes space-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.space-scan{position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.7;animation:space-scan-move 6s ease-in-out infinite}@keyframes space-scan-move{0%,to{transform:translateY(0);opacity:0}50%{transform:translateY(0);opacity:.8}}.space-display{text-shadow:0 0 38px rgba(56,225,255,.25)}@media (prefers-reduced-motion:reduce){.space-landing:before,.space-orbit,.space-orbit--1,.space-orbit--2,.space-orbit--3,.space-scan{animation:none!important}}