*{box-sizing:border-box}body{margin:0;background:#10243e;color:#e4efff;font:17px/1.75 system-ui,sans-serif}a{color:#87e5ff}a:focus-visible{outline:3px solid #ffdb78;outline-offset:5px}header,main,footer{max-width:980px;margin:auto;padding:24px}nav{display:flex;flex-wrap:wrap;gap:12px 24px}nav a{text-decoration:none}h1,h2{line-height:1.2;color:#ffe7a6}h1{font-size:clamp(32px,6vw,60px)}h2{font-size:24px;margin-top:32px}.hero{padding:40px 0}.logo{width:min(100%,400px);height:auto}.card{background:#223e63;border:1px solid #517a9e;border-radius:24px;padding:24px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.grid .card{margin:0}.muted{color:#b7cce3;font-size:14px}.button{display:inline-block;background:#ffdb78;color:#382913;padding:10px 20px;border-radius:14px;text-decoration:none;font-weight:750}footer{border-top:1px solid #517a9e;font-size:14px}li{margin-bottom:8px}@media(max-width:480px){header,main,footer{padding:18px}.card{padding:20px}}
html{scroll-behavior:smooth}article{scroll-margin-top:24px}article+article{border-top:1px solid #517a9e;margin-top:48px;padding-top:24px}.language-nav{margin-top:20px}.language-nav a{padding:6px 16px;border:1px solid #517a9e;border-radius:10px}p,li,a{overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}