html, body { height: 100%; margin: 0; }
body { display: grid; place-items: center; background: #0b0b0d; color: #f2f2f2;
       font: 18px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { text-align: center; padding: 24px; max-width: 32rem; }
h1 { font-size: 2.5rem; margin: 0 0 8px; letter-spacing: 0.02em; }
h2 { font-size: 1.6rem; margin: 24px 0 8px; }
p { margin: 0; color: #b5b5b5; }
p + p { margin-top: 12px; }
.button { display: inline-block; margin-top: 24px; padding: 12px 28px; border-radius: 8px;
          background: #f2f2f2; color: #0b0b0d; font-weight: 600; text-decoration: none; }
.button:focus-visible { outline: 3px solid #8ab4f8; outline-offset: 3px; }
.small { font-size: 0.9rem; }
[hidden] { display: none !important; }