/* GOLD premium badge */
    .bg-premium {
      background: linear-gradient(135deg, #ffdf7f, #f8b400);
      color: #3c2f00 !important;
      font-weight: 600;
      border: 1px solid #f8b400;
    }
    
    /* Gold line under badge */
    .border-premium {
      border-color: #f8b400 !important;
    }
    
    /* Gold left border on accordion */
    .premium-border-gold {
      border-left: 4px solid #f8b400 !important;
    }
    
    /* Hover effect for gold category */
    .premium-accordion:hover {
      color: #f8b400;
    }
    
    /* Gradient borders */
    .premium-border-success { border-left: 4px solid #28a745 !important; }
    .premium-border-warning { border-left: 4px solid #ffc107 !important; }
    .premium-border-primary { border-left: 4px solid #0d6efd !important; }
    
    /* Accordion button styling */
    .premium-accordion {
      font-weight: 600;
      transition: all .3s ease;
    }

    /* Subtle typography refinements */
    #faqVoting .accordion-button,
    #faqPremium .accordion-button,
    #faqBoosting .accordion-button,
    #faqPayments .accordion-button,
    #faqEvents .accordion-button,
    #faqLive .accordion-button,
    #faqLoyalty .accordion-button,
    #faqPromo .accordion-button,
    #faqWinning .accordion-button {
      letter-spacing: 0.2px;
    }

    .accordion-body {
      line-height: 1.65;
      color: #2b2b2b;
    }

    /* Glassy cards + depth */
    .accordion-item {
      position: relative;
      background: rgba(255, 255, 255, 0.86);
      border: 1px solid rgba(0, 0, 0, 0.04);
      border-radius: 0.75rem;
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
      backdrop-filter: blur(6px);
    }

    /* Soft gradient border */
    .accordion-item::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 0.75rem;
      padding: 1px;
      background: linear-gradient(135deg, rgba(255, 223, 127, 0.35), rgba(13, 110, 253, 0.25), rgba(138, 57, 255, 0.25));
      -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
    }

    /* Staggered reveal on load */
    .accordion-item {
      animation: fadeUp .45s ease both;
    }

    #faqVoting .accordion-item:nth-child(1),
    #faqPremium .accordion-item:nth-child(1),
    #faqBoosting .accordion-item:nth-child(1),
    #faqPayments .accordion-item:nth-child(1),
    #faqEvents .accordion-item:nth-child(1),
    #faqLive .accordion-item:nth-child(1),
    #faqLoyalty .accordion-item:nth-child(1),
    #faqPromo .accordion-item:nth-child(1),
    #faqWinning .accordion-item:nth-child(1) { animation-delay: .05s; }

    #faqVoting .accordion-item:nth-child(2),
    #faqPremium .accordion-item:nth-child(2),
    #faqBoosting .accordion-item:nth-child(2),
    #faqPayments .accordion-item:nth-child(2),
    #faqEvents .accordion-item:nth-child(2),
    #faqLive .accordion-item:nth-child(2),
    #faqLoyalty .accordion-item:nth-child(2),
    #faqPromo .accordion-item:nth-child(2),
    #faqWinning .accordion-item:nth-child(2) { animation-delay: .10s; }

    #faqVoting .accordion-item:nth-child(3),
    #faqPremium .accordion-item:nth-child(3),
    #faqBoosting .accordion-item:nth-child(3),
    #faqPayments .accordion-item:nth-child(3),
    #faqEvents .accordion-item:nth-child(3),
    #faqLive .accordion-item:nth-child(3),
    #faqLoyalty .accordion-item:nth-child(3),
    #faqPromo .accordion-item:nth-child(3),
    #faqWinning .accordion-item:nth-child(3) { animation-delay: .15s; }

    #faqVoting .accordion-item:nth-child(4),
    #faqPremium .accordion-item:nth-child(4),
    #faqBoosting .accordion-item:nth-child(4),
    #faqPayments .accordion-item:nth-child(4),
    #faqEvents .accordion-item:nth-child(4),
    #faqLive .accordion-item:nth-child(4),
    #faqLoyalty .accordion-item:nth-child(4),
    #faqPromo .accordion-item:nth-child(4),
    #faqWinning .accordion-item:nth-child(4) { animation-delay: .20s; }

    #faqPremium .accordion-item:nth-child(5),
    #faqBoosting .accordion-item:nth-child(5),
    #faqPromo .accordion-item:nth-child(5),
    #faqWinning .accordion-item:nth-child(5) { animation-delay: .25s; }

    #faqPremium .accordion-item:nth-child(6),
    #faqBoosting .accordion-item:nth-child(6),
    #faqWinning .accordion-item:nth-child(6) { animation-delay: .30s; }

    #faqWinning .accordion-item:nth-child(7) { animation-delay: .35s; }
    #faqWinning .accordion-item:nth-child(8) { animation-delay: .40s; }

    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(8px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    /* Hover lift */
    .accordion-item:hover {
      transform: translateY(-2px);
      transition: transform .2s ease, box-shadow .2s ease;
      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08);
    }

    /* Button hover + focus ring */
    .accordion-button:focus {
      box-shadow: 0 0 0 .2rem rgba(13, 110, 253, 0.18);
    }

    .accordion-button:not(.collapsed) {
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(245, 247, 250, 0.9));
    }

    /* Badge underline animation */
    .badge + .border-bottom {
      position: relative;
      overflow: hidden;
    }

    .badge + .border-bottom::after {
      content: "";
      position: absolute;
      left: -30%;
      top: 0;
      height: 100%;
      width: 30%;
      background: rgba(255, 255, 255, 0.35);
      transform: skewX(-20deg);
      animation: badgeShine 3.5s ease-in-out infinite;
    }

    @keyframes badgeShine {
      0% { left: -30%; opacity: 0; }
      15% { opacity: 1; }
      45% { left: 130%; opacity: 0; }
      100% { left: 130%; opacity: 0; }
    }
    
    /* Promo / Discount theme (Red-Orange gradient) */
    .bg-promo {
      background: linear-gradient(135deg, #ff8a65, #ff3d00);
      color: #4a0000 !important;
      font-weight: 600;
      border: 1px solid #ff3d00;
    }
    
    .border-promo {
      border-color: #ff3d00 !important;
    }
    
    /* Promo accordion left border */
    .premium-border-promo {
      border-left: 4px solid #ff3d00 !important;
    }
    
    .premium-accordion:not(.collapsed)::after {
      transform: rotate(180deg);
    }
    
    /* Fade-in body animation */
    .fade-in {
      animation: fadeIn .35s ease forwards;
      opacity: 0;
    }
    
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(4px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    
    /* Loyalty bonus theme (Royal Purple) */
    .bg-loyalty {
      background: linear-gradient(135deg, #d4b3ff, #8a39ff);
      color: #2d0052 !important;
      font-weight: 600;
      border: 1px solid #8a39ff;
    }
    
    .border-loyalty {
      border-color: #8a39ff !important;
    }
    
    /* Purple border for accordion */
    .premium-border-loyalty {
      border-left: 4px solid #8a39ff !important;
    }
    
    .badge-howtowin {
      background: linear-gradient(135deg, #1e3c72, #2a5298); /* Royal Blue Gradient */
      color: #ffd86b !important; /* Gold Text */
      font-weight: 600;
      border: 1px solid #2a5298;
      border-radius: 0.45rem;
      box-shadow: 0 0 8px rgba(30, 60, 114, 0.4);
      display: inline-flex;
      align-items: center;
    }
    .badge-howtowin i {
      color: #ffd86b;
    }

    /* FAQ section background ambiance */
    .faq-sheen {
      background:
        radial-gradient(1200px 600px at 80% -10%, rgba(248, 180, 0, 0.08), transparent 60%),
        radial-gradient(900px 500px at -10% 20%, rgba(138, 57, 255, 0.08), transparent 55%),
        radial-gradient(700px 500px at 100% 100%, rgba(13, 110, 253, 0.06), transparent 60%);
    }

    /* Badge icon glow */
    .badge i,
    .badge-howtowin i {
      text-shadow: 0 0 10px rgba(255, 216, 107, 0.35);
    }