:root{
  --navy:#0b1b3a;
  --gold:#d4af37;
  --white:#ffffff;
  --muted:#f5f7fa;
  font-family: 'Poppins', sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--white);color:var(--navy);-webkit-font-smoothing:antialiased}
.container{max-width:1100px;margin:0 auto;padding:28px}
header{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;gap:12px;align-items:center}
.brand img{width:64px;height:64px;object-fit:contain;border-radius:8px}
.brand h1{font-size:18px;letter-spacing:0.6px;font-weight:700}
.nav a{margin-left:16px;text-decoration:none;color:var(--navy);font-weight:600}
.hero{display:flex;gap:24px;align-items:center;background:linear-gradient(90deg,rgba(11,27,58,0.03),rgba(212,175,55,0.03));padding:36px;border-radius:12px}
.hero-text h2{font-size:32px;margin-bottom:12px}
.hero-text p{margin-bottom:16px;color:#274056}
.btn-primary{background:var(--gold);color:var(--navy);padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700}
.sections{margin-top:28px}
.section{margin-bottom:28px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(11,27,58,0.06);background:var(--white)}
.card img{width:100%;height:220px;object-fit:cover}
.card-body{padding:14px}
.card-title{font-weight:700;margin-bottom:6px}
.card-desc{color:#294264;font-size:14px;margin-bottom:10px}
.footer{background:var(--navy);color:var(--white);padding:18px;border-radius:8px;margin-top:20px;text-align:center}
.contact a{color:var(--gold);text-decoration:none;font-weight:700}
@media(max-width:800px){.hero{flex-direction:column}.grid{grid-template-columns:1fr}}