:root{--navy:#0d2b3e;--navy2:#102f46;--ink:#13202f;--muted:#617083;--line:#e6eaf0;--bg:#f7f9fc;--gold:#c8a95a;--card:#fff;--red:#9b1c31;--green:#167040}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.58}
.site-header{background:linear-gradient(135deg,var(--navy),#163d57);color:white;padding:22px 6% 64px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:1220px;margin:auto}
.brand{display:flex;align-items:center;gap:13px;color:white;text-decoration:none;font-weight:800;letter-spacing:.02em}
.brand img{height:56px;border-radius:2px}.navlinks{display:flex;gap:13px;flex-wrap:wrap;justify-content:flex-end}
.navlinks a{color:#edf6ff;text-decoration:none;font-size:14px;opacity:.94}.navlinks a.active,.navlinks a:hover{color:var(--gold)}
.nav-toggle{display:none;background:none;color:white;border:1px solid rgba(255,255,255,.4);border-radius:6px;padding:6px 9px}
.hero{max-width:1080px;margin:68px auto 0}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:13px}
h1{font-size:48px;line-height:1.08;margin:12px 0 18px}.lead{font-size:20px;max-width:870px;color:#e8f0f6}
.btn{display:inline-block;padding:13px 20px;border-radius:7px;text-decoration:none;font-weight:800;margin:10px 10px 0 0}.primary{background:var(--gold);color:#111}.secondary{border:1px solid rgba(255,255,255,.55);color:white}
main{padding:44px 6%;max-width:1240px;margin:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:-84px}.card,section.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 8px 24px rgba(16,42,67,.07)}
.card h3,.panel h2{margin-top:0;color:var(--navy)}.panel{margin:30px 0}.muted{color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
ul{padding-left:21px}li{margin-bottom:8px}.pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:6px 11px;margin:4px;background:#fbfcfe;color:#29435b;font-size:13px}
.table-wrap{overflow:auto}.matrix{width:100%;border-collapse:collapse;background:white}.matrix th{background:var(--navy);color:white;text-align:left}.matrix td,.matrix th{border-bottom:1px solid var(--line);padding:12px;vertical-align:top}.matrix tr:hover{background:#f2f6fb}
.notice{border-left:4px solid var(--gold);background:#fff8e6;padding:17px;border-radius:8px}.danger{border-left-color:var(--red);background:#fff5f6}.ok{border-left-color:var(--green);background:#f2fbf5}
form{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 8px 24px rgba(16,42,67,.07)}input,textarea,select{width:100%;padding:13px;margin:8px 0 14px;border:1px solid #cfd6df;border-radius:7px;font-size:15px}textarea{min-height:130px}button{background:var(--navy);color:white;border:0;border-radius:7px;padding:13px 20px;font-weight:800;cursor:pointer}
footer{padding:28px 6%;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.fine{margin-top:8px;max-width:1100px}
@media(max-width:900px){.cards,.grid2,.grid3{grid-template-columns:1fr}.nav{align-items:flex-start}.nav-toggle{display:block}.navlinks{display:none;width:100%;margin-top:12px}.navlinks.open{display:flex}.brand img{height:46px}h1{font-size:34px}.lead{font-size:18px}}