/* =========================================================
   QuickPolls - About Page Styles (2025)
   ========================================================= */

/* === GENEL YAPI === */
.section-unified {
    background: linear-gradient(180deg, #09452e 0%, #0c2f21 100%);
    padding: 4rem 0;
}

/* === KART === */
.card-dark {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.25s ease-in-out;
}

.card-dark:hover {
    background: rgba(255, 255, 255, 0.08);
    transform: translateY(-3px);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

/* === BAŞLIKLAR === */
h3 {
    color: #eafef4 !important;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

/* === DİVİDER === */
.divider {
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #4ade80, #22c55e);
    border-radius: 2px;
    margin: 2rem auto;
}

/* === İKONLAR === */
.icon-feature,
.card-dark h3 i {
    font-size: 1.8rem;
    color: #4ade80;
    transition: transform 0.3s ease, color 0.3s ease;
}

.card-dark:hover h3 i,
.card-dark:hover .icon-feature {
    color: #6bffa8;
    transform: scale(1.1);
}

/* === HERO (HEADER) === */
.about-hero {
    background: linear-gradient(rgba(8, 56, 37, 0.9), rgba(8, 56, 37, 0.9)),
        url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?q=80&w=1920&auto=format&fit=crop') center/cover;
    color: #fff;
    padding-top: 10rem;
    padding-bottom: 6rem;
    text-align: center;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.about-hero h1 {
    font-weight: 700;
}

.about-hero p {
    max-width: 680px;
    margin: 0 auto;
    color: #e8f7f0;
}