/* roulang page: index */
:root {
            --brand-primary: #0F52BA;
            --brand-accent: #06B6D4;
            --bg-base: #F8FAFC;
        }
        body {
            background-color: var(--bg-base);
            color: #334155;
            -webkit-font-smoothing: antialiased;
        }
        .gold-badge {
            background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
            color: #FFFFFF;
        }
        .card-elevated {
            box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.06), 0 2px 6px -1px rgba(15, 23, 42, 0.04);
        }
        .card-elevated:hover {
            box-shadow: 0 20px 25px -5px rgba(15, 82, 186, 0.1), 0 10px 10px -5px rgba(15, 82, 186, 0.04);
        }
        .hero-gold-panel {
            background: linear-gradient(145deg, #1E293B 0%, #0F172A 100%);
            border: 1px solid rgba(245, 158, 11, 0.3);
        }