/* roulang page: index */
:root {
            --primary-gradient: linear-gradient(135deg, #1e40af 0%, #0ea5e9 100%);
            --accent-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
            --dark-card-bg: #0f172a;
        }
        .hero-mesh {
            background-image: radial-gradient(at 0% 0%, rgba(30, 64, 175, 0.15) 0px, transparent 50%),
                              radial-gradient(at 100% 100%, rgba(14, 165, 233, 0.15) 0px, transparent 50%);
        }
        .text-gradient {
            background: linear-gradient(135deg, #1e40af 0%, #0284c7 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .badge-pill {
            box-shadow: 0 2px 8px -2px rgba(14, 165, 233, 0.25);
        }