:root { --bg:#0b1020; --card:#151b31; --fg:#e7ecff; --muted:#93a0c8; --accent:#5b8cff; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: grid; place-items: center;
  font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  background: radial-gradient(1200px 600px at 50% -10%, #1a2340 0%, var(--bg) 60%), var(--bg);
  color: var(--fg);
}
.card {
  max-width: 34rem; margin: 2rem; padding: 2.5rem;
  background: var(--card); border: 1px solid #26304f; border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
}
.badge {
  display: inline-block; padding: .2rem .6rem; border-radius: 999px;
  background: rgba(91,140,255,.15); color: var(--accent);
  font-size: .75rem; letter-spacing: .08em; text-transform: uppercase;
}
h1 { margin: .8rem 0 .4rem; font-size: 2rem; }
p { color: var(--muted); }
code { color: var(--fg); background: #0e1428; padding: .1rem .4rem; border-radius: 6px; }
footer { margin-top: 1.6rem; font-size: .85rem; color: var(--muted); }