:root { color-scheme: light dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; display: grid; place-items: center; padding: 24px; background: #f3f6fa; color: #182331; }
main { width: 100%; max-width: 440px; padding: 36px 28px; border-radius: 20px; background: #fff; text-align: center; box-shadow: 0 12px 50px #1723310a; }
.logo { width: 64px; height: 64px; margin: 0 auto 20px; border-radius: 16px; background: #0073e1; color: #fff; display: grid; place-items: center; font-size: 25px; font-weight: 750; }
h1 { font-size: 28px; margin: 0 0 14px; }
p { line-height: 1.6; color: #566579; }
.button { display: inline-block; padding: 14px 20px; margin-top: 12px; border-radius: 12px; background: #0073e1; color: #fff; text-decoration: none; font-weight: 650; }
[hidden] { display: none !important; }
a:focus-visible { outline: 3px solid #76baff; outline-offset: 4px; }
@media (prefers-color-scheme: dark) { body { background: #10151e; color: #edf3fa; } main { background: #1b2431; } p { color: #b8c4d6; } }