/* roulang page: index */
:root {
            --primary: #1A365D;
            --secondary: #2B6CB0;
            --accent: #D69E2E;
            --bg-light: #F8FAFC;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
            color: #334155;
            background-color: #F8FAFC;
            overflow-x: hidden;
        }
        .badge-gradient {
            background: linear-gradient(135deg, rgba(43, 108, 176, 0.08) 0%, rgba(214, 158, 46, 0.12) 100%);
            border: 1px solid rgba(43, 108, 176, 0.15);
        }
        .hero-overlay {
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(26, 54, 93, 0.88) 100%);
        }
        details > summary::-webkit-details-marker {
            display: none;
        }
        .text-balance {
            text-wrap: balance;
        }