/* Keyframes and Animations */
@keyframes superAgentGlow {
  from { 
    text-shadow: 0 0 20px rgba(155, 220, 255, 0.5); 
  }
  to { 
    text-shadow: 0 0 30px rgba(155, 220, 255, 0.8), 0 0 40px rgba(155, 220, 255, 0.3); 
  }
}

@keyframes ultraModeGlow {
  from { 
    text-shadow: 0 0 20px rgba(255, 68, 68, 0.5); 
  }
  to { 
    text-shadow: 0 0 30px rgba(255, 68, 68, 0.8), 0 0 40px rgba(255, 68, 68, 0.3); 
  }
}

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

/* Typing Cursor Animation */
@keyframes cursorBlink {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}

/* Initial View Intro Animation */
@keyframes introFadeScale {
  0% {
    opacity: 0;
    transform: scale(0.85);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* Fluid Neon Border Animation - Physics-based */
@keyframes fluidWave {
  0% {
    transform: translateX(-50%) scaleY(1) scaleX(1);
    opacity: 0.3;
  }
  15% {
    transform: translateX(-50%) scaleY(1.4) scaleX(0.98);
    opacity: 0.45;
  }
  30% {
    transform: translateX(-50%) scaleY(0.7) scaleX(1.02);
    opacity: 0.5;
  }
  45% {
    transform: translateX(-50%) scaleY(1.2) scaleX(0.99);
    opacity: 0.4;
  }
  60% {
    transform: translateX(-50%) scaleY(0.85) scaleX(1.01);
    opacity: 0.48;
  }
  75% {
    transform: translateX(-50%) scaleY(1.15) scaleX(0.995);
    opacity: 0.35;
  }
  90% {
    transform: translateX(-50%) scaleY(0.95) scaleX(1.005);
    opacity: 0.42;
  }
  100% {
    transform: translateX(-50%) scaleY(1) scaleX(1);
    opacity: 0.3;
  }
}

@keyframes fluidGlow {
  0% {
    box-shadow: 
      0 -15px 60px rgba(255, 255, 255, 0.25),
      0 -30px 90px rgba(255, 255, 255, 0.15),
      0 -45px 120px rgba(255, 255, 255, 0.08),
      0 -60px 150px rgba(255, 255, 255, 0.04);
  }
  20% {
    box-shadow: 
      0 -20px 70px rgba(255, 255, 255, 0.35),
      0 -35px 100px rgba(255, 255, 255, 0.22),
      0 -50px 130px rgba(255, 255, 255, 0.12),
      0 -70px 170px rgba(255, 255, 255, 0.06);
  }
  40% {
    box-shadow: 
      0 -18px 65px rgba(255, 255, 255, 0.3),
      0 -33px 95px rgba(255, 255, 255, 0.18),
      0 -48px 125px rgba(255, 255, 255, 0.1),
      0 -65px 160px rgba(255, 255, 255, 0.05);
  }
  60% {
    box-shadow: 
      0 -22px 75px rgba(255, 255, 255, 0.32),
      0 -38px 105px rgba(255, 255, 255, 0.2),
      0 -52px 135px rgba(255, 255, 255, 0.11),
      0 -72px 175px rgba(255, 255, 255, 0.055);
  }
  80% {
    box-shadow: 
      0 -17px 62px rgba(255, 255, 255, 0.28),
      0 -32px 92px rgba(255, 255, 255, 0.17),
      0 -47px 122px rgba(255, 255, 255, 0.09),
      0 -62px 155px rgba(255, 255, 255, 0.045);
  }
  100% {
    box-shadow: 
      0 -15px 60px rgba(255, 255, 255, 0.25),
      0 -30px 90px rgba(255, 255, 255, 0.15),
      0 -45px 120px rgba(255, 255, 255, 0.08),
      0 -60px 150px rgba(255, 255, 255, 0.04);
  }
}

@keyframes fluidPulse {
  0%, 100% {
    height: 8px;
    filter: brightness(1) blur(3px);
  }
  33% {
    height: 12px;
    filter: brightness(1.2) blur(4px);
  }
  66% {
    height: 6px;
    filter: brightness(0.9) blur(2.5px);
  }
}

@keyframes fluidRipple {
  0% {
    transform: translateX(-50%) translateY(0) scaleX(1);
    opacity: 0.25;
  }
  25% {
    transform: translateX(-50%) translateY(-3px) scaleX(1.03);
    opacity: 0.4;
  }
  50% {
    transform: translateX(-50%) translateY(0) scaleX(0.97);
    opacity: 0.3;
  }
  75% {
    transform: translateX(-50%) translateY(-2px) scaleX(1.01);
    opacity: 0.35;
  }
  100% {
    transform: translateX(-50%) translateY(0) scaleX(1);
    opacity: 0.25;
  }
}