:root { --bg:#f4f7fb; --card:#fff; --ink:#16324f; --brand:#0d6efd; --brand-dark:#0a4fb4; --border:#d5deea; }
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
header{background:linear-gradient(120deg,#0a4fb4,#0d6efd);color:#fff;padding:1.4rem 0}
.container{width:min(980px,92%);margin:0 auto}
header h1{margin:0;font-size:clamp(1.5rem,2.7vw,2.2rem)}
nav{margin-top:1rem;display:flex;gap:.6rem;flex-wrap:wrap}
nav a{color:#fff;text-decoration:none;padding:.45rem .75rem;border:1px solid rgba(255,255,255,.45);border-radius:999px;font-weight:600}
nav a.active,nav a:hover{background:#fff;color:var(--brand-dark)}
main{padding:1.4rem 0 2.6rem}
.site-footer{padding:1rem 0;color:#506680}
.sub { margin: 0; opacity: .95; }
.banner { margin: 1rem 0 0; padding: .8rem 1rem; border-radius: 8px; font-weight: 700; background: rgba(255,255,255,.15); }

.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.1rem;box-shadow:0 8px 22px rgba(12,40,74,.08)}
ul{padding-left:1.2rem}