/* roulang page: index */
:root {
            --primary: #0B132B;
            --primary-light: #1C2541;
            --accent: #00E5FF;
            --accent-warm: #FF6B00;
            --bg-base: #F8FAFC;
            --bg-alt: #F1F5F9;
            --text-main: #0F172A;
            --text-muted: #475569;
        }
        body {
            color: var(--text-main);
            background-color: var(--bg-base);
            line-height: 1.7;
        }
        .card-glow:hover {
            box-shadow: 0 12px 24px -10px rgba(0, 229, 255, 0.25);
            transform: translateY(-4px);
            border-color: rgba(0, 229, 255, 0.4);
        }
        .text-glow {
            text-shadow: 0 0 16px rgba(0, 229, 255, 0.4);
        }