:root{--accent:#005a9c;--bg:#fbfdff}
*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; margin:0; background:var(--bg); color:#0b1220; line-height:1.5}
.container{max-width:1100px;margin:0 auto;padding:1rem}
header{background:#fff;border-bottom:1px solid #e6eef6;position:sticky;top:0;z-index:30}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.brand{display:flex;gap:.75rem;align-items:center}
nav ul{list-style:none;display:flex;gap:.6rem;margin:0;padding:0;flex-wrap:wrap}
nav a{color:var(--accent);text-decoration:none;font-weight:600}
.hero{padding:2rem 0;background:linear-gradient(180deg,rgba(0,90,156,0.06),transparent)}
.card{background:#fff;padding:1rem;border-radius:10px;border:1px solid #eef6fb;box-shadow:0 10px 20px rgba(2,6,23,0.04);margin:1rem 0}
.footer{background:#041126;color:#cfe7ff;padding:1.5rem;margin-top:2rem}
.grid{display:grid;gap:1rem}
@media(max-width:820px){nav ul{display:none}}