/* ============================================
   Animations — Top Profit Club Dark Gold
   ============================================ */

/* ---- Gold Text Glow ---- */
.glow {
  animation: glow 1.4s ease-in-out infinite alternate;
}

@keyframes glow {
  from {
    text-shadow:
      0 0 8px rgba(201, 168, 76, 0.5),
      0 0 16px rgba(245, 224, 152, 0.4),
      0 0 28px rgba(201, 168, 76, 0.3);
  }

  to {
    text-shadow:
      0 0 14px rgba(201, 168, 76, 0.8),
      0 0 30px rgba(245, 224, 152, 0.6),
      0 0 50px rgba(201, 168, 76, 0.4);
  }
}

/* ---- Gold Shimmer Text ---- */
.gold-shimmer {
  background: linear-gradient(90deg,
      #9A7530 0%,
      #F5E098 30%,
      #C9A84C 60%,
      #9A7530 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 250% auto;
  animation: goldShimmer 3.5s linear infinite;
}

@keyframes goldShimmer {
  0% {
    background-position: 0% center;
  }

  100% {
    background-position: 250% center;
  }
}

/* ---- Button Pulse ---- */
.btn-pulse {
  animation: buttonPulse 2.4s ease-in-out infinite;
}

@keyframes buttonPulse {
  0% {
    box-shadow: 0 4px 24px rgba(201, 168, 76, 0.4), 0 0 8px rgba(245, 224, 152, 0.2);
    transform: scale(1);
  }

  50% {
    box-shadow: 0 8px 44px rgba(201, 168, 76, 0.7), 0 0 28px rgba(245, 224, 152, 0.45);
    transform: scale(1.025);
  }

  100% {
    box-shadow: 0 4px 24px rgba(201, 168, 76, 0.4), 0 0 8px rgba(245, 224, 152, 0.2);
    transform: scale(1);
  }
}

/* ---- Button Rocking ---- */
.btn-rocking {
  animation: buttonRocking 2.2s ease-in-out infinite;
  display: inline-block;
}

@keyframes buttonRocking {
  0% {
    transform: rotate(0deg);
  }

  8% {
    transform: rotate(-1.5deg);
  }

  16% {
    transform: rotate(1.5deg);
  }

  24% {
    transform: rotate(-1.5deg);
  }

  32% {
    transform: rotate(1.5deg);
  }

  40% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

/* ---- Fade In Up ---- */
.fade-in-up {
  animation: fadeInUp 0.7s ease-out forwards;
  opacity: 0;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up:nth-child(1) {
  animation-delay: 0s;
}

.fade-in-up:nth-child(2) {
  animation-delay: 0.1s;
}

.fade-in-up:nth-child(3) {
  animation-delay: 0.2s;
}

.fade-in-up:nth-child(4) {
  animation-delay: 0.3s;
}