
:root{--navy:#0a2540;--blue:#0e4b7a;--gold:#d4a017;--light:#f5f8fc}
*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif}
body{color:#1f2937;background:#fff}
.container{width:min(1200px,92%);margin:auto}
header{background:var(--navy);position:sticky;top:0}
.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.logo{height:70px}
.nav a{color:#fff;text-decoration:none;margin-left:20px}
.hero{background:linear-gradient(rgba(10,37,64,.8),rgba(10,37,64,.8)),url('https://images.unsplash.com/photo-1569263979104-865ab7cd8d13?fit=crop&w=1600&q=80');background-size:cover;padding:120px 0;color:#fff;text-align:center}
.btn{display:inline-block;background:var(--gold);color:#000;padding:14px 24px;border-radius:6px;text-decoration:none;font-weight:700}
section{padding:70px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card{background:#fff;padding:25px;border-radius:14px;box-shadow:0 8px 25px rgba(0,0,0,.08)}
.alt{background:var(--light)}
h1,h2,h3{margin-bottom:15px}
form input,form textarea{width:100%;padding:14px;margin:8px 0;border:1px solid #d1d5db;border-radius:8px}
form button{background:var(--blue);color:#fff;border:0;padding:14px 22px;border-radius:8px}
footer{background:var(--navy);color:#fff;padding:25px;text-align:center}
@media(max-width:768px){.nav{flex-direction:column}.nav div{margin-top:10px}.logo{height:58px}}
