/* roulang page: index */
:root {
            --primary: #0E64D2;
            --primary-hover: #09489A;
            --secondary: #00A389;
            --dark-accent: #0B1B3D;
            --bg-light: #F4F7FB;
            --text-heading: #1A2434;
            --text-body: #4E5969;
            --text-muted: #86909C;
            --border-soft: rgba(226, 232, 240, 0.8);
        }
        html {
            scroll-padding-top: 84px;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
            color: var(--text-body);
            background-color: #FFFFFF;
            line-height: 1.65;
            -webkit-font-smoothing: antialiased;
        }
        .container-custom {
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1rem;
            padding-right: 1rem;
        }
        .card-transition {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .card-transition:hover {
            transform: translateY(-4px);
        }
        details summary::-webkit-details-marker {
            display: none;
        }
        details[open] summary .faq-icon {
            transform: rotate(180deg);
        }
        .form-input-focus:focus {
            outline: none;
            border-color: #0E64D2;
            box-shadow: 0 0 0 3px rgba(14, 100, 210, 0.15);
        }
        .text-balance-custom {
            text-wrap: balance;
        }