/* roulang page: index */
:root {
            --primary-gold: #D4AF37;
            --primary-dark: #0A0D14;
            --card-bg: #141B29;
            --border-line: rgba(212, 175, 55, 0.25);
        }
        html { scroll-behavior: smooth; }
        body { background-color: #0A0D14; color: #E2E8F0; }
        .gold-gradient-text {
            background: linear-gradient(135deg, #FFF3D6 0%, #D4AF37 50%, #AA820A 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .gold-border-glow {
            border: 1px solid rgba(212, 175, 55, 0.35);
            box-shadow: 0 0 20px rgba(212, 175, 55, 0.08);
        }
        .gold-border-glow:hover {
            border-color: rgba(212, 175, 55, 0.7);
            box-shadow: 0 0 25px rgba(212, 175, 55, 0.2);
        }
        .dark-pattern-bg {
            background-image: radial-gradient(rgba(212, 175, 55, 0.08) 1px, transparent 1px);
            background-size: 24px 24px;
        }