/* ── ANIMATIONS ── */

/* Subtle scanline effect */
@keyframes scanlines {
  0% { transform: translateY(0); }
  100% { transform: translateY(10px); }
}

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

@keyframes glowPulse {
  0%, 100% { 
    text-shadow: 0 0 10px rgba(255, 165, 0, 0.3);
  }
  50% { 
    text-shadow: 0 0 20px rgba(255, 165, 0, 0.6);
  }
}

@keyframes ambientGlow {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.6; }
}

@keyframes bootSequence {
  0% { 
    opacity: 0;
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
  }
  100% { 
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes accessGranted {
  0% {
    opacity: 0;
    color: var(--danger);
  }
  50% {
    color: var(--warning);
  }
  100% {
    opacity: 1;
    color: var(--safe-light);
  }
}

.fade-up {
  opacity: 0;
  animation: fadeUp 0.6s ease forwards;
}

.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }
.delay-4 { animation-delay: 0.4s; }
.delay-5 { animation-delay: 0.5s; }

/* Glow effect for interactive elements */
.glow-on-hover {
  transition: all 0.3s ease;
}

.glow-on-hover:hover {
  text-shadow: 0 0 15px rgba(255, 165, 0, 0.5);
  color: var(--accent-light);
}