:root { --ink:#172642; --navy:#101b42; --blue:#293f82; --yellow:#ffd45c; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#f4f8ff; font-family:ui-rounded,"Avenir Next",system-ui,sans-serif; }
header { min-height:74px; padding:13px clamp(18px,6vw,85px); display:flex; justify-content:space-between; align-items:center; background:var(--navy); }
header a { display:flex; align-items:center; gap:10px; color:white; text-decoration:none; font-size:11px; font-weight:900; }
header b { width:42px; height:42px; display:grid; place-items:center; color:#4e3604; background:linear-gradient(145deg,#ffe786,#ff9a56); border-radius:13px; }
main { max-width:820px; margin:60px auto 90px; padding:clamp(25px,5vw,62px); border:1px solid #e0e7f1; border-radius:30px; background:white; box-shadow:0 25px 65px rgba(35,58,100,.11); }
.kicker { color:#e9705c; text-transform:uppercase; letter-spacing:1.6px; font-size:9px; font-weight:950; }
h1 { margin:10px 0 25px; color:var(--blue); font-size:clamp(42px,6vw,68px); line-height:1; letter-spacing:-2.5px; }
h2 { margin:35px 0 8px; color:var(--blue); font-size:20px; }
p { color:#62738a; line-height:1.75; font-size:14px; }
.notice { padding:18px; color:#644d1d; background:#fff5cd; border-left:4px solid var(--yellow); border-radius:12px; }
.updated { margin-top:42px; color:#8996a7; font-size:10px; }
@media(max-width:620px){ main { margin:25px 12px 60px; border-radius:23px; } header a:last-child { font-size:9px; } }