.faq { padding: 40px 20px; max-width: 900px; margin: 0 auto; }
.faq-section { padding: 40px 20px; max-width: 900px; margin: 0 auto; }
.faq .faq-heading, .faq-section .faq-section-title { font-size: 24px; font-weight: 700; color: #0a0e27; margin-bottom: 24px; }
.faq .faq-list, .faq-section .faq-list { display: flex; flex-direction: column; gap: 8px; }
.faq .faq-item, .faq-section .faq-item { background-color: #ffffff; border: 1px solid #e5e7eb; border-radius: 10px; overflow: hidden; transition: border-color 0.3s ease, box-shadow 0.3s ease; }
.faq .faq-item:hover, .faq-section .faq-item:hover { border-color: rgba(21, 89, 237, 0.3); }
.faq .faq-item-open, .faq-section .faq-item-open { border-color: #1559ed; box-shadow: 0 2px 12px rgba(21, 89, 237, 0.1); }
.faq .faq-question, .faq-section .faq-question { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; cursor: pointer; }
.faq .faq-question-text, .faq-section .faq-question-text { font-size: 16px; font-weight: 600; color: #0a0e27; line-height: 1.4; flex: 1; }
.faq .faq-question-icon, .faq-section .faq-question-icon { width: 20px; height: 20px; flex-shrink: 0; color: #1559ed; transition: transform 0.3s ease; }
.faq .faq-question-icon-open, .faq-section .faq-question-icon-open { transform: rotate(45deg); }
.faq .faq-answer, .faq-section .faq-answer { display: none; padding: 0 20px 18px; }
.faq .faq-answer-open, .faq-section .faq-answer-open { display: block; }
.faq .faq-answer-text, .faq-section .faq-answer-text { font-size: 15px; line-height: 1.7; color: #666666; }
.faq .faq-answer-text-link, .faq-section .faq-answer-text-link { color: #1559ed; font-weight: 600; transition: color 0.3s ease; }
.faq .faq-answer-text-link:hover, .faq-section .faq-answer-text-link:hover { color: #0d47c4; text-decoration: underline; }
@media (min-width: 768px) {
  .faq { padding: 60px 20px; }
  .faq-section { padding: 60px 20px; }
  .faq .faq-heading, .faq-section .faq-section-title { font-size: 32px; }
  .faq .faq-question-text, .faq-section .faq-question-text { font-size: 17px; }
  .faq .faq-answer-text, .faq-section .faq-answer-text { font-size: 16px; }
}