:root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; background: #000; color: #f4f4f4; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; }
main { width: 100%; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 24px 48px; }
.brand { display: block; width: min(660px, 76svh, 100%); height: auto; }
.announcement { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: -14px; }
.announcement p { margin: 0; color: #c8ccd2; font-size: 12px; line-height: 1.5; letter-spacing: .3em; text-transform: uppercase; }
.accent { width: 28px; height: 1px; background: #5988b7; }
footer { padding: 0 24px 28px; text-align: center; color: #8b919b; font-size: 11px; letter-spacing: .12em; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 480px) { main { padding-inline: 14px; } .announcement { margin-top: 12px; gap: 16px; } }