/* Ana Kapsayıcı - Görseldeki Koyu Panel */
.about-container {
    background: #0a192f; /* Görseldeki koyu lacivert */
    padding: 50px;
    border-radius: 15px;
    color: #ffffff;
    max-width: 1200px;
    margin: 40px auto;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

/* Üstteki küçük "HAKKIMIZDA" yazısı */
.about-subtitle {
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 5px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease-out;
}

/* Ana Başlık - Görseldeki AKKDER... yazısı */
.about-section-title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 30px;
    display: block;
    border-left: 4px solid #ffffff; /* Görseldeki sarı detay çizgisi */
    padding-left: 15px;
    line-height: 1.2;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

/* Paragraflar */
.about-text-content p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease-out;
}


/* Üye Listesi Maviye Uygun Stil */
.member-list li {
    border-bottom: 1px dashed #ffffff;
}

.member-list li:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.member-name { color: #ffffff; }
.member-company { color: rgb(96, 152, 255); }

/* --- Animasyon Tetiklendiğinde Çalışacak Sınıf --- */
.reveal-active {
    opacity: 1 !important;
    transform: translate(0) !important;
}