:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; font-family: system-ui, -apple-system, sans-serif;
  background: #101418; color: #e8ecf1; min-height: 100vh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 1rem; padding: 1rem;
}
h1 { font-size: 1.6rem; margin: 0; }
p.sub { color: #9aa7b4; margin: 0 0 1rem; }
a.btn, button.btn {
  display: inline-block; padding: 0.9rem 2.2rem; font-size: 1.15rem;
  border-radius: 10px; background: #2f6fed; color: #fff;
  text-decoration: none; border: 0; cursor: pointer; margin: 0.25rem;
}
a.btn.ghost, button.btn.ghost { background: #232b34; }
.card {
  background: #171d24; border: 1px solid #2a333e; border-radius: 12px;
  padding: 2rem 2.5rem; text-align: center; max-width: 34rem;
}
.note { color: #9aa7b4; font-size: 0.85rem; }
a.back { color: #9aa7b4; font-size: 0.9rem; }