:root {
  --bg: #0f1115;
  --fg: #f2f4f8;
  --muted: #9aa4b2;
  --accent: #2f9e6b;
}
@media (prefers-color-scheme: light) {
  :root { --bg: #f7f9fc; --fg: #10131a; --muted: #55606e; }
}

* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  padding: 2rem;
  font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  background: var(--bg);
  color: var(--fg);
  text-align: center;
}
main { max-width: 34rem; }
h1 { font-size: clamp(2.5rem, 8vw, 4rem); margin: 0 0 .5rem; }
.tagline { font-size: 1.25rem; margin: 0 0 1.5rem; }
.sub { color: var(--muted); margin: 0 0 2rem; }
.cta {
  display: inline-block;
  padding: .75rem 1.5rem;
  border-radius: 999px;
  background: var(--accent);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}
footer { color: var(--muted); font-size: .85rem; }