*{box-sizing:border-box;font-family:sans-serif}
body{margin:0;background:#f9fafb;color:#1f2937}
.hero{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px}
.brand{display:flex;align-items:center;gap:10px;font-weight:bold}
.logo-img{width:40px;height:40px}
.hero-content{text-align:center;padding:80px 20px}
.hero-actions{margin-top:25px}
.btn{background:#22c55e;color:#fff;padding:12px 28px;border-radius:30px;text-decoration:none;border:none;margin:5px}
.btn.outline{background:none;border:2px solid #fff}
section{padding:60px 20px;max-width:1100px;margin:auto}
section h2{text-align:center;margin-bottom:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}
.card{background:#fff;padding:25px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.08)}
.dark{background:#0f172a;color:#fff;border-radius:40px}
.dark .card{background:#020617}
.cta{text-align:center}
.cta p{margin-bottom:20px}
.cta form{max-width:500px;margin:auto}
.cta input,.cta textarea{width:100%;padding:12px;margin-bottom:12px}
footer{text-align:center;padding:20px;background:#020617;color:#94a3b8}