:root{--navy:#0b1f3a;--gold:#d4a62a;--bg:#f6f8fb;--text:#263548}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
header{background:var(--navy);color:white;padding:20px 0}.wrap{max-width:900px;margin:auto;padding:0 22px}
.brand{font-size:22px;font-weight:700}.brand span{color:var(--gold)}
nav{margin-top:8px}nav a{color:white;text-decoration:none;margin-right:18px;font-size:14px}
main{background:white;max-width:900px;margin:28px auto;padding:34px 38px;border-radius:12px;box-shadow:0 4px 18px #0000000d}
h1,h2{color:var(--navy)}h1{margin-top:0}h2{margin-top:28px;font-size:20px}
a{color:#145bb8}.note{background:#fff8df;border-left:4px solid var(--gold);padding:12px 16px}
footer{text-align:center;color:#687386;padding:12px 20px 35px;font-size:14px}
@media(max-width:600px){main{margin:14px;padding:24px 20px;border-radius:0}nav a{display:inline-block;margin-bottom:6px}}