/* Animasi masuk saat scroll */
.animate {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.6s ease-out;
}

.animate.fade-in {
  opacity: 1;
  transform: translateY(0);
}
/* Animasi saat card masuk ke viewport */
.animate {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease-in-out;
}

.animate.show {
  opacity: 1;
  transform: translateY(0);
}

/* Efek hover untuk semua card */
.card.hover-effect {
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.card.hover-effect:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}