.faq-section { max-width: 700px; margin: 0 auto; padding: 3rem 1.5rem 5rem; }
.faq-group { margin-bottom: 2.5rem; }
.faq-group-title {
  font-size: .7rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .1em; color: var(--muted);
  margin-bottom: 1rem; padding-bottom: .5rem; border-bottom: 1px solid var(--border);
}
.faq-item { background: #fff; border: 1px solid var(--border); border-radius: 10px; margin-bottom: .5rem; overflow: hidden; }
.faq-q {
  padding: 1rem 1.25rem; font-size: .875rem; font-weight: 600; color: #0f172a;
  cursor: pointer; display: flex; justify-content: space-between; align-items: center;
}
.faq-q:hover { background: var(--light); }
.faq-q .arrow { color: var(--muted); transition: transform .2s; font-size: .75rem; flex-shrink: 0; }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.faq-a p {
  padding: .75rem 1.25rem .9rem; font-size: .85rem; color: var(--slate);
  line-height: 1.7; border-top: 1px solid #f1f5f9;
}
.faq-item.open .arrow { transform: rotate(180deg); }
.faq-item.open .faq-a { max-height: 300px; }

.contact-box {
  background: #fff; border: 1px solid var(--border);
  border-radius: 14px; padding: 2rem; text-align: center; margin-top: 2.5rem;
}
.contact-box h3 { font-size: 1rem; font-weight: 700; color: #0f172a; margin-bottom: .4rem; }
.contact-box p { font-size: .85rem; color: var(--slate); margin-bottom: 1.25rem; }
.btn-discord {
  display: inline-flex; align-items: center; gap: .4rem;
  background: #5865F2; color: #fff; padding: .6rem 1.25rem;
  border-radius: 8px; font-size: .875rem; font-weight: 600; text-decoration: none;
}
.btn-discord:hover { background: #4752c4; }