:root{--navy:#06264a;--deep:#03182e;--blue:#0b5f91;--sky:#7fc7ff;--ink:#0b1f3a;--muted:#34445c;--soft:#f5f9ff;--line:rgba(6,38,74,.12)}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.7}a{color:var(--blue)}
header{background:var(--navy);position:sticky;top:0;z-index:10}.nav{max-width:1180px;margin:auto;padding:10px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.nav img{width:190px;height:42px;object-fit:contain}.nav nav{display:flex;gap:18px;flex-wrap:wrap}.nav nav a{color:white;text-decoration:none;font-size:13px;font-weight:700}
.hero{padding:76px 5%;background:linear-gradient(135deg,#f7fbff,#fff 55%,#eef7ff)}.container{max-width:1050px;margin:auto}.kicker{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:10px}h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.08;color:var(--navy);margin-bottom:18px}.lead{font-size:20px;color:var(--muted);max-width:850px}.meta{margin-top:18px;color:#607086}
.list{padding:70px 5%;background:var(--soft)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.card{background:white;padding:28px;border:1px solid var(--line);border-top:5px solid var(--navy);border-radius:18px}.card time{color:var(--blue);font-size:13px;font-weight:800;text-transform:uppercase}.card h2{color:var(--navy);font-size:24px;line-height:1.25;margin:10px 0}.card p{color:var(--muted)}.card a{display:inline-block;margin-top:14px;font-weight:800;text-decoration:none}
.article{max-width:820px;margin:auto;padding:70px 5%}.article h2{font-size:30px;color:var(--navy);margin:40px 0 12px}.article p,.article li{font-size:18px;color:#263a50;margin-bottom:20px}.article ul{padding-left:24px}.callout{background:var(--soft);border-left:5px solid var(--blue);padding:22px;border-radius:10px;margin:30px 0}.back{display:inline-block;margin-top:25px;font-weight:800;text-decoration:none}
footer{background:var(--deep);color:#d9e8f7;text-align:center;padding:28px 5%;font-size:14px}@media(max-width:680px){.nav{flex-direction:column}.nav nav{justify-content:center}}