/* roulang page: index */
:root {
            --bg-main: #050505;
            --accent-cyan: #22d3ee;
            --accent-amber: #fbbf24;
            --text-main: #e5e7eb;
            --text-dim: #9ca3af;
        }
        body { background-color: var(--bg-main); color: var(--text-main); font-family: 'Inter', system-ui, sans-serif; }
        .glass-card { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.05); }
        .gradient-text { background: linear-gradient(90deg, #22d3ee, #818cf8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .btn-cyan { background: linear-gradient(135deg, #0891b2, #0e7490); transition: all 0.3s ease; }
        .btn-cyan:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(34, 211, 238, 0.3); }
        .nav-link:hover { color: var(--accent-cyan); }
        .section-padding { padding-top: 5rem; padding-bottom: 5rem; }