body { margin:0; font-family:Arial, sans-serif; color:#222;}
.navbar { position:fixed; top:0; width:100%; background:white; padding:15px 30px; display:flex; justify-content:space-between; box-shadow:0 2px 8px rgba(0,0,0,0.1); z-index:10;}
.nav-links a { margin-left:20px; text-decoration:none; color:#333; font-weight:bold;}

.hero { background:linear-gradient(to bottom right, #1EA7FF, #6EC8FF); height:70vh; display:flex; justify-content:center; align-items:center; text-align:center; padding:20px; color:white;}
.btn-primary { display:inline-block; padding:12px 28px; background:white; color:#1EA7FF; border-radius:6px; margin-top:15px; text-decoration:none; font-weight:bold;}

.section { padding:80px 20px; max-width:1100px; margin:auto;}
h2 { text-align:center; margin-bottom:40px;}

.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:25px;}
.card { background:white; border-radius:10px; padding:25px; box-shadow:0 3px 12px rgba(0,0,0,0.1);}

.about p, .contact p { max-width:800px; margin:auto; text-align:center; font-size:18px; line-height:1.6;}

footer { background:#f5f5f5; text-align:center; padding:20px; margin-top:40px; font-size:14px;}