/* roulang page: index */
:root {
            --primary: #003366;
            --accent: #00A8E8;
            --bg-light: #F8FAFC;
            --text-main: #1E293B;
            --text-muted: #64748B;
        }
        body { font-family: 'Inter', system-ui, sans-serif; color: var(--text-main); line-height: 1.7; }
        .section-padding { padding: 4rem 0; }
        .card-shadow { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; }
        .card-shadow:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); transform: translateY(-5px); }
        .btn-primary { background-color: var(--primary); color: white; padding: 0.75rem 1.5rem; border-radius: 8px; font-weight: 600; display: inline-block; transition: background 0.3s; }
        .btn-primary:hover { background-color: #002244; }
        .nav-link { color: var(--text-main); font-weight: 500; transition: color 0.3s; }
        .nav-link:hover { color: var(--accent); }