/* roulang page: index */
:root {
            --brand-primary: #1E293B;
            --brand-dark: #0F172A;
            --brand-emerald: #059669;
            --brand-cyan: #0891B2;
            --bg-light: #F8FAFC;
        }
        .bg-grid-pattern {
            background-size: 32px 32px;
            background-image: 
                linear-gradient(to right, rgba(148, 163, 184, 0.08) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(148, 163, 184, 0.08) 1px, transparent 1px);
        }
        .bg-dark-grid {
            background-size: 28px 28px;
            background-image: 
                linear-gradient(to right, rgba(51, 65, 85, 0.25) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(51, 65, 85, 0.25) 1px, transparent 1px);
        }
        .pulse-active {
            box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
            animation: pulse-ring 2s infinite cubic-bezier(0.66, 0, 0, 1);
        }
        @keyframes pulse-ring {
            to {
                box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
            }
        }