/* roulang page: index */
:root {
            --primary-grad: linear-gradient(135deg, #1E3A8A 0%, #0284C7 100%);
            --accent-glow: rgba(2, 132, 199, 0.15);
            --border-soft: #E2E8F0;
            --text-dark: #0F172A;
            --text-muted: #64748B;
        }
        .bg-primary-gradient {
            background: linear-gradient(135deg, #1E3A8A 0%, #0284C7 100%);
        }
        .badge-pulse {
            position: relative;
        }
        .badge-pulse::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            border-radius: inherit;
            box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.4);
            animation: pulse-ring 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }
        @keyframes pulse-ring {
            0% { transform: scale(0.95); opacity: 0.8; }
            50% { transform: scale(1.15); opacity: 0; }
            100% { transform: scale(0.95); opacity: 0; }
        }
        .custom-scrollbar::-webkit-scrollbar {
            height: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background-color: #CBD5E1;
            border-radius: 9999px;
        }