/* roulang page: index */
:root {
            --primary: #38BDF8;
            --secondary: #8B5CF6;
            --bg: #0F172A;
            --text-main: #F8FAFC;
            --text-muted: #94A3B8;
            --glass: rgba(255, 255, 255, 0.05);
        }
        body { background-color: var(--bg); color: var(--text-main); font-family: 'Inter', system-ui, sans-serif; }
        .glass { background: var(--glass); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); }
        .text-gradient { background: linear-gradient(to right, #38BDF8, #8B5CF6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .hover-lift { transition: all 0.3s ease; }
        .hover-lift:hover { transform: translateY(-5px); }
        .section-padding { padding: 4rem 1rem; }
        @media (min-width: 768px) { .section-padding { padding: 6rem 1rem; } }