.bg-circle {
  
  background-image: radial-gradient(circle at center, rgba(56, 192, 171, 0.2) 0%, #0C0B12 50%);
}

.glass-card{
    background: rgba(255, 255, 255, 0.1);
}

.slide-in-left {
  opacity: 0;
  transform: translateX(-100px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
}
.slide-in-left.is-visible {
  opacity: 1;
  transform: translateX(0);
}

/* Animasi masuk dari kanan */
.slide-in-right {
  opacity: 0;
  transform: translateX(100px);
  transition: opacity 1s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
}
.slide-in-right.is-visible {
  opacity: 1;
  transform: translateX(0);
}

/* Animasi fade-in on scroll */
.fade-in-section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
}
.fade-in-section.is-visible {
  opacity: 1;
  transform: none;
}

.slide-in-down{
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
}
.slide-in-down.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.slide-in-up{
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
}
.slide-in-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}