:root { --crimson-main: #9e0a36; --bg-dark: #070707; }
body { font-family: 'Cairo', sans-serif; background-color: var(--bg-dark); }
.gradient-bg { background: radial-gradient(circle at 50% 0%, #1a0208 0%, #070707 80%); background-attachment: fixed; }
.text-crimson-main { color: var(--crimson-main); }
.bg-crimson-main { background-color: var(--crimson-main); }
.text-glow { text-shadow: 0 0 30px rgba(158, 10, 54, 0.5); }

/* Marquee Logic */
.marquee-container { overflow: hidden; display: flex; }
.marquee-row { display: flex; gap: 20px; animation: scroll 50s linear infinite; padding: 15px; }
.marquee-row:hover { animation-play-state: paused; }
.reverse { animation-direction: reverse; }

@keyframes scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* Glassmorphism */
.glass-card { background: rgba(255, 255, 255, 0.01); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.05); }
.reveal { opacity: 0; transform: translateY(40px); transition: 1.2s cubic-bezier(0.17, 0.55, 0.55, 1); }
.reveal.active { opacity: 1; transform: translateY(0); }

/* Lightbox */
.lightbox { position: fixed; inset: 0; background: rgba(0,0,0,0.96); z-index: 9999; display: none; justify-content: center; align-items: center; }
.lightbox img { max-height: 75vh; width: auto; }