/* roulang page: index */
:root {
            --primary: #00E599;
            --secondary: #00D2FF;
            --bg-dark: #0B0E14;
            --bg-card: #151A23;
            --border-card: #1D2330;
        }
        body {
            background-color: var(--bg-dark);
            color: #F8FAFC;
            overflow-x: hidden;
        }
        .hero-clip {
            clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
        }
        .text-gradient {
            background: linear-gradient(135deg, #00E599 0%, #00D2FF 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .card-glow:hover {
            border-color: rgba(0, 229, 153, 0.4);
            transform: translateY(-4px);
            box-shadow: 0 10px 25px -5px rgba(0, 229, 153, 0.1);
        }