/* roulang page: index */
:root {
            --bg-primary: #0B0D12;
            --accent-green: #00F298;
            --accent-purple: #7A5AF8;
            --surface-bg: #141721;
            --card-bg: #1E2230;
            --border-line: #2C3247;
        }
        body {
            background-color: var(--bg-primary);
            color: #FFFFFF;
            overflow-x: hidden;
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #0B0D12;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #2C3247;
            border-radius: 3px;
        }
        .glow-accent {
            box-shadow: 0 0 25px rgba(0, 242, 152, 0.18);
        }
        .glow-purple {
            box-shadow: 0 0 25px rgba(122, 90, 248, 0.18);
        }
        .card-hover-fx {
            transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
        }
        .card-hover-fx:hover {
            transform: translateY(-4px);
            border-color: #00F298;
        }