body {font-family:"Poppins",sans-serif;margin:0;padding:0;color:#1a1a1a;line-height:1.6;background:#fff;}
header{background:#0B2149;color:#fff;padding:20px 8%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
header h1{margin:0;font-size:1.4rem;}
nav a{color:#fff;text-decoration:none;margin:0 10px;}
nav a:hover{text-decoration:underline;}
.hero{background:linear-gradient(135deg,#0B2149,#3498FF);color:white;text-align:center;padding:120px 20px;}
.hero h2{font-size:2rem;margin-bottom:15px;}
.section{padding:80px 10%;text-align:center;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:40px;}
.card{background:#f8f9fa;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.card img{width:100%;border-radius:12px;margin-bottom:15px;}
.btn{display:inline-block;padding:12px 28px;margin:10px;border-radius:6px;text-decoration:none;transition:0.3s;}
.btn.primary{background:#3498FF;color:white;}
.btn.secondary{border:2px solid #3498FF;color:#3498FF;background:transparent;}
.btn:hover{transform:translateY(-2px);}
.contact{background:#f0f4f8;padding:80px 10%;}
footer{background:#0B2149;color:white;text-align:center;padding:25px 10%;}
footer a{color:#3BB273;text-decoration:none;}
footer a:hover{text-decoration:underline;}
@media(max-width:768px){nav a{display:inline-block;margin:5px;}}