/* Smooth fade-in effect */
.fade-in {
  animation: fade 0.6s ease both;
}

/* Slide up animation for panels */
.slide-up {
  animation: up 0.5s ease both;
}

/* Pulsing effect for CTA buttons */
.pulse {
  animation: pulse 1.8s ease-in-out infinite;
}

/* Keyframes for animations */
@keyframes fade {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes up {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes pulse {
  0%, 100% {
    filter: saturate(1);
  }
  50% {
    filter: saturate(1.3);
  }
}