:root{--bg: #0a0a0f;--panel: #12121a;--plat: #f8fafc;--plat-mid: #e2e8f0;--plat-2: #c0c8d8;--plat-3: #94a3b8;--muted: #64748b;--hairline: rgba(226, 232, 240, .15);--hairline-soft: rgba(226, 232, 240, .07);--glass: rgba(226, 232, 240, .03);--serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;--sans: "Space Grotesk", "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--plat-2);font-family:var(--sans);min-height:100vh;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(226,232,240,.07),transparent),radial-gradient(ellipse 55% 40% at 85% 110%,rgba(148,163,184,.05),transparent),linear-gradient(rgba(226,232,240,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(226,232,240,.022) 1px,transparent 1px);background-size:100% 100%,100% 100%,56px 56px,56px 56px}.hud{font-family:var(--mono);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.hud b{color:var(--plat-2);font-weight:500}.panel{background:var(--panel);border:1px solid var(--hairline);border-radius:16px;padding:2.5rem;box-shadow:inset 0 1px #e2e8f00d,0 24px 60px #0000008c}h1,h2{font-family:var(--serif);font-weight:300;color:var(--plat);letter-spacing:.01em}.eyebrow{font-family:var(--sans);font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--plat-3)}input{width:100%;background:#0a0a0f8c;border:1px solid var(--hairline);border-radius:50px;padding:.9rem 1.4rem;color:var(--plat);font-family:var(--sans);font-size:.95rem;letter-spacing:.04em;outline:none;transition:border-color .2s,box-shadow .2s}input::placeholder{color:var(--muted)}input:focus{border-color:var(--plat-2);box-shadow:0 0 0 3px #e2e8f014}.cta{display:inline-flex;align-items:center;gap:.6rem;border-radius:50px;padding:.95rem 2.2rem;border:1px solid rgba(226,232,240,.4);background:linear-gradient(135deg,#e2e8f0,#94a3b8 55%,#cbd5e1);color:#0a0a0f;font-weight:600;font-family:var(--sans);font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;transition:box-shadow .25s,background .25s,transform .15s;width:100%;justify-content:center}.cta:hover{box-shadow:0 0 32px #ffffff59;background:linear-gradient(135deg,#fff,#e2e8f0 55%,#f8fafc);transform:translateY(-1px)}.cta:disabled{opacity:.5;cursor:wait}.err{color:#e2a8a8;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em}.ok{color:var(--plat);font-family:var(--mono);font-size:.7rem;letter-spacing:.12em}.layer-toggle{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;padding:.5rem 1.1rem;border-radius:50px;border:1px solid var(--hairline);color:var(--muted);background:transparent;cursor:pointer;transition:all .2s}.layer-toggle.on{color:var(--plat);border-color:var(--plat-2);background:#e2e8f01a}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.badge-auth{display:inline-flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--plat);border:1px solid var(--hairline);border-radius:50px;padding:.55rem 1.2rem;text-decoration:none;background:linear-gradient(135deg,#e2e8f01a,#94a3b80a);box-shadow:0 0 18px #e2e8f01a,inset 0 1px #ffffff14}.badge-auth i{color:var(--plat-3);font-style:normal}.badge-auth:hover{box-shadow:0 0 26px #ffffff38}.metric-float{position:absolute;top:1.1rem;right:1.1rem;font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;color:#7dd3a8d9;border:1px solid rgba(125,211,168,.25);border-radius:50px;padding:.28rem .8rem;background:#0a0a0f99;animation:floaty 5s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.cta-glow{animation:glowpulse 2.6s ease-in-out infinite}@keyframes glowpulse{0%,to{box-shadow:0 0 14px #e2e8f02e}50%{box-shadow:0 0 34px #fff6}}.field{font-family:var(--mono);font-size:.8rem;letter-spacing:.08em;color:var(--plat);background:#0a0a0fa6;border:1px solid var(--hairline);border-radius:10px;padding:.85rem 1rem;outline:none}.field:focus{border-color:#e2e8f073;box-shadow:0 0 14px #e2e8f01f}.field::placeholder{color:var(--muted)}.topo-edge{animation:topo-dash 3.2s linear infinite}@keyframes topo-dash{to{stroke-dashoffset:-2}}.topo-node{text-align:center;padding:.6rem 1rem;border:1px solid var(--hairline);border-radius:14px;background:#12121ad1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:110px}