/* roulang page: index */
:root {
            --brand-dark: #0B0F12;
            --brand-accent: #00E575;
            --brand-blue: #0066FF;
            --brand-bg: #F8F9FA;
        }
        html {
            scroll-behavior: smooth;
        }
        .hero-bg-overlay {
            background: linear-gradient(135deg, rgba(11, 15, 18, 0.94) 0%, rgba(18, 24, 31, 0.88) 100%);
        }
        .tech-glow {
            box-shadow: 0 0 40px -10px rgba(0, 229, 117, 0.2);
        }
        .card-hover-trans {
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .card-hover-trans:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }