/* roulang page: index */
:root {
            --color-dark: #090D14;
            --color-surface: #0F172A;
            --color-accent: #00F0A8;
            --color-accent-hover: #00d293;
            --color-orange: #FF5A36;
            --color-muted: #94A3B8;
            --color-light: #F8FAFC;
        }
        html {
            scroll-padding-top: 100px;
            box-sizing: border-box;
            background-color: var(--color-dark);
            color: #E2E8F0;
        }
        *, *:before, *:after {
            box-sizing: inherit;
        }
        .text-glow {
            text-shadow: 0 0 20px rgba(0, 240, 168, 0.45);
        }
        .border-glow:hover {
            border-color: rgba(0, 240, 168, 0.8);
            box-shadow: 0 0 25px rgba(0, 240, 168, 0.15);
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #334155;
            border-radius: 3px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #0F172A;
        }
        .faq-content {
            transition: max-height 0.35s ease, opacity 0.35s ease;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
        }
        .faq-content.open {
            max-height: 240px;
            opacity: 1;
        }