:root { --bg: #ffffff; --fg: #14181f; --muted: #5b6573; --accent: #e8590c; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #0f1218; --fg: #f1f3f5; --muted: #9aa4b2; --accent: #ff7a2f; }
}
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 1rem; background: var(--bg); color: var(--fg);
  font: 1rem/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { text-align: center; }
h1 { margin: 0; font-size: clamp(2rem, 8vw, 3.5rem); letter-spacing: 0.08em; }
h1 sup { font-size: 0.35em; }
.tagline { margin: 0.75rem 0 2rem; color: var(--muted); font-size: 1.125rem; }
.button {
  display: inline-block; padding: 0.7rem 1.4rem; border-radius: 6px;
  background: var(--accent); color: #fff; text-decoration: none; font-weight: 600;
}
.button:hover, .button:focus-visible { filter: brightness(1.1); }
footer { margin-top: 3rem; color: var(--muted); font-size: 0.875rem; }