:root { color-scheme: dark; font: 17px system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; background: #111; color: #fff; }
main { width: 100%; max-width: 440px; padding: 36px 28px; text-align: center; }
h1 { margin: 0 0 36px; font-size: 64px; letter-spacing: -4px; }
h2 { font-size: 25px; }
p { line-height: 1.6; color: #ccc; }
a { display: block; padding: 16px; background: #fff; color: #111; border-radius: 30px; font-weight: 600; text-decoration: none; }
a:focus-visible { outline: 3px solid #a1c9ff; outline-offset: 5px; }
[hidden] { display: none !important; }
.note { margin-top: 28px; font-size: 15px; }
small { display: block; margin-top: 20px; color: #aaa; line-height: 1.6; }