/* =========================================================
   QuickPolls - Contact Page Styles (Extracted from HTML)
   ========================================================= */

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

header h1 {
    color: #ffffff;
    font-weight: 700;
}

header p {
    color: #f5f5f5;
}

/* === 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);
}

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

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