@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap');

:root {
  --gold: #d4af37;
  --gold-glow: rgba(212, 175, 55, 0.3);
  --black-matte: #0a0a0a;
}

body {
  font-family: 'Noto Sans SC', sans-serif;
  background-color: var(--black-matte);
  color: #ffffff;
}

.text-gold { color: var(--gold); }
.bg-gold { background-color: var(--gold); }
.border-gold { border-color: var(--gold); }

.shadow-gold {
  box-shadow: 0 4px 20px -5px var(--gold-glow);
}

.gold-gradient {
  background: linear-gradient(135deg, #d4af37 0%, #f5e67b 50%, #d4af37 100%);
}

.movie-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 30px -10px var(--gold-glow);
}

.movie-card img {
    transition: transform 0.5s ease;
}

.movie-card:hover img {
    transform: scale(1.08);
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* Float Animation */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

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

/* Custom Selection */
::selection {
    background: var(--gold);
    color: #000;
}