:root { color-scheme: light; font-family: Inter, 'Helvetica Neue', Arial, sans-serif; color: #263238; background: #0C1929; }
* { box-sizing: border-box; }
body { margin: 0; padding: 24px 16px; line-height: 1.7; }
main { max-width: 688px; margin: auto; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 32px #0003; }
header { background: #C0392B; color: white; padding: 24px; }
header a { color: white; }
h1, h2 { font-family: Oswald, Impact, sans-serif; line-height: 1.25; }
h1 { margin: 16px 0 0; }
h2 { font-size: 1.25rem; color: #1B3A5C; margin-top: 24px; }
section { padding: 8px 24px 24px; }
a { color: #1F4E79; text-underline-offset: 3px; }
footer { border-top: 1px solid #D5DDE5; padding: 20px 24px; background: #F7F8F9; }
a:focus-visible { outline: 3px solid #2471A3; outline-offset: 4px; }
@media (max-width: 400px) { body { padding: 12px; } header, section, footer { padding-left: 16px; padding-right: 16px; } }