/* Animations for UR Automations */

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeInUp {
  from { 
    opacity: 0; 
    transform: translateY(20px); 
  }
  to { 
    opacity: 1; 
    transform: translateY(0); 
  }
}

@keyframes glowPulse {
  0% { box-shadow: 0 0 10px rgba(192, 255, 4, 0.2); }
  50% { box-shadow: 0 0 25px rgba(192, 255, 4, 0.6); }
  100% { box-shadow: 0 0 10px rgba(192, 255, 4, 0.2); }
}

/* Staggered animation delays for classes */
.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }
.delay-300 { animation-delay: 300ms; }
.delay-400 { animation-delay: 400ms; }
.delay-500 { animation-delay: 500ms; }

/* Classes to apply animations via JS or static */
.animate-fade-in {
  animation: fadeIn 0.8s ease forwards;
}

.animate-fade-in-up {
  opacity: 0; /* Starting state for observer */
  animation: fadeInUp 0.8s ease forwards;
}

/* Class for elements that will be animated on scroll */
.scroll-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}

.scroll-reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* specific interactive animations like the vortex */
.vortex-spin {
  animation: spin 10s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}