*{box-sizing:border-box}body{margin:0;font:17px/1.75 system-ui,sans-serif;color:#183249;background:#f4f9fc}header,footer{background:#075985;color:#fff;padding:24px max(24px,calc((100% - 900px)/2))}header a,footer a{color:#fff;margin-right:20px}main{max-width:900px;margin:32px auto;padding:32px;background:#fff;border-radius:18px}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.2}h2{font-size:1.35rem;margin-top:32px}a{color:#075985}a:focus-visible{outline:3px solid #f59e0b;outline-offset:4px}@media(max-width:600px){main{margin:16px;padding:24px}}