/* roulang page: index */
:root {
            --brand-primary: #6366F1;
            --brand-secondary: #D946EF;
            --brand-dark: #0F172A;
            --brand-bg: #F8FAFC;
        }
        .hero-mesh {
            background-color: #1A1640;
            background-image: radial-gradient(at 0% 0%, rgba(99, 102, 241, 0.4) 0px, transparent 50%),
                              radial-gradient(at 100% 100%, rgba(217, 70, 239, 0.3) 0px, transparent 50%);
        }
        .card-blur {
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }