/* roulang page: index */
:root {
            --primary: #0A4D68;
            --secondary: #088395;
            --accent: #05BFDB;
            --dark-bg: #081B26;
            --light-bg: #F8FAFC;
            --card-border: rgba(226, 232, 240, 0.9);
            --text-main: #1E293B;
            --text-sub: #64748B;
        }
        body {
            color: var(--text-main);
            background-color: var(--light-bg);
            line-height: 1.8;
            -webkit-font-smoothing: antialiased;
        }
        .text-balance {
            text-wrap: balance;
        }
        .hero-banner-mask {
            background: linear-gradient(90deg, rgba(248, 250, 252, 0.96) 0%, rgba(248, 250, 252, 0.88) 55%, rgba(248, 250, 252, 0.5) 100%);
        }
        .dark-section-grid {
            background-image: radial-gradient(rgba(5, 191, 219, 0.12) 1px, transparent 1px);
            background-size: 24px 24px;
        }
        .tab-btn.active {
            border-bottom: 2px solid #088395;
            color: #0A4D68;
            font-weight: 600;
        }