/* roulang page: index */
:root {
            --brand-primary: #1d4ed8;
            --brand-sky: #0284c7;
            --brand-emerald: #10b981;
            --tech-navy: #0f1e36;
            --text-main: #334155;
            --text-title: #0f172a;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
            color: var(--text-main);
            background-color: #f8fafc;
            -webkit-font-smoothing: antialiased;
        }
        .hero-banner {
            background-image: linear-gradient(to right, rgba(15, 23, 42, 0.88), rgba(15, 30, 54, 0.82)), url('/assets/images/9bd225238f5079c1.webp');
            background-size: cover;
            background-position: center;
        }
        .section-anchor {
            scroll-margin-top: 100px;
        }