/* ==========================================================================
   VORQEN OFFICIAL - ANIMATIONS & MICRO-INTERACTIONS
   ========================================================================== */

@keyframes beacon-wave {
  0% {
    transform: scale(0.9);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.6);
    opacity: 0.3;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}

@keyframes pulse-dot {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.5;
  }
}

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

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

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

@keyframes glow-pulse {
  0%, 100% {
    box-shadow: 0 0 15px rgba(255, 0, 56, 0.4);
  }
  50% {
    box-shadow: 0 0 30px rgba(255, 0, 56, 0.7), 0 0 50px rgba(0, 229, 255, 0.2);
  }
}

.floating-elem {
  animation: float 4s ease-in-out infinite;
}

.glow-pulsing {
  animation: glow-pulse 3s infinite;
}

/* Skeleton Loading State for Dynamic Content */
.skeleton {
  background: linear-gradient(90deg, rgba(255,255,255,0.03) 25%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.03) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.8s infinite;
  border-radius: var(--radius-sm);
}

/* Smooth CountUp Number Transition */
.counter-number {
  display: inline-block;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.counter-number.updating {
  transform: scale(1.15);
  color: var(--cyan-accent);
}

/* New Video Tag Animation */
.new-tag-glow {
  animation: pulse-dot 2s infinite ease-in-out;
}