/* roulang page: index */
:root {
            --primary: #0f172a;
            --accent: #0ea5e9;
            --text-main: #334155;
        }
        body { font-family: system-ui, -apple-system, sans-serif; color: var(--text-main); }
        .gradient-bg { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); }
        .section-padding { padding: 5rem 1.5rem; }
        .nav-link { transition: color 0.3s; }
        .nav-link:hover { color: #0ea5e9; }
        .card-shadow { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
        .card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); }