:root { color-scheme: light dark; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: #12122a; color: #ffffff; }
main { max-width: 28rem; margin: 0 auto; padding: 3rem 1rem; text-align: center; }
.brand { font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #ffc23d; }
h1 { font-size: 2rem; line-height: 1.2; margin: 0.5rem 0 1rem; }
.buttons { display: flex; flex-direction: column; gap: 0.75rem; margin: 2rem 0; }
.button { display: block; padding: 0.9rem 1rem; border-radius: 0.75rem; background: #2a2a55; color: #ffffff; text-decoration: none; font-weight: 600; }
.button.primary { background: #ff6b4a; color: #12122a; }
.button:focus-visible { outline: 3px solid #ffc23d; outline-offset: 2px; }
.small { font-size: 0.875rem; color: #c8c8e6; }