:root { --bg: #0b0d10; --fg: #f2f4f7; --muted: #9aa3ad; --accent: #4f9cf9; }
@media (prefers-color-scheme: light) { :root { --bg: #f7f8fa; --fg: #111418; --muted: #5b6470; --accent: #1f6fd6; } }
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  background: var(--bg); color: var(--fg);
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: flex; align-items: center; justify-content: center; padding: 16px; text-align: center;
}
main { max-width: 36rem; }
.logo { width: 96px; height: 96px; border-radius: 22px; }
h1 { font-size: clamp(2rem, 6vw, 3rem); letter-spacing: -0.02em; margin: 0.5rem 0 0.25rem; }
.tagline { font-size: 1.2rem; margin: 0; }
.soon {
  display: inline-block; margin-top: 1.5rem; padding: 0.35rem 0.9rem; border-radius: 999px;
  border: 1px solid var(--accent); color: var(--accent); font-size: 0.9rem; letter-spacing: 0.04em;
}