/* roulang page: index */
:root {
            --primary: #0052D9;
            --primary-hover: #003cab;
            --secondary: #00A870;
            --dark-accent: #0A1626;
            --text-main: #1D2129;
            --text-muted: #4E5969;
            --bg-light: #F2F5F9;
        }
        body {
            color: var(--text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            scroll-behavior: smooth;
        }
        .text-gradient {
            background: linear-gradient(135deg, #0052D9 0%, #00A870 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .hero-bg {
            background: linear-gradient(rgba(10, 22, 38, 0.78), rgba(10, 22, 38, 0.88)), url('/assets/images/4639bf6ea9dc53aa.png');
            background-size: cover;
            background-position: center;
        }
        .flash-badge {
            animation: pulseSlow 2.5s infinite;
        }
        @keyframes pulseSlow {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.85; transform: scale(1.03); }
        }