:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #f7f5f0; background: #17131f; }
* { box-sizing: border-box; }
body { display: grid; place-items: center; min-height: 100svh; margin: 0; padding: 24px; }
main { width: 100%; max-width: 340px; text-align: center; }
h1 { margin: 0 0 24px; font-size: 24px; line-height: 1.4; overflow-wrap: anywhere; text-wrap: balance; }
.primary { display: block; padding: 15px 20px; border-radius: 12px; background: #edc77e; color: #241a2a; font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.primary:hover { background: #f5d697; }
.primary:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
#help { margin: 18px 0 0; color: #bbb2c5; font-size: 13px; line-height: 1.7; }
[hidden] { display: none !important; }