*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#17283a;font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#116673}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin:auto;padding:0 22px}.notice{background:#102638;color:#fff;font-size:14px;padding:10px 0}.notice strong{color:#c4eff1}header{background:white;border-bottom:1px solid #dbe4e9;position:relative}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;padding-bottom:18px}.brand{font-weight:800;text-decoration:none;letter-spacing:-.5px;color:#103a4d;font-size:23px}.brand small{display:block;color:#657886;font-size:11px;letter-spacing:1.1px}nav{display:flex;flex-wrap:wrap;gap:16px;font-size:14px}main{min-height:70vh}.hero{background:linear-gradient(130deg,#12394a,#176978);color:white;padding:72px 0}.eyebrow{color:#b5eced;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:12px}.hero h1{font-size:clamp(32px,5vw,52px);line-height:1.15;max-width:850px;margin:12px 0}.hero p{max-width:810px;font-size:19px;color:#e4f7f8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;padding:12px 20px;text-decoration:none;border-radius:8px;background:#fff;color:#164654;font-weight:700}.btn.outline{background:transparent;color:white;border:1px solid #c7ebee}.content{padding:42px 0 80px}.intro{color:#45616f;font-size:18px;max-width:850px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.tile,.panel{background:#fff;border:1px solid #e0e7eb;border-radius:12px;padding:24px}.tile{display:block;text-decoration:none;color:#1e3643}.tile h2{font-size:20px;margin:0 0 8px;color:#174f60}.tile p{color:#55707a;margin:0}.sections{display:grid;grid-template-columns:2fr 1fr;gap:28px;margin-top:30px}section.panel{margin-bottom:16px}h2{line-height:1.35}.aside a{display:block;padding:7px 0}.tip{border-left:4px solid #1e8995;padding:16px 20px;background:#eaf5f6;border-radius:5px}footer{background:#142c3b;color:#deecef;padding:38px 0;margin-top:30px}footer a{color:#d7eef2}footer .links{display:flex;gap:16px;flex-wrap:wrap}small{font-size:13px}@media(max-width:760px){header .wrap{display:block}nav{margin-top:12px}.grid{grid-template-columns:1fr}.sections{grid-template-columns:1fr}.hero{padding:44px 0}}