@keyframes pulseGreen {
  0%, 100% { background-color: rgba(16, 185, 129, 0.2); transform: scale(1); }
  50% { background-color: rgba(16, 185, 129, 0.6); transform: scale(1.02); }
}

@keyframes pulseRed {
  0%, 100% { background-color: rgba(255, 59, 92, 0.25); transform: scale(1); box-shadow: 0 0 12px rgba(255, 59, 92, 0.4); }
  50% { background-color: rgba(255, 59, 92, 0.7); transform: scale(1.02); box-shadow: 0 0 24px rgba(255, 59, 92, 0.8); }
}

@keyframes goldGlow {
  0%, 100% { box-shadow: 0 0 10px rgba(234, 179, 8, 0.3); }
  50% { box-shadow: 0 0 22px rgba(250, 204, 21, 0.7); }
}

@keyframes pastelRedGlow {
  0%, 100% { box-shadow: 0 0 12px rgba(255, 59, 92, 0.35); }
  50% { box-shadow: 0 0 25px rgba(255, 77, 109, 0.75); }
}

.pulse-green {
  animation: pulseGreen 1.5s infinite ease-in-out;
}

.pulse-red {
  animation: pulseRed 1.5s infinite ease-in-out;
}

.glow-gold {
  animation: goldGlow 2s infinite ease-in-out;
}

.glow-pastel-red {
  animation: pastelRedGlow 2s infinite ease-in-out;
}

/* 4K Canvas Gradient: Pastel Red (Top) -> Deep Black (Middle) -> Pure Gold (Bottom) */
.bg-4k-ordered-canvas {
  background: linear-gradient(180deg, #4c0519 0%, #881337 3%, #18030a 12%, #050507 28%, #000000 65%, #1c1303 88%, #78350f 96%, #ca8a04 100%);
  background-attachment: fixed;
}

/* 4K Red Pastel & Gold Utility Classes */
.bg-pastel-red {
  background-color: #ff3b5c;
}

.text-pastel-red {
  color: #ff4d6d;
}

.border-pastel-red {
  border-color: rgba(255, 77, 109, 0.4);
}

.bg-gradient-4k-ordered {
  background: linear-gradient(180deg, #ff3b5c 0%, #0d0d0f 50%, #eab308 100%);
}

.bg-gradient-4k-red {
  background: linear-gradient(135deg, #ff3b5c 0%, #d90429 50%, #900020 100%);
}

.bg-gradient-gold-red {
  background: linear-gradient(180deg, #ff3b5c 0%, #121215 50%, #eab308 100%);
}

.bg-gradient-gold {
  background: linear-gradient(135deg, #fef08a 0%, #eab308 50%, #ca8a04 100%);
}

.text-gold-gradient {
  background: linear-gradient(135deg, #fff2a8 0%, #facc15 50%, #ca8a04 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-pastel-red-gradient {
  background: linear-gradient(135deg, #ff758f 0%, #ff3b5c 50%, #c9184a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Custom Scrollbar in Black, Gold & Pastel Red */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #09090b;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #ff3b5c 0%, #eab308 100%);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ff5277;
}

/* Custom Selection in Pastel Red */
::selection {
  background: #ff3b5c;
  color: #ffffff;
}


@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.animate-slide-in-right {
  animation: slideInRight 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}