body { font-family: 'Inter', sans-serif; background-color: #050b14; color: #f8fafc; overflow-x: hidden; }
        .bg-main { background: linear-gradient(to bottom, rgba(5, 11, 20, 0.85), rgba(5, 11, 20, 0.95)), url('../images/bg-main.jpg') center/cover no-repeat; }
        .bg-games { background: linear-gradient(to bottom, rgba(5, 11, 20, 0.95), rgba(5, 11, 20, 0.98)), url('../images/bg-games.jpg') center/cover no-repeat; }
        .bg-vip { background: linear-gradient(to right, rgba(5, 11, 20, 0.9), rgba(5, 11, 20, 0.95)), url('../images/bg-vip.jpg') center/cover no-repeat; }
        .bg-kl { background: linear-gradient(to bottom, rgba(5, 11, 20, 0.92), rgba(5, 11, 20, 0.98)), url('../images/bg-kl.jpg') center/cover no-repeat; }
.glass { background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.05); }
.glass-card { background: linear-gradient(180deg, rgba(30, 41, 59, 0.4) 0%, rgba(15, 23, 42, 0.8) 100%); border: 1px solid rgba(255, 255, 255, 0.05); }
.text-gold { color: #fbbf24; }
.text-gradient { background: linear-gradient(135deg, #fde047 0%, #f59e0b 100%); -webkit-background-clip: text; color: transparent; }
.bg-gold-gradient { background: linear-gradient(135deg, #fde047 0%, #f59e0b 100%); }

/* Animations */
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
.animate-float { animation: float 6s ease-in-out infinite; }

@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
.fade-in { animation: fadeInUp 0.8s ease-out forwards; opacity: 0; }
.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }
.delay-300 { animation-delay: 300ms; }

@keyframes pulse-glow { 0%, 100% { box-shadow: 0 0 15px rgba(245, 158, 11, 0.3); } 50% { box-shadow: 0 0 30px rgba(245, 158, 11, 0.6); } }
.btn-glow { animation: pulse-glow 2s infinite; }

/* Decorative Orbs */
.orb { position: absolute; border-radius: 50%; filter: blur(120px); pointer-events: none; z-index: 0; }
.orb-1 { width: 400px; height: 400px; background: rgba(245, 158, 11, 0.15); top: -100px; left: -100px; }
.orb-2 { width: 500px; height: 500px; background: rgba(37, 99, 235, 0.15); bottom: -200px; right: -100px; }

/* Smooth Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #050b14; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #334155; }