/* ============================================================
   SkySoar Technologies — Animation Keyframes & Motion
   ============================================================ */

@keyframes logoPulse {
  0%, 100% {
    box-shadow: 0 0 60px var(--glow-strong), 0 0 120px rgba(0, 212, 255, 0.2);
  }
  50% {
    box-shadow: 0 0 80px var(--primary), 0 0 160px rgba(0, 212, 255, 0.4);
  }
}

@keyframes scanMove {
  from { background-position: 0 0; }
  to { background-position: 0 100%; }
}

@keyframes gridPulse {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}

@keyframes glowFloat {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -52%) scale(1.05); }
}

@keyframes ringRotate {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes badgePulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

@keyframes float1 {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

@keyframes float2 {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(12px); }
}

@keyframes spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes successPop {
  0% { transform: scale(0); }
  80% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

@keyframes waPulse {
  0%, 100% { box-shadow: 0 4px 24px rgba(37, 211, 102, 0.4); }
  50% {
    box-shadow: 0 4px 40px rgba(37, 211, 102, 0.7),
                0 0 0 8px rgba(37, 211, 102, 0.1);
  }
}

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

@keyframes popup {
  from {
    transform: translateY(35px) scale(0.95);
    opacity: 0;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}