/* roulang page: index */
:root {
            --primary: #6366f1;
            --secondary: #22d3ee;
            --bg-dark: #0f172a;
        }
        body { background-color: var(--bg-dark); color: #f1f5f9; font-family: 'Inter', sans-serif; }
        .glass-nav { backdrop-filter: blur(12px); background: rgba(15, 23, 42, 0.8); border-bottom: 1px solid rgba(255,255,255,0.1); }
        .gradient-text { background: linear-gradient(90deg, #6366f1, #22d3ee); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .card-bg { background: #1e293b; transition: all 0.3s ease; }
        .card-bg:hover { transform: translateY(-5px); border-color: var(--secondary); }
        .btn-primary { background: linear-gradient(to right, #6366f1, #4f46e5); transition: 0.3s; }
        .btn-primary:hover { opacity: 0.9; box-shadow: 0 0 20px rgba(99, 102, 241, 0.4); }
        .nav-link:hover { color: var(--secondary); }
        section { padding: 4rem 0; }