
:root{--navy:#071c47;--blue:#087ad6;--muted:#536579;--line:#dce5ee;--bg:#f7faff}
*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:linear-gradient(135deg,#eef7ff 0%,#fff 48%,#f8fbff 100%);color:var(--navy);margin:0;line-height:1.64}
a{color:#045db1}header{background:linear-gradient(115deg,#043775,#0067b2 70%,#149ae5);color:white;padding:25px max(24px,calc((100vw - 940px)/2));}
.brand{display:flex;gap:14px;align-items:center;font-size:26px;font-weight:750;color:white;text-decoration:none}.brand img{height:50px;width:50px;border-radius:12px;border:1px solid #8dbce5}
nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:13px;font-size:14px}nav a{color:#dcefff;text-decoration:none} nav a.active{color:white;font-weight:750;text-decoration:underline}
main{max-width:940px;margin:38px auto;padding:0 22px 60px}h1{font-size:clamp(30px,4vw,43px);line-height:1.2;margin:10px 0 7px}h2{font-size:21px;margin:26px 0 10px}p{margin:8px 0 15px} .lead{font-size:18px;color:#43566e}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:30px 35px;box-shadow:0 8px 35px rgba(17,55,110,.05)}.eyebrow{text-transform:uppercase;letter-spacing:1px;font-weight:750;color:#0d67ab;font-size:13px}
.note{background:#f0f7ff;border-left:4px solid #1486d7;padding:11px 15px;margin:20px 0;border-radius:3px 9px 9px 3px}footer{text-align:center;font-size:13px;color:var(--muted);padding:20px 15px 38px}footer a{margin:0 8px}ol{padding-left:20px}li{margin-bottom:6px}
@media(max-width:600px){.panel{padding:20px}header{padding:22px}main{margin:20px auto}nav{gap:9px}}
