::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #050507;
        }
        ::-webkit-scrollbar-thumb {
            background: #d4af37;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #facc15;
        }
        .glass-dark-card {
            background: rgba(18, 18, 23, 0.85);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(212, 175, 55, 0.2);
        }
        .glass-header {
            background: rgba(11, 11, 14, 0.92);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(212, 175, 55, 0.25);
        }
        .text-gradient-gold {
            background: linear-gradient(135deg, #fff2a1 0%, #d4af37 50%, #aa7c11 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .bg-gradient-gold {
            background: linear-gradient(135deg, #facc15 0%, #d4af37 50%, #9a7410 100%);
        }
        .hero-bg {
            background: radial-gradient(circle at 80% 20%, rgba(212, 175, 55, 0.15) 0%, transparent 45%),
                        radial-gradient(circle at 20% 80%, rgba(212, 175, 55, 0.08) 0%, transparent 45%),
                        linear-gradient(180deg, #050507 0%, #0b0b0e 100%);
        }
        .nav-link.active {
            color: #facc15;
            background-color: rgba(212, 175, 55, 0.12);
            border: 1px solid rgba(212, 175, 55, 0.3);
            font-weight: 700;
        }
        .tab-btn.active {
            background: linear-gradient(135deg, #facc15 0%, #d4af37 100%);
            color: #050507;
            font-weight: 800;
            box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
        }