html {
  scroll-behavior: smooth;
}
body {
  font-family: 'Inter',sans-serif;
  color: #111827;
  background: #fff;
  overflow-x: hidden;
}
h1,h2,h3,h4 {
  font-family: 'Outfit', sans-serif;
  letter-spacing: -0.025em;
}

@keyframes fadeInUp{
  from {
    opacity:0;
    transform:translateY(30px);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}
@keyframes fadeInLeft{
  from {
    opacity:0;
    transform:translateX(-30px);
  }
  to {
    opacity:1;
    transform:translateX(0);
  }
}
@keyframes fadeIn{
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}
@keyframes scaleIn{
  from {
    opacity:0;
    transform:scale(.9);
  }
  to {
    opacity:1;
    transform:scale(1);
  }
}
@keyframes slideDown{
  from {
    opacity:0;
    transform:translateY(-20px);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}

.anim-fade-up {
  animation: fadeInUp   .8s ease both;
}
.anim-fade-left {
  animation: fadeInLeft .8s ease both;
}
.anim-fade-in{
  animation: fadeIn .6s ease both;
}
.anim-scale-in{
  animation: scaleIn.5s ease both;
}
.delay-100 {
  animation-delay: .1s;
}
  .delay-200 {
    animation-delay: .2s;
  }
.delay-300 {
  animation-delay: .3s;
}
.delay-400 {
  animation-delay: .4s;
}

.observe {
  opacity: 0;
}
.observe.visible {
  opacity: 1;
}

.hover-lift {
  transition: transform .3s ease, box-shadow .3s ease;
}
.hover-lift:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0,0,0,.12);
}
.hover-scale {
  transition: transform .3s ease;
}
.hover-scale:hover {
  transform: scale(1.03);
}

#mobile-menu {
  display: none;
}
#mobile-menu.open {
  display: block; animation: slideDown .25s ease;
}

.gallery-item .overlay {
  opacity: 0; transition: opacity .3s ease;
}
.gallery-item:hover .overlay {
  opacity: 1;
}
.gallery-item img {
  transition: transform .5s ease;
}
.gallery-item:hover img {
  transform: scale(1.1);
}

.edu-card img {
  transition: transform .7s ease;
}
.edu-card:hover img {
  transform: scale(1.05);
}

.team-card .ring-glow {
  opacity: 0; transition: opacity .3s ease;
}
.team-card:hover .ring-glow {
  opacity: 1;
}

.wa-btn {
  transition: transform .2s ease;
}
.wa-btn:hover {
  transform: scale(1.1);
}

::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #FF6B00; border-radius: 3px;
}