/* roulang page: index */
:root {
            --bg-base: #0B0E14;
            --primary: #00F29D;
            --accent: #7B2CBF;
            --accent-orange: #FF7A00;
        }
        body {
            background-color: var(--bg-base);
            color: #C5CEDD;
            overflow-x: hidden;
        }
        .glow-box-green {
            box-shadow: 0 0 25px rgba(0, 242, 157, 0.12);
        }
        .glow-box-purple {
            box-shadow: 0 0 25px rgba(123, 44, 191, 0.18);
        }
        .grid-cyber {
            background-size: 32px 32px;
            background-image: 
                linear-gradient(to right, rgba(30, 41, 59, 0.25) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(30, 41, 59, 0.25) 1px, transparent 1px);
        }
        .tech-border {
            border: 1px solid rgba(100, 116, 139, 0.2);
            position: relative;
        }
        .tech-border::before {
            content: '';
            position: absolute;
            top: -1px;
            left: -1px;
            width: 8px;
            height: 8px;
            border-top: 2px solid var(--primary);
            border-left: 2px solid var(--primary);
        }
        .tech-border::after {
            content: '';
            position: absolute;
            bottom: -1px;
            right: -1px;
            width: 8px;
            height: 8px;
            border-bottom: 2px solid var(--primary);
            border-right: 2px solid var(--primary);
        }