.faq-container {
      max-width: 900px;
      margin: 30px auto;
      padding: 0 20px;
    }

    h1 {
      text-align: center;
      font-size: 2rem;
      margin-bottom: 30px;
    }

    .faq-item {
      border-bottom: 1px solid #ddd;
      padding: 15px 0;
    }

    .faq-question {
      font-weight: bold;
      font-size: 1.1rem;
      cursor: pointer;
      position: relative;
    }

    .faq-answer {
      display: none;
      padding-top: 8px;
      color: #555;
    }

    .faq-question::after {
      content: '+';
      position: absolute;
      right: 0;
      font-weight: bold;
    }

    .faq-item.open .faq-answer {
      display: block;
    }

    .faq-item.open .faq-question::after {
      content: '–';
    }