/* =====================================================
   AT Wire Türkiye — İletişim Sayfası Stilleri
   AT Wire Türkiye (at-wire.com) için optimize edilmiştir.
   ===================================================== */

/* ── Page background ── */
.kontakt-bg {
    background:
        radial-gradient(circle at top left,    rgba(23,199,201,.05),  transparent 45%),
        radial-gradient(circle at top right,   rgba(23,199,201,.045), transparent 45%),
        radial-gradient(circle at bottom left, rgba(23,199,201,.035), transparent 50%),
        radial-gradient(circle at bottom right,rgba(23,199,201,.045), transparent 50%),
        linear-gradient(to bottom, #ffffff, #f8fbff);
}

/* ── Wrapper ── */
.contact-wrap {
    padding: 32px 0 60px;
}

/* ── Grid ── */
.contact-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 18px;
    margin-top: 28px;
}
@media (max-width: 980px) {
    .contact-grid { grid-template-columns: 1fr; }
}

/* ── Card ── */
.atw-card {
    background: rgba(255,255,255,.98);
    border: 1px solid rgba(11,18,32,.10);
    border-radius: 18px;
    box-shadow: 0 20px 60px rgba(11,18,32,.10);
    overflow: hidden;
}

.atw-card-head h2 {
    color: #17c7c9;
}

.atw-info .k {
    color: #17c7c9;
}

.atw-info a:hover {
    color: #17c7c9;
}

/* ── Form ── */
.atw-field label {
    color: #17c7c9;
}

.atw-field input:focus,
.atw-field select:focus,
.atw-field textarea:focus {
    border-color: rgba(23,199,201,.35);
    box-shadow: 0 0 0 4px rgba(23,199,201,.10);
}

/* ── Checkbox ── */
.atw-privacy input[type="checkbox"] {
    border: 2px solid #17c7c9;
    accent-color: #17c7c9;
}

/* ── Link ── */
.atw-privacy a {
    color: #17c7c9;
}

/* ── Button ── */
.atw-btn-primary {
    border: 1px solid rgba(23,199,201,.22);
    background: linear-gradient(90deg, rgba(23,199,201,.20), rgba(23,199,201,.14));
    color: #17c7c9;
}

.atw-btn-primary:hover {
    border-color: rgba(23,199,201,.40);
    background: linear-gradient(90deg, rgba(23,199,201,.30), rgba(23,199,201,.22));
}