:root{color-scheme:dark;font:18px/1.7 system-ui,sans-serif;background:#071b2b;color:#edf5fa}*{box-sizing:border-box}body{margin:0}main,header,footer{max-width:940px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:18px;flex-wrap:wrap}header img{width:64px;height:64px;border-radius:16px}nav{display:flex;gap:18px;flex-wrap:wrap;margin-left:auto}a{color:#ffc086;text-underline-offset:4px}a:focus-visible{outline:3px solid #fff;outline-offset:5px}h1{font-size:clamp(2rem,6vw,3.6rem);line-height:1.12;letter-spacing:-.04em}h2{font-size:1.35rem;margin-top:36px}p{max-width:76ch}.intro{font-size:1.25rem;color:#c8d9e5}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:36px 0}.card{padding:22px;background:#102d42;border:1px solid #2d4d63;border-radius:18px}.card h2{margin-top:0}.button{display:inline-block;background:#ff9b4a;color:#102033;padding:12px 22px;border-radius:12px;font-weight:700;text-decoration:none;margin:8px 12px 8px 0}footer{border-top:1px solid #2d4d63;font-size:.9rem;color:#bdd0dd}article{max-width:800px}.notice{border-left:3px solid #ff9b4a;padding-left:18px}small{color:#bdd0dd}@media(max-width:480px){main,header,footer{padding:20px}nav{margin-left:0}}