/**
 * ============================================================================
 * ANIMATIONS.CSS - Financier Buzz PROFESSIONAL BANKING DESIGN SYSTEM
 * Micro-Interactions | Shimmer Gradients | Wave Pulses | Smooth Elevation
 * ============================================================================
 */

/* 1. Shimmer Gradient Text Animation */
@keyframes shimmerSweep {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

.shimmer-text {
  background: linear-gradient(90deg, #d4af37 0%, #fef08a 25%, #ffffff 50%, #fef08a 75%, #d4af37 100%);
  background-size: 200% auto;
  color: transparent !important;
  -webkit-background-clip: text;
  background-clip: text;
  animation: shimmerSweep 4s linear infinite;
  display: inline-block;
}

/* 2. Beacon Live Status Radar Pulse */
@keyframes beaconPing {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(16, 185, 129, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
  }
}

.beacon-dot {
  width: 8px;
  height: 8px;
  background: #10b981;
  border-radius: 50%;
  display: inline-block;
  animation: beaconPing 2s infinite cubic-bezier(0.4, 0, 0.6, 1);
}

/* 3. Gold Pulse Ring */
@keyframes pulseGold {
  0% {
    box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.6);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(212, 175, 55, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);
  }
}

.pulse-gold {
  animation: pulseGold 2.5s infinite;
}

/* 4. Floating Action Button Gentle Levitation */
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

.floating-action {
  animation: gentleFloat 4s ease-in-out infinite;
}

/* 5. Preloader Spin & Glow */
@keyframes preloaderSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.preloader-spinner {
  animation: preloaderSpin 1s linear infinite;
}

/* 6. Card Hover Elevation */
.hover-lift {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.hover-lift:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-xl);
}

/* 7. Subtle Glow Focus */
.glow-focus:focus {
  outline: none;
  border-color: var(--color-gold) !important;
  box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.18) !important;
}