/* roulang page: index */
:root {
            --primary: #00DC82;
            --primary-dark: #059669;
            --bg-light: #F4F6F9;
            --text-main: #0F172A;
            --text-muted: #64748B;
            --border-color: #E2E8F0;
        }
        body {
            color: #334155;
            background-color: #FFFFFF;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }
        .laser-grid {
            background-image: linear-gradient(to right, rgba(0, 220, 130, 0.05) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(0, 220, 130, 0.05) 1px, transparent 1px);
            background-size: 32px 32px;
        }
        .dark-grid {
            background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                              linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
            background-size: 40px 40px;
        }
        .btn-glow:hover {
            box-shadow: 0 0 20px rgba(0, 220, 130, 0.45);
        }