:root{
  --bg:#0a0e17; --bg-2:#0f1420; --surface:#141b2b; --surface-2:#1c2740; --line:#28344d;
  --text:#eaf1ff; --muted:#8ea3c4; --violet:#2e7dff; --magenta:#22d3ee; --amber:#6ee7ff;
  --glow:linear-gradient(135deg,#2e7dff 0%,#22d3ee 55%,#6ee7ff 100%);
  --display:"Segoe UI","SF Pro Display",system-ui,-apple-system,Roboto,sans-serif;
  --body:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}
body{min-height:100vh;background:radial-gradient(120% 80% at 50% -10%,rgba(46,125,255,.22),transparent 60%),radial-gradient(90% 70% at 90% 110%,rgba(110,231,255,.12),transparent 55%),var(--bg)}
.eyebrow{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-weight:600}
.gradient-text{background:var(--glow);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:999px;padding:1rem 1.6rem;font-family:var(--display);font-size:1.05rem;font-weight:700;color:#06121f;background:var(--glow);cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .2s ease;box-shadow:0 8px 30px rgba(46,125,255,.35)}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 38px rgba(34,211,238,.4)}
.btn:active{transform:translateY(0)}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none;font-weight:600}
.btn-ghost:hover{background:var(--surface);transform:translateY(-1px);box-shadow:none}
a{color:var(--violet)}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}