/* roulang page: index */
:root {
            --primary: #2563eb;
            --primary-dark: #1d4ed8;
            --bg-soft: #f8fafc;
            --text-main: #0f172a;
            --text-muted: #64748b;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
            color: var(--text-main);
            background-color: var(--bg-soft);
        }
        .pill-nav-track::-webkit-scrollbar {
            display: none;
        }
        .pill-nav-track {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        .gradient-card-hero {
            background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #8b5cf6 100%);
        }