
:root{--navy:#0B2447;--navy2:#132F5A;--gold:#E4B02E;--ink:#0f1a2b;--muted:#5f6b7a;--bg:#ffffff;--line:#e6ebf2;}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.container{width:min(1120px,92%);margin:0 auto}
a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}
.header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:18px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px}.brand img{height:40px}.brand .name{font-weight:800;color:var(--navy)}
nav ul{list-style:none;padding:0;margin:0;display:flex;gap:18px;flex-wrap:wrap}nav a{font-weight:600}
.hero{background:linear-gradient(135deg,var(--navy),#061733);color:#fff;padding:72px 0 60px}
.hero h1{margin:0 0 12px;font-size:40px;line-height:1.15}.hero p{margin:0 0 22px;color:#dbe6f7;max-width:760px}
.btn{display:inline-block;border-radius:12px;padding:12px 18px;font-weight:800;border:2px solid transparent}
.btn.gold{background:var(--gold);color:#111;border-color:var(--gold)}.btn.gold:hover{filter:brightness(0.95)}
.btn.ghost{background:transparent;color:#fff;border-color:#b9cae3}.btn.ghost:hover{border-color:#fff}
.section{padding:56px 0}.section.alt{background:#f7f9fd}.section h2{margin:0 0 12px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 6px 16px rgba(10,20,40,.04)}
h3{margin:4px 0 8px;color:var(--navy)}
form{display:grid;gap:12px;max-width:680px}label{font-weight:600}input,textarea,select{width:100%;padding:12px 14px;border:1px solid #cfdae8;border-radius:10px;font:inherit}textarea{min-height:120px}
.footer{background:#0a1e3c;color:#d5e0f0;padding:28px 0;margin-top:40px}
.footer .foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center}.badges{display:flex;gap:12px;align-items:center}
.small{color:#9fb0c6}
@media (max-width:820px){.hero h1{font-size:32px}}
