:root { color-scheme: light dark; }
body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #f6f7f9;
  color: #1f2937;
}
.card {
  width: min(720px, calc(100vw - 48px));
  padding: 40px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 24px 80px rgba(15, 23, 42, .10);
}
.eyebrow {
  margin: 0 0 12px;
  color: #64748b;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
h1 { margin: 0 0 16px; font-size: clamp(28px, 4vw, 44px); }
p { line-height: 1.65; }
.muted { color: #64748b; }
@media (prefers-color-scheme: dark) {
  body { background: #0f172a; color: #e5e7eb; }
  .card { background: #111827; box-shadow: 0 24px 80px rgba(0, 0, 0, .35); }
  .eyebrow, .muted { color: #94a3b8; }
}