/* roulang page: index */
:root {
            --color-primary: #4F46E5;
            --color-secondary: #06B6D4;
            --section-padding: 4rem;
        }
        body { font-family: 'Inter', system-ui, sans-serif; color: #0F172A; }
        .bg-gradient-hero { background: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%); }
        .glass-nav { backdrop-filter: blur(12px); background: rgba(255, 255, 255, 0.8); }
        .bento-card { transition: all 0.3s ease; border: 1px solid rgba(226, 232, 240, 0.8); }
        .bento-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.1); }
        .faq-active .answer { display: block; }
        .faq-active .icon { transform: rotate(180deg); }
        .hidden-ans { display: none; }