:root{
      --faq-bg: #0f0f10;
      --faq-card: rgba(255,255,255,.06);
      --faq-border: rgba(255,255,255,.10);
      --faq-text: #0f0f10;
      --faq-muted: #0f0f10;
      --faq-accent: #0f0f10;
    }

    /* body{
      background: radial-gradient(1200px 600px at 20% 0%, rgba(215,198,162,.18), transparent 60%),
                  radial-gradient(900px 500px at 90% 30%, rgba(255,255,255,.06), transparent 55%),
                  var(--faq-bg);
      color: var(--faq-text);
      font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
    } */

    .faq-wrap{
      min-height: 100vh;
      display: flex;
      align-items: center;
      padding: 64px 0;
    }

    .faq-title{
        font-size: 25px;
      letter-spacing: .08em;
      text-transform: uppercase;
      font-weight: 500;
    }

    .faq-sub{
      color: var(--faq-muted);
      max-width: 52ch;
    }

    .faq-card{
      background: var(--faq-card);
      border: 1px solid var(--faq-border);
      border-radius: 18px;
      box-shadow: 0 16px 50px rgba(0,0,0,.05);
      overflow: hidden;
    }

    /* Accordion styling */
    .accordion-item{
      background: transparent;
      border: 0;
      border-top: 1px solid var(--faq-border);
    }
    .accordion-item:first-child{
      border-top: 0;
    }
    .accordion-button{
      background: transparent;
      color: var(--faq-text);
      padding: 18px 20px;
      font-weight: 600;
    }
    .accordion-button:focus{
      box-shadow: 0 0 0 .2rem rgba(215,198,162,.25);
      border-color: transparent;
    }
    .accordion-button:not(.collapsed){
      background: rgba(215,198,162,.10);
      color: var(--faq-text);
    }
    .accordion-button::after{
      filter: invert(1);
      opacity: .9;
    }
    .accordion-body{
      color: var(--faq-muted);
      padding: 0 20px 18px 20px;
      line-height: 1.65;
    }

    .faq-badge{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: .85rem;
      color: var(--faq-muted);
      border: 1px solid var(--faq-border);
      padding: 8px 12px;
      border-radius: 999px;
    }
    .dot{
      width: 8px; height: 8px; border-radius: 999px;
      background: var(--faq-accent);
      box-shadow: 0 0 0 4px rgba(215,198,162,.18);
    }