/* Font & reset */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',sans-serif;background:#f8fdfd;color:#0a3d45;line-height:1.6;}
a{text-decoration:none;color:inherit;}
.container{max-width:1200px;margin:0 auto;padding:0 1rem;}

/* Navbar */
nav{position:sticky;top:0;background:#ffffffdd;backdrop-filter:blur(6px);box-shadow:0 2px 6px rgba(0,0,0,.06);z-index:100;}
nav .container{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;}
nav .logo{font-weight:700;color:#0a7e7e;font-size:1.25rem;}
nav ul{display:flex;gap:1.5rem;list-style:none;font-weight:600;}
nav li a:hover{color:#0a7e7e;}
nav .nav-toggle{display:none;background:none;border:0;font-size:1.5rem;color:#004c4c;cursor:pointer;}

/* Buttons */
.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-align:center;}
.btn-primary{background:#ffe600;color:#004c4c;}
.btn-outline{border:2px solid #0a7e7e;color:#0a7e7e;}

/* Hero */
.hero{padding:6rem 0;text-align:center;background:linear-gradient(135deg,#9be7e4 0%,#34a3a3 100%);color:#fff;}
.hero h1{font-size:2.8rem;margin-bottom:1rem;}
.hero p{font-size:1.25rem;margin-bottom:2rem;}

/* Sections */
.features,.programs,.about,.testimonials{padding:4rem 0;}
.features{background:#e3faf9;}
.about{background:#f2fffe;}

.section-title{text-align:center;margin-bottom:3rem;font-size:2rem;font-weight:700;color:#006767;}

/* Feature grid */
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;}
.feature-box{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.05);}
.feature-box i{font-size:2.5rem;color:#0a7e7e;margin-bottom:.75rem;}

/* Cards */
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;}
.card{background:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.05);overflow:hidden;display:flex;flex-direction:column;}
.card img{width:100%;height:160px;object-fit:cover;}
.card-body{padding:1.25rem;flex:1;}
.card-body h3{font-size:1.125rem;margin-bottom:.75rem;color:#004c4c;}
.price{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:#006767;}
.card-footer{padding:1rem;border-top:1px solid #e5e5e5;text-align:center;}

/* About */
.about .content{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;}
.mission-list{list-style:disc;padding-left:1.5rem;}

/* Testimonials */
.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;}
.testi-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.05);padding:1.5rem;}
.testi-card p{font-style:italic;margin-bottom:.75rem;}

/* CTA */
.cta{padding:4rem 0;text-align:center;background:#34a3a3;color:#fff;}
.cta h2{font-size:2rem;margin-bottom:1rem;}
.cta p{margin-bottom:2rem;font-size:1.2rem;}

/* Footer */
footer{background:#003d3d;color:#bff;padding:2rem 0;text-align:center;font-size:.875rem;}
footer ul{display:flex;justify-content:center;gap:1.5rem;list-style:none;margin-bottom:1rem;}
footer a{color:#bff;}

/* Responsive */
@media(max-width:768px){
  nav ul{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;padding:1rem;display:none;}
  nav.open ul{display:flex;}
  nav .nav-toggle{display:block;}
}
@media(max-width:600px){
  .hero h1{font-size:2rem;}
}