/* Sayfa Genel Stili */
body {
     margin: 0; /* Sayfanın kenarlıklarını sıfırlar */
     font-family: "Saira", sans-serif; /* Yazı tipi */
     background-color: black; /* Arka plan siyah */
     color: white; /* Yazı rengi beyaz */
}

/* Accordion Konteyner */
.accordion-container {
     margin: 40px auto; /* Sayfayı ortalar */
     padding: 20px 80px; /* Konteyner iç boşluğu */
}

/* Accordion Öğesi */
.accordion-item {
     margin-bottom: 20px; /* Öğeler arasında boşluk */
     border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* Alt çizgi */
}

/* Accordion Başlık */
.accordion-header {
     display: flex; /* Başlık ve ikon aynı hizaya gelir */
     justify-content: space-between; /* Soru ve ikon arasındaki boşluk */
     align-items: center; /* Dikey hizalama */
     cursor: pointer; /* İmleç değişimi */
     padding: 10px 0; /* Üst-alt boşluk */
     font-weight: bold; /* Kalın yazı */
     color: white; /* Varsayılan yazı rengi */
     transition: color 0.3s ease; /* Renk geçişi */
}

/* Hover Durumu */
.accordion-header:hover {
     color: #e9204f; /* Soru başlığı üzerine gelince renk değişimi */
}

/* Accordion İkon */
.icon {
     color: #e9204f; /* Artı işareti rengi */
     font-size: 18px; /* İkon boyutu */
     transition: color 0.3s ease; /* Renk geçişi */
}

/* Aktif Durum İkon */
.accordion-item.active .icon {
     content: "-"; /* Açıldığında eksi işareti */
     color: white; /* İkon beyaz */
}

/* Accordion İçerik */
.accordion-content {
     max-height: 0; /* Başlangıçta içerik görünmez */
     overflow: hidden; /* Taşma gizlenir */
     transition: max-height 0.5s ease; /* Açılma animasyonu */
     font-size: 14px; /* Cevap yazı boyutu */
     margin-top: 10px; /* Soru ile cevap arası boşluk */
     padding: 0; /* Başlangıçta boşluk yok */
}

/* Aktif İçerik */
.accordion-item.active .accordion-content {
     max-height: 300px; /* Açıldığında içerik yüksekliği */
     overflow: visible; /* Taşan içerik görünür */
     padding: 10px 0; /* Açıldığında boşluk ekler */
}