/* roulang page: index */
:root {
            --brand-gradient: linear-gradient(135deg, #0F52BA 0%, #6C5CE7 100%);
            --glow-border: linear-gradient(135deg, rgba(15, 82, 186, 0.4), rgba(108, 92, 231, 0.2));
        }
        body {
            background-color: #0B0E14;
            color: #F8FAFC;
            overflow-x: hidden;
        }
        .bg-brand-gradient {
            background: var(--brand-gradient);
        }
        .text-brand-gradient {
            background: var(--brand-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .card-glow {
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.6);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .card-glow:hover {
            border-color: rgba(108, 92, 231, 0.5);
            transform: translateY(-4px);
            box-shadow: 0 25px 50px -12px rgba(15, 82, 186, 0.35);
        }
        .font-num {
            font-family: var(--font-num), sans-serif;
        }