:root { color-scheme: light; font-family: Inter, system-ui, sans-serif; color: #17244a; background: #f5f8fc; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.7; }
header { background: #111d46; color: white; padding: 1.2rem max(1.5rem, calc((100vw - 900px)/2)); }
header a { color: white; font-weight: 700; text-decoration: none; }
main { max-width: 900px; margin: 2.5rem auto; padding: 2rem; background: white; border-radius: 16px; box-shadow: 0 8px 32px #17244a0d; }
h1 { font-size: clamp(2rem, 5vw, 2.8rem); line-height: 1.2; }
h2 { font-size: 1.25rem; margin-top: 2rem; }
a { color: #1556a1; }
a:focus-visible { outline: 3px solid #1d8ed1; outline-offset: 3px; }
footer { max-width: 900px; margin: 0 auto 3rem; padding: 0 2rem; color: #4a5773; }
footer nav { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; }
@media (max-width: 600px) { main { margin: 1rem; padding: 1.5rem; } footer { padding: 0 1.5rem; } }