@import url('https://fonts.cdnfonts.com/css/satoshi');
        
        * {
            font-family: 'Satoshi', 'Inter', sans-serif;
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
        
        @keyframes glow {
            0%, 100% { filter: drop-shadow(0 0 20px rgba(255, 51, 51, 0.3)); }
            50% { filter: drop-shadow(0 0 40px rgba(255, 51, 51, 0.6)); }
        }
        
        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .animate-float {
            animation: float 6s ease-in-out infinite;
        }
        
        .animate-glow {
            animation: glow 3s ease-in-out infinite;
        }
        
        .animate-slide-in {
            animation: slideIn 0.6s ease-out forwards;
        }
        
        .glass-effect {
            background: rgba(26, 28, 32, 0.7);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        
        .glass-card {
            background: linear-gradient(135deg, rgba(26, 28, 32, 0.9), rgba(20, 22, 26, 0.95));
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 51, 51, 0.15);
            box-shadow: 0 8px 32px rgba(255, 51, 51, 0.1);
        }
        
        .hover-lift {
            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        }
        
        .hover-lift:hover {
            transform: translateY(-4px) scale(1.02);
        }
        
        .gradient-text {
            background: linear-gradient(135deg, #FF6B6B 0%, #FF3333 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .red-glow {
            box-shadow: 0 0 30px rgba(255, 51, 51, 0.3);
        }
        
        .countdown-item {
            background: linear-gradient(145deg, #1E2025, #16181D);
            box-shadow: 5px 5px 10px #0E1013, -5px -5px 10px #282A2F;
        }

        .modal-overlay {
            position: fixed;
            inset: 0;
            z-index: 99999;
            background: rgba(0, 0, 0, 0.85);
            backdrop-filter: blur(8px);
            display: flex;
            align-items: center;
            justify-content: center;
            visibility: hidden;
            opacity: 0;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        .modal-overlay.active {
            visibility: visible;
            opacity: 1;
        }

        .modal-content {
            position: relative;
            z-index: 100000;
            max-width: 32rem;
            width: calc(100% - 2rem);
            margin: 1rem;
            background: #1e2332;
            border-radius: 2.5rem;
            padding: 2rem;
            border: 2px solid #FF3333;
            box-shadow: 0 0 50px rgba(255, 51, 51, 0.5);
            transform: scale(0.95);
            transition: transform 0.3s ease;
        }

        .modal-overlay.active .modal-content {
            transform: scale(1);
        }

        .leaderboard-body {
            display: none;
        }
        
        .leaderboard-body.active {
            display: block;
        }