/* roulang page: index */
:root {
            --brand-neon: #00F5A0;
            --brand-lime: #10B981;
            --dark-asphalt: #0F172A;
            --dark-track: #1E293B;
            --card-border: #E2E8F0;
        }
        .tabular-num { font-variant-numeric: tabular-nums; }
        .hero-overlay {
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.94) 0%, rgba(15, 23, 42, 0.82) 50%, rgba(0, 245, 160, 0.25) 100%);
        }
        .dark-section-overlay {
            background: radial-gradient(circle at 50% 30%, rgba(0, 245, 160, 0.12) 0%, rgba(15, 23, 42, 0.98) 75%);
        }
        .custom-shadow {
            box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.08);
        }
        .card-hover {
            transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
        }
        .card-hover:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 32px -12px rgba(16, 185, 129, 0.18);
            border-color: rgba(16, 185, 129, 0.4);
        }
        details summary::-webkit-details-marker { display: none; }