:root{
  --bg:#080c18;--bg-elevated:#0e1527;--surface:#141d32;--surface-hover:#1b2741;
  --surface-soft:rgba(20,29,50,.82);--border:#293755;--border-soft:rgba(148,163,184,.14);
  --text:#f8fafc;--muted:#98a6bd;--muted-strong:#c4cfdf;--primary:#8b5cf6;
  --primary-strong:#7c3aed;--primary-soft:rgba(139,92,246,.16);--success:#22c55e;
  --danger:#ef4444;--danger-dark:#7f1d1d;--warning:#f59e0b;
  --radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;
  --shadow-sm:0 8px 24px rgba(0,0,0,.18);--shadow-lg:0 30px 80px rgba(0,0,0,.48);
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hidden{display:none!important}
.eyebrow{display:block;color:#a78bfa;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.primary-button,.secondary-button{border:0;border-radius:12px;padding:11px 16px;font-weight:800;transition:.18s var(--ease)}
.primary-button{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:white;box-shadow:0 8px 22px rgba(124,58,237,.25)}
.secondary-button{background:var(--surface-hover);border:1px solid var(--border);color:var(--text)}
.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}
.primary-button:active,.secondary-button:active{transform:translateY(0)}