*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}
body{background:#f4f6fb;color:#333}
header{background:#0f172a;color:#fff;padding:15px 0}
.container{width:90%;max-width:1200px;margin:auto}
.nav{display:flex;justify-content:space-between;align-items:center}
.nav ul{display:flex;list-style:none}
.nav ul li{margin-left:20px}
.nav ul li a{color:#fff;text-decoration:none}
.hero{background:linear-gradient(135deg,#1e3a8a,#0f172a);color:#fff;text-align:center;padding:100px 20px}
.hero h1{font-size:2.5rem;margin-bottom:15px}
.btn{background:#38bdf8;padding:10px 20px;border-radius:25px;color:#fff;text-decoration:none;border:none;cursor:pointer}
.services{padding:60px 0;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}
.card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
footer{background:#0f172a;color:#fff;text-align:center;padding:20px;margin-top:40px}
footer a{color:#38bdf8;text-decoration:none}
@media(max-width:768px){.nav ul{flex-direction:column;gap:10px;margin-top:10px}}