body .wrapper .faq-list { display: flex; flex-direction: column; gap: 12px; max-width: 820px; margin-left: auto; margin-right: auto; }
body .wrapper .faq-list .faq-item { background-color: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 87, 255, 0.2); border-radius: 14px; overflow: hidden; }
body .wrapper .faq-list .faq-q { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 20px; font-size: 16px; font-weight: 700; color: #ffffff; cursor: pointer; }
body .wrapper .faq-list .faq-q .faq-chevron { flex: none; transition: transform 0.25s ease; }
body .wrapper .faq-list .faq-item.open .faq-q .faq-chevron { transform: rotate(180deg); }
body .wrapper .faq-list .faq-a { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
body .wrapper .faq-list .faq-item.open .faq-a { max-height: 320px; }
body .wrapper .faq-list .faq-a p { padding: 0 20px 18px; margin: 0; font-size: 15px; line-height: 1.6; color: #CFC0E6; }
body .wrapper .faq-list .faq-a p strong { color: #ffffff; }
body .wrapper .faq-list .faq-a p a { color: #FF8BFF; text-decoration: underline; text-underline-offset: 2px; }
body .wrapper .faq-list .faq-a p a:hover { color: #FFB3FF; }