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

.slow-spin {
  animation: slow-spin 6s linear infinite;
}

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

.slow-spin-reverse {
  animation: slow-spin-reverse 20s linear infinite;
}

@keyframes pulse-scale {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.9;
  }
}

.pulse-scale {
  animation: pulse-scale 4.5s ease-in-out infinite;
}

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

.float-up-down {
  animation: float-up-down 3s ease-in-out infinite;
}

@keyframes height-pulse {
  0%,
  100% {
    height: 6rem;
  }
  50% {
    height: 10rem;
  }
}

.bar-animate {
  height: 8rem;
  animation: height-pulse 2s ease-in-out infinite;
}
.bar-animate:nth-child(1) {
  animation-delay: 0s;
}
.bar-animate:nth-child(2) {
  animation-delay: 0.3s;
}
.bar-animate:nth-child(3) {
  animation-delay: 0.6s;
}

@keyframes wobble {
  0%,
  100% {
    transform: rotate(0deg) translateY(0);
  }
  25% {
    transform: rotate(2deg) translateY(-5px);
  }
  50% {
    transform: rotate(0deg) translateY(3px);
  }
  75% {
    transform: rotate(-2deg) translateY(-4px);
  }
}

.triangle-wobble {
  animation: wobble 3s ease-in-out infinite;
  transform-origin: center bottom;
}

.inner-triangle {
  background: radial-gradient(
    circle at center,
    #ffe162 0%,
    #facc15 60%,
    #fbbf24 100%
  );
  box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.4),
    0 0 20px rgba(250, 204, 21, 0.5);
  animation: glow-pulse 3s ease-in-out infinite;
}

@keyframes glow-pulse {
  0%,
  100% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(1.2);
  }
}