/* roulang page: index */
:root {
            --primary: #6366F1;
            --neon: #06B6D4;
            --accent: #F97316;
            --bg-dark: #0F172A;
        }
        .hero-mesh {
            background-color: #0F172A;
            background-image: radial-gradient(at 10% 20%, rgba(99, 102, 241, 0.25) 0px, transparent 50%),
                              radial-gradient(at 90% 80%, rgba(6, 182, 212, 0.2) 0px, transparent 50%);
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(226, 232, 240, 0.8);
        }
        .glass-dark {
            background: rgba(15, 23, 42, 0.75);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }
        .faq-content {
            transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
        }
        .faq-content.open {
            max-height: 250px;
            opacity: 1;
        }