/* roulang page: index */
:root {
            --primary: #1E56A0;
            --primary-dark: #16437E;
            --accent-orange: #F6A623;
            --accent-cyan: #00B4D8;
            --bg-base: #F8FAFC;
            --text-dark: #0F172A;
            --text-muted: #64748B;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
            background-color: var(--bg-base);
            color: #334155;
        }
        .hero-bg {
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.88) 0%, rgba(30, 86, 160, 0.82) 100%), url('/assets/images/58c33ca938a835a8.jpg') center/cover no-repeat;
        }
        .section-curve {
            position: relative;
        }
        .badge-tag {
            display: inline-flex;
            align-items: center;
            padding: 0.25rem 0.75rem;
            border-radius: 9999px;
            font-size: 0.8125rem;
            font-weight: 600;
        }