/* roulang page: index */
:root {
            --primary: #05D686;
            --primary-hover: #04b36f;
            --accent: #1E88E5;
            --danger: #FF5252;
            --bg-page: #F4F6F9;
            --text-main: #1E293B;
            --text-sub: #64748B;
            --border-color: #E2E8F0;
        }
        html {
            scroll-behavior: smooth;
        }
        body {
            background-color: var(--bg-page);
            color: var(--text-main);
            font-feature-settings: "tnum";
            overflow-x: hidden;
        }
        .btn-glow {
            box-shadow: 0 4px 20px rgba(5, 214, 134, 0.35);
            transition: all 0.3s ease;
        }
        .btn-glow:hover {
            box-shadow: 0 6px 24px rgba(5, 214, 134, 0.55);
            transform: translateY(-1px);
        }
        .card-modern {
            border: 1px solid rgba(226, 232, 240, 0.85);
            background: #ffffff;
            border-radius: 0.875rem;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }
        .card-modern:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 28px -6px rgba(15, 23, 42, 0.08);
        }
        .pulse-dot {
            animation: pulseLight 1.8s infinite;
        }
        @keyframes pulseLight {
            0% { transform: scale(0.95); opacity: 0.8; }
            50% { transform: scale(1.15); opacity: 1; }
            100% { transform: scale(0.95); opacity: 0.8; }
        }
        .faq-body {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s ease-out;
        }
        .faq-body.open {
            max-height: 300px;
        }