/* roulang page: index */
:root {
            --primary-carbon: #0F172A;
            --primary-emerald: #10B981;
            --accent-orange: #F97316;
            --tech-dark: #1E293B;
            --border-slate: #E2E8F0;
            --card-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.08), 0 8px 10px -6px rgba(16, 185, 129, 0.05);
        }
        body {
            font-feature-settings: "tnum";
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }
        .tabular-nums {
            font-variant-numeric: tabular-nums;
        }
        .hero-pattern {
            background-color: #0F172A;
            background-image: radial-gradient(rgba(16, 185, 129, 0.15) 1px, transparent 1px), radial-gradient(rgba(249, 115, 22, 0.1) 1px, #0F172A 1px);
            background-size: 40px 40px;
            background-position: 0 0, 20px 20px;
        }
        .gold-metal-card {
            background: linear-gradient(135deg, #1E293B 0%, #0F172A 100%);
            border: 1px solid rgba(245, 158, 11, 0.28);
            box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(253, 230, 138, 0.15);
        }
        .gold-badge {
            background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
        }
        .card-custom-shadow {
            box-shadow: var(--card-shadow);
        }