/* Genel yerleşim */
body {
    margin: 0 auto;
    max-width: 1090px;
    font-family: "Trebuchet MS", Arial, sans-serif;
    background: #f2f0ec;
    color: #222;
}

section {
    padding: 50px 30px;
}

/* İstanbul esintili renk paleti */
#teklif {
    background: linear-gradient(135deg, #0e4d92, #1368aa);
    color: #fff;
    min-height: 470px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
#teklif h1 {
    font-size: 42px;
    margin-bottom: 20px;
}
#teklif p {
    font-size: 20px;
    max-width: 700px;
    margin-bottom: 30px;
}
#teklif .cta-button {
    background: #ffd369;
    color: #000;
    padding: 14px 28px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s ease;
}
#teklif .cta-button:hover {
    background: #ffbe2c;
}

/* Ürünler bölümü */
#urunler {
    background: #fff7ea;
    color: #222;
}
#urunler ul li {
    margin-bottom: 8px;
}
article {
    background: #ffe9c2;
    border-left: 6px solid #d28c18;
    padding: 20px;
    margin-top: 30px;
    line-height: 1.6;
}

/* Yorumlar */
#yorumlar {
    background: #e6eef3;
    color: #1a1a1a;
}

/* Uzmanlar */
#uzmanlar {
    background: #f5f2ff;
    color: #34286e;
}

/* Form */
#aboneFormu {
    background: #f9f9f9;
    color: #222;
}
#aboneFormu form {
    display: flex;
    flex-direction: column;
    max-width: 380px;
    gap: 12px;
}
#aboneFormu input[type="email"] {
    padding: 12px;
    border: 1px solid #bbb;
    border-radius: 5px;
    font-size: 16px;
}
#aboneFormu button {
    background: #0e4d92;
    color: #fff;
    padding: 12px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    transition: 0.3s ease;
}
#aboneFormu button:hover {
    background: #1368aa;
}

/* Eğitim ve medya */
#egitimMedya {
    background: #fff1f1;
    color: #5c1b1b;
    line-height: 1.6;
}

/* İletişim ve harita */
#iletisim {
    background: #e9f7ee;
}

/* Footer */
footer {
    background: #0e4d92;
    color: #fff;
    padding: 25px;
    text-align: center;
    font-size: 15px;
}

/* Mobil uyumluluk */
@media (max-width: 768px) {
    body {
        padding: 0 15px;
    }

    #teklif h1 {
        font-size: 32px;
    }

    #teklif p {
        font-size: 18px;
    }

    section {
        padding: 40px 20px;
    }
}

@media (max-width: 480px) {
    #teklif h1 {
        font-size: 28px;
    }
    #teklif p {
        font-size: 16px;
    }
    #teklif .cta-button {
        padding: 12px 22px;
    }
}