:root{--ink:#102345;--blue:#1768a7;--surface:#fff;--bg:#f1f5fc;--radius:16px}*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,Arial;color:var(--ink);background:var(--bg)}header,footer{background:var(--ink);color:white;padding:18px}nav{display:flex;flex-wrap:wrap;gap:20px;max-width:1000px;margin:auto}nav a{color:white}main{max-width:1000px;margin:auto;padding:20px}.hero{background:linear-gradient(110deg,#0d3775,#1768a7);color:white;border-radius:var(--radius);padding:clamp(22px,5vw,55px)}h1{font-size:clamp(28px,5vw,44px)}section{margin-bottom:26px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;margin-top:16px}.card,form{background:var(--surface);border-radius:var(--radius);padding:20px;border:1px solid #d6e3f4}label{display:block;margin:12px 0 4px;font-weight:600}input,textarea{width:100%;padding:12px;border:1px solid #9ab0ca;border-radius:8px;font:inherit}button,.button{display:inline-block;background:var(--blue);color:white;border:0;border-radius:8px;padding:12px 16px;margin-top:14px;cursor:pointer;text-decoration:none;font:inherit}:focus-visible{outline:3px solid #f0a526;outline-offset:3px}[hidden]{display:none!important}