@keyframes scale-up-center-normal {0% { transform: scale(0.5); } 100% { transform: scale(1);} }
    body {
      font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      background: linear-gradient(180deg, #f4f7fb 0%, #ffffff 100%);
      color: #000f30;\n      overflow-x: hidden;
    }
    .hero-bg {
      background: radial-gradient(circle at top left, rgba(0,172,232,0.15), transparent 55%),
                  radial-gradient(circle at bottom right, rgba(14, 76, 222, 0.2), transparent 50%);
    }
    .hero2-bg {
      background: radial-gradient(circle at top left, rgba(0,172,232,0.15), transparent 55%),
                  radial-gradient(circle at bottom right, rgba(15,23,42,0.2), transparent 50%);
    }
    .btn-primary {
      background-color: #00ace8;
      color: #fff;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 25px rgba(30, 167, 217, 0.35);
    }
    .btn-secondary {
      border: 2px solid #00ace8;
      color: #00ace8;
      transition: background-color 0.2s ease, color 0.2s ease;
    }
    .btn-secondary:hover {
      background-color: #00ace8;
      color: #fff;
    }
    .feature-card {
      background: #fff;
      border-radius: 18px;
      box-shadow: 0 20px 45px rgba(15, 23, 42, 0.10);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .feature-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 24px 55px rgba(15, 23, 42, 0.16);
    }
    /* CSS Code */
    .swiper-wrapper {
    width: 100%;
    height: max-content !important;
    padding-bottom: 64px !important;
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    position: relative;
    }
    .swiper-pagination-bullet {
    background: #00ace8;
    }
    .swiper-slide-active img {
    opacity: 1 !important;
    transform: scale(1) !important;
    }
#programsfso .program-card {
  position: relative;
  transition: transform 250ms ease, box-shadow 250ms ease;
  transform-origin: center;
}

#programsfso .program-card.program-card--active,
#programsfso .program-card:hover,
#programsfso .program-card:focus-within {
  transform: translateY(-6px) scale(1.05);
  box-shadow: 0 24px 55px rgba(15, 23, 42, 0.18);
  z-index: 10;
}

#fsoStats .stat-item {
  position: relative;
}

#fsoStats .stat-icon {
  width: 4.5rem;
  height: 4.5rem;
  color: #00ace8;
}

#fsoStats .counter {
  font-variant-numeric: tabular-nums;
}

html { scroll-behavior: smooth; 
}