/* Page Specific Overrides */
.faq-hero { text-align: center; position: relative; }
.faq-hero::after {
  content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 80px;
  background: linear-gradient(to top, #0a0e1a, transparent);
  pointer-events: none;
}
.faq-hero h1 {
  background: linear-gradient(135deg, #d4af37, #fff);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  letter-spacing: -0.02em;
}
.faq-item {
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
}
.faq-item:hover {
  border-color: rgba(212,175,55,0.15);
}
.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: start;
  gap: var(--spacing-md);
}
.faq-question:hover {
  color: #d4af37;
}
.faq-question:hover .faq-chevron {
  border-color: rgba(212,175,55,0.4);
  background: rgba(212,175,55,0.1);
}
.faq-chevron {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-item[open] .faq-chevron,
.faq-item.active .faq-chevron {
  transform: rotate(180deg);
  color: #d4af37;
}
.faq-answer-inner {
  line-height: 1.85;
}
.faq-filter-btn.active {
  background: linear-gradient(135deg, rgba(212,175,55,0.14), rgba(125,107,255,0.12)) !important;
  color: #fff !important;
  border-color: rgba(212,175,55,0.34) !important;
}
.faq-filter-btn:hover {
  border-color: rgba(212,175,55,0.3) !important;
  color: #fff !important;
}
.faq-item.hidden-filter {
  display: none !important;
}