/* roulang page: index */
:root {
            --color-primary: #0D2830;
            --color-accent: #10B981;
            --color-accent-cyan: #06B6D4;
            --color-surface-dark: #081B22;
            --color-bg-page: #F8FAFC;
            --color-text-main: #0F172A;
            --color-text-muted: #475569;
            --color-border-card: #E2E8F0;
        }

        body {
            background-color: var(--color-bg-page);
            color: var(--color-text-main);
            font-feature-settings: "tnum" 1;
        }

        .tab-active {
            border-bottom: 2px solid #10B981;
            color: #0D2830;
            font-weight: 600;
        }

        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
        }

        .accordion-content.open {
            max-height: 500px;
            transition: max-height 0.35s ease-in-out;
        }

        .glass-panel {
            background: rgba(13, 40, 48, 0.85);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }