/* Custom animations и стили - дополнение к Tailwind CDN */
@keyframes blob {
  0% {
    transform: translate(0px, 0px) scale(1);
  }
  33% {
    transform: translate(30px, -50px) scale(1.1);
  }
  66% {
    transform: translate(-20px, 20px) scale(0.9);
  }
  100% {
    transform: translate(0px, 0px) scale(1);
  }
}

.animate-blob {
  animation: blob 7s infinite;
}

.animation-delay-2000 {
  animation-delay: 2s;
}

.animation-delay-4000 {
  animation-delay: 4s;
}

/* Lightsaber animations для счетчика пользователей */
@keyframes lightsaber-glow {
  0%, 100% {
    box-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 15px currentColor;
  }
  50% {
    box-shadow: 0 0 10px currentColor, 0 0 20px currentColor, 0 0 30px currentColor;
  }
}

.lightsaber-red {
  background: linear-gradient(90deg, 
    rgba(220, 38, 38, 0.8) 0%, 
    rgba(239, 68, 68, 1) 50%, 
    rgba(220, 38, 38, 0.8) 100%
  );
  animation: lightsaber-glow 2s ease-in-out infinite;
  box-shadow: 0 0 10px #ef4444, 0 0 20px #dc2626, 0 0 30px #991b1b;
}

.lightsaber-green {
  background: linear-gradient(90deg, 
    rgba(34, 197, 94, 0.8) 0%, 
    rgba(74, 222, 128, 1) 50%, 
    rgba(34, 197, 94, 0.8) 100%
  );
  animation: lightsaber-glow 2s ease-in-out infinite;
  box-shadow: 0 0 10px #4ade80, 0 0 20px #22c55e, 0 0 30px #15803d;
}