:root{--brand:#003366;--brand2:#1a73e8;--ink:#0b1a2b;--bg:#dceeff;--panel:#fff;--muted:#5b6b88}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}
.wrap{max-width:1180px;margin:0 auto;padding:20px}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
header,footer{background:var(--panel);border-bottom:4px solid var(--brand)}footer{border-top:4px solid var(--brand);border-bottom:none}
.topbar{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px}.logo img{height:56px}
nav a{margin-right:12px;font-weight:700}
.btn{display:inline-block;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;padding:10px 16px;border-radius:12px;font-weight:800}
.btn.secondary{background:transparent;border:2px solid var(--brand);color:var(--brand)}
.card{background:var(--panel);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:18px;margin:14px 0;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.list{padding-left:18px}.small{color:var(--muted)}.kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:24px 0}.hero h1{font-size:clamp(28px,4.6vw,44px);margin:.4rem 0}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
input,select,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #c8d6f0;background:#fff}
label{font-weight:700;display:block;margin:10px 0 6px}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.grid,form .row{grid-template-columns:1fr}}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}
.tagline{font-weight:700;color:#153b66}
.alert{background:#eef6ff;border-left:4px solid var(--brand);padding:10px;border-radius:8px}