body{font-family:Arial,sans-serif;margin:0;color:#1f2d45;line-height:1.6}
header{text-align:center;padding:30px}
.logo{font-size:42px;font-weight:bold;color:#0d47a1}
nav{margin:20px}
.btn{background:#1565f5;color:white;padding:12px 25px;text-decoration:none;border-radius:5px}
.hero{background:#061b45;color:white;text-align:center;padding:90px 20px}
.hero h1{font-size:48px}
section{padding:45px 10%;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.grid div{border:1px solid #ddd;padding:25px;border-radius:8px}
.dark{background:#0d47a1;color:white}
footer{text-align:center;padding:20px;background:#eee}
@media(max-width:600px){.hero h1{font-size:32px}}