/* roulang page: index */
:root {
            --bg-dark: #0A0E17;
            --glass-bg: rgba(26, 31, 46, 0.7);
            --accent-cyan: #00F2FF;
            --accent-purple: #7B61FF;
            --text-main: #ffffff;
            --text-dim: #94A3B8;
        }
        body { background-color: var(--bg-dark); color: var(--text-main); font-family: 'Inter', sans-serif; }
        .glass-card { background: var(--glass-bg); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; }
        .btn-glow { box-shadow: 0 0 15px rgba(0, 242, 255, 0.3); transition: all 0.3s ease; }
        .btn-glow:hover { box-shadow: 0 0 25px rgba(0, 242, 255, 0.6); transform: translateY(-2px); }
        .btn-purple { background: linear-gradient(135deg, var(--accent-purple), #5a4ad1); }
        section { padding: 4rem 0; border-bottom: 1px solid rgba(255,255,255,0.05); }
        .text-gradient { background: linear-gradient(to right, var(--accent-cyan), #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }