/* roulang page: index */
:root {
            --primary-navy: #0A2540;
            --dark-navy: #061325;
            --accent-cyan: #00D4B2;
            --warn-amber: #FFB020;
            --bg-light: #F8FAFC;
            --text-main: #1E293B;
            --text-muted: #64748B;
            --border-color: rgba(226, 232, 240, 0.8);
        }
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: var(--text-main);
            background-color: var(--bg-light);
            line-height: 1.65;
            -webkit-font-smoothing: antialiased;
        }
        .container-custom {
            max-width: 1240px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
        }
        .section-py { padding-top: 5rem; padding-bottom: 5rem; }
        .hero-bg {
            background-image: linear-gradient(rgba(6, 19, 37, 0.88), rgba(6, 19, 37, 0.94)), url('/assets/images/9e27364f3aaa53e9.jpg');
            background-size: cover;
            background-position: center;
        }
        .cta-bg {
            background-image: linear-gradient(rgba(10, 37, 64, 0.92), rgba(6, 19, 37, 0.96)), url('/assets/images/c2519ba20d6e2ef9.jpg');
            background-size: cover;
            background-position: center;
        }
        .card-custom {
            background: #FFFFFF;
            border: 1px solid var(--border-color);
            border-radius: 0.75rem;
            transition: all 0.25s ease-in-out;
        }
        .card-custom:hover {
            border-color: var(--accent-cyan);
            box-shadow: 0 10px 25px -5px rgba(0, 212, 178, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
            transform: translateY(-2px);
        }
        .nav-link {
            transition: color 0.2s;
            font-weight: 500;
        }
        .nav-link:hover { color: var(--accent-cyan); }
        .tab-btn.active {
            background-color: var(--primary-navy);
            color: #FFFFFF;
            border-color: var(--primary-navy);
        }
        .table-responsive {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }