:root { --bg:#0f0f10; --fg:#e8e8ea; --accent:#ff3b30; }
* { box-sizing:border-box; }
html,body { height:100%; }
body {
  margin:0; background:var(--bg); color:var(--fg);
  font:16px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  display:grid; place-items:center;
}
main { text-align:center; padding:2rem; }
h1 { margin:0 0 1.5rem; opacity:.85; font-weight:700; letter-spacing:.02em; }
button {
  font-size:2.5rem; font-weight:800; letter-spacing:.08em;
  padding:1.1rem 2.2rem; border-radius:1rem;
  border:2px solid var(--accent); color:var(--fg); background:transparent;
  cursor:pointer; transition:transform .06s ease, background .2s ease;
}
button:hover { background:color-mix(in oklab, var(--accent) 20%, transparent); }
button:active { transform:translateY(1px) scale(.99); }
.hint { opacity:.6; margin-top:1rem; }