/* roulang page: index */
:root {
            --primary: #00D285;
            --secondary: #0F172A;
            --carbon: #090D16;
            --accent: #FF5722;
        }
        .gold-gradient-text {
            background: linear-gradient(135deg, #FFF6D6 0%, #D4AF37 50%, #AA7C11 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .gold-border {
            border: 1px solid rgba(212, 175, 55, 0.35);
        }
        .gold-card {
            background: linear-gradient(145deg, rgba(26, 34, 53, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%);
            border: 1px solid rgba(212, 175, 55, 0.2);
        }
        .gold-card:hover {
            border-color: rgba(212, 175, 55, 0.6);
            box-shadow: 0 10px 25px -5px rgba(212, 175, 55, 0.15);
        }
        .hide-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }