/* roulang page: index */
:root {
      --bg-dark: #0D0F12;
      --card-bg: #14181F;
      --gold-primary: #F59E0B;
      --purple-accent: #8B5CF6;
    }
    body {
      background-color: var(--bg-dark);
      color: #E5E7EB;
      overflow-x: hidden;
    }
    .neon-gold-glow {
      box-shadow: 0 0 25px rgba(245, 158, 11, 0.2);
    }
    .neon-border {
      border: 1px solid rgba(245, 158, 11, 0.2);
    }
    .carousel-item {
      display: none;
      opacity: 0;
      transition: opacity 0.5s ease-in-out;
    }
    .carousel-item.active {
      display: block;
      opacity: 1;
    }
    .faq-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
    }
    .faq-item.open .faq-content {
      max-height: 1000px;
      transition: max-height 0.5s ease-in-out;
    }
    .faq-item.open .faq-icon {
      transform: rotate(45deg);
    }