@keyframes fadeIn { from {opacity:0; transform:scale(0.95);} to {opacity:1; transform:scale(1);} }
.animate-fadeIn { animation: fadeIn 0.3s ease-out; }

@keyframes slideUp { from {transform:translateY(30px); opacity:0;} to {transform:translateY(0); opacity:1;} }
.animate-slideUp { animation: slideUp 0.4s ease-out; }

.login-bg { background: linear-gradient(270deg, #ff4d4d, #ffcd3c, #4dff88, #4d88ff, #cd4dff); background-size: 1000% 1000%; animation: gradientShift 15s ease infinite; }

@keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

.winner-card {
  border: 2px solid #FFD700;
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.6);
  transform: scale(1.02);
}

/* TV Modu Kayma Animasyonu */
@keyframes scrollHorizontal {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.marquee-track {
  display: flex;
  gap: 2rem;
  width: max-content;
  animation: scrollHorizontal 730s linear infinite;
}

.marquee-track:hover {
  animation-play-state: paused;
}

video::-webkit-media-controls {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}