body{font-family:'Poppins',sans-serif;scroll-behavior:smooth;background-color:#f8f9fa}h2{color:#004d4d}.navbar{background:linear-gradient(90deg,#009688,#004d4d);box-shadow:0 2px 10px rgba(0,0,0,0.2)}.navbar-brand{font-size:1.4rem;letter-spacing:.5px}.nav-link{color:#e0f2f1!important;font-weight:500;transition:color .3s}.nav-link:hover{color:#fff!important;text-decoration:underline}.hero{height:100vh;background:linear-gradient(135deg,#009688,#004d4d);display:flex;justify-content:center;align-items:center;color:white;text-shadow:1px 1px 3px rgba(0,0,0,0.3)}.hero h1{font-size:3rem;margin-bottom:15px}.hero .btn{font-weight:600;padding:10px 25px;border-radius:25px}#courses .card{border:none;border-radius:15px;transition:transform .3s,box-shadow .3s}#courses .card:hover{transform:translateY(-10px);box-shadow:0 8px 20px rgba(0,150,136,.2)}#courses i{color:#009688}#teachers .card{border:none;border-radius:15px;overflow:hidden;transition:transform .3s}#teachers .card:hover{transform:translateY(-8px)}#teachers img{height:300px;object-fit:cover}#gallery img{border-radius:15px;transition:transform .3s}#gallery img:hover{transform:scale(1.05)}#faq .accordion-button{background-color:#e0f2f1;color:#004d4d;font-weight:600}#faq .accordion-button:not(.collapsed){background-color:#009688;color:#fff}#contact{background:#e0f2f1;border-top:5px solid #009688}#register form{background-color:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.1)}#register button{background:linear-gradient(90deg,#009688,#004d4d);border:none}#register button:hover{background:linear-gradient(90deg,#00796b,#003d3d)}footer{background:linear-gradient(90deg,#004d4d,#009688);font-size:.9rem}@media(max-width:768px){.hero h1{font-size:2rem}.navbar-brand{font-size:1.2rem}#teachers img{height:250px}}

/* Teal gradient button */
.btn-teal-gradient {
  background: linear-gradient(135deg, #009688, #00bfa5);
  color: white;
  border: none;
  transition: 0.3s;
}
.btn-teal-gradient:hover {
  background: linear-gradient(135deg, #00796b, #009688);
  color: #fff;
}
.text-teal {
  color: #009688 !important;
}
.bg-teal {
  background-color: #009688 !important;
}
.service-card:hover {
    transform: translateY(-8px);
    transition: all 0.4s ease;
    box-shadow: 0 10px 25px rgba(0, 150, 136, 0.2);
}
#gallery img {
    height: 420px;
    object-fit: cover;
    transition: transform 0.6s ease-in-out;
  }
  #gallery img:hover {
    transform: scale(1.05);
  }
  .text-teal {
    color: #008080;
  }
  #contact .card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  #contact .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 128, 128, 0.2);
  }
  .text-teal {
    color: #008080;
  }