* { margin:0; padding:0; box-sizing:border-box; font-family:'Inter',sans-serif; }
body { background:#f0f2f5; }
.navbar { background:#1e3a8a; color:white; display:flex; justify-content:space-between; padding:1rem 2rem; align-items:center; }
.logo a { font-size:1.8rem; font-weight:800; color:#facc15; text-decoration:none; }
.logo span { color:white; }
.nav-links { display:flex; gap:1.5rem; list-style:none; }
.nav-links a { color:white; text-decoration:none; font-weight:500; transition:0.3s; }
.nav-links a:hover { color:#ef4444; }
.container { max-width:1200px; margin:2rem auto; padding:0 1rem; }
.card { background:white; border-radius:1rem; box-shadow:0 10px 20px rgba(0,0,0,0.05); padding:1.5rem; margin-bottom:2rem; transition:transform 0.2s; }
.card:hover { transform:translateY(-4px); }
.btn { display:inline-block; background:#1e3a8a; color:white; padding:0.6rem 1.2rem; border-radius:2rem; text-decoration:none; font-weight:600; border:none; cursor:pointer; }
.btn-red { background:#dc2626; }
.btn-blue { background:#2563eb; }
.btn-outline { background:transparent; border:2px solid #1e3a8a; color:#1e3a8a; }
.footer { background:#111827; color:#9ca3af; text-align:center; padding:1.5rem; margin-top:3rem; }
.grid-3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:2rem; }
.feature-img { width:100%; height:180px; object-fit:cover; border-radius:1rem; margin-bottom:1rem; }