/* roulang page: index */
:root {
            --primary: #7B2CBF;
            --secondary: #38B2AC;
            --bg-dark: #0A0A0A;
            --text-main: #FFFFFF;
            --text-dim: #A0AEC0;
            --radius: 20px;
        }
        body { font-family: 'Inter', sans-serif; background-color: var(--bg-dark); color: var(--text-main); }
        .glass { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(--radius); }
        .gradient-text { background: linear-gradient(90deg, var(--primary), var(--secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .btn-glow { transition: all 0.3s ease; box-shadow: 0 0 15px rgba(123, 44, 191, 0.4); }
        .btn-glow:hover { box-shadow: 0 0 25px rgba(123, 44, 191, 0.7); transform: translateY(-2px); }
        .nav-link { color: var(--text-dim); transition: 0.3s; }
        .nav-link:hover { color: var(--text-main); }
        section { padding-top: 5rem; padding-bottom: 5rem; }