*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{background:#f4f7fb;color:#333;line-height:1.6}

.navbar{background:#0b3c5d;display:flex;align-items:center;justify-content:space-between;padding:15px 30px;flex-wrap:wrap}
.logo-area img{height:55px}

.navbar nav a{color:#fff;text-decoration:none;margin-left:18px;font-weight:600}
.navbar nav a.cta{background:#4caf50;padding:8px 14px;border-radius:4px}

.hero{background:linear-gradient(to right,#0b3c5d,#1d6fa5);color:#fff;padding:90px 20px;text-align:center}
.hero h1{font-size:2.4rem}
.hero span{color:#4caf50}
.hero p{margin:15px 0;font-size:1.1rem}

.btn{background:#4caf50;color:#fff;padding:14px 28px;text-decoration:none;border-radius:6px;font-weight:bold;display:inline-block}

.about,.services,.ebooks{padding:60px 20px;text-align:center}
.about h2,.services h2,.ebooks h2{margin-bottom:20px;color:#0b3c5d}

.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}
.card{background:#fff;padding:30px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.08);font-weight:bold}

.testimonial{background:#0b3c5d;color:#fff;padding:50px 20px;text-align:center}

footer{background:#1b1b1b;color:#fff;padding:30px 20px;text-align:center}

@media(max-width:768px){
  .navbar{justify-content:center}
  .navbar nav{margin-top:10px}
}