:root { color-scheme: light dark; --fg: #14171f; --bg: #fbfbfd; --accent: #3d5afe; }
@media (prefers-color-scheme: dark) { :root { --fg: #e8ebf2; --bg: #0e1016; --accent: #8aa2ff; } }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: grid; place-items: center;
  background: var(--bg); color: var(--fg);
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
main { max-width: 34rem; padding: 3rem 1.5rem; text-align: center; }
h1 { font-size: clamp(2rem, 6vw, 3rem); margin: 0 0 .75rem; letter-spacing: -0.02em; }
code { background: color-mix(in oklab, var(--fg) 10%, transparent); padding: .15em .4em; border-radius: 4px; font-size: .9em; }
.cta { display: inline-block; margin-top: 1.5rem; padding: .7rem 1.4rem; border-radius: 999px;
       background: var(--accent); color: #fff; text-decoration: none; font-weight: 600; }