:root { --kagit: #f6f3ec; --kagit-koyu: #ece7db; --kart: #fdfcf8; --murekkep: #221e17; --murekkep-soluk: #746c5d; --cizgi: #ddd6c6; --nobet: #4633e8; --nobet-koyu: #3423c4; --nobet-acik: #ecebfd; --sinyal-yesil: #1d7a4f; --sinyal-amber: #a86a12; --sinyal-kirmizi: #bd3226; --sinyal-kirmizi-acik: #fbeae8; --sinyal-amber-acik: #f9f0df; --sinyal-yesil-acik: #e6f3ec; --govde-font: "Archivo", sans-serif; --mono-font: "JetBrains Mono", monospace; --ease: cubic-bezier(0.65, 0, 0.35, 1); --msy: #f4f1ea; --bg-dark: #0e0e10; }

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body { font-family: var(--govde-font); background: var(--kagit); color: var(--murekkep); font-size: 16px; line-height: 1.55; min-height: 100vh; display: flex; flex-direction: column; }

.mono { font-family: var(--mono-font); }

.gizli-token { display: none; }

.veri-tasima { display: none; }

a { color: var(--nobet); text-decoration: none; }

    a:hover { text-decoration: underline; }

:focus-visible { outline: 2px solid var(--nobet); outline-offset: 2px; }

.ust-bar { border-bottom: 1px solid var(--cizgi); background: var(--bg-dark); position: sticky; top: 0; z-index: 50; }

.ust-bar-ic { max-width: 1080px; margin: 0 auto; padding: 0 24px; height: 64px; display: flex; align-items: center; gap: 40px; }

.logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }

    .logo:hover { text-decoration: none; }

.logo-isaret { width: 12px; height: 12px; background: var(--nobet); border-radius: 2px; position: relative; overflow: hidden; }

    .logo-isaret::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(255, 255, 255, 0.7) 50%, transparent 60%); animation: logoTarama 3s ease-in-out infinite; }

@keyframes logoTarama {
    0%, 60% { transform: translateY(-100%); }
    80%, 100% { transform: translateY(100%); }
}

.logo-metin { font-weight: 800; font-size: 17px; letter-spacing: -0.02em; color: var(--murekkep); }

.ana-nav { display: flex; gap: 4px; flex: 1; }

.nav-link { padding: 8px 14px; border-radius: 6px; color: var(--cizgi); font-weight: 500; font-size: 14.5px; transition: background-color 150ms cubic-bezier(0.23, 1, 0.32, 1), color 150ms cubic-bezier(0.23, 1, 0.32, 1); }

    .nav-link:hover { background: var(--kagit-koyu); color: var(--murekkep); text-decoration: none; }

.cikis-form { margin-left: auto; }

.ana-icerik { flex: 1; width: 100%; max-width: 1080px; margin: 0 auto; padding: 48px 24px 80px; }

.alt-bar { border-top: 1px solid var(--cizgi); background: var(--kagit); }

.alt-bar-ic { max-width: 1080px; margin: 0 auto; padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }

.alt-not { color: var(--murekkep-soluk); font-size: 13px; }

.mono-etiket { font-family: var(--mono-font); font-size: 11.5px; font-weight: 500; letter-spacing: 0.14em; color: var(--nobet); text-transform: uppercase; }

.sayfa-baslik-blok { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 36px; }

.sayfa-baslik-orta { justify-content: center; text-align: center; margin-bottom: 28px; }

.sayfa-baslik { font-size: clamp(28px, 4vw, 38px); font-weight: 900; letter-spacing: -0.03em; line-height: 1.05; margin-top: 6px; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 20px; border-radius: 8px; border: 1px solid transparent; font-family: var(--govde-font); font-weight: 600; font-size: 14.5px; cursor: pointer; text-decoration: none; transition: background-color 150ms cubic-bezier(0.23, 1, 0.32, 1), border-color 150ms cubic-bezier(0.23, 1, 0.32, 1), transform 100ms cubic-bezier(0.23, 1, 0.32, 1); }

    .btn:hover { text-decoration: none; }

    .btn:active { transform: scale(0.97); }

.btn-birincil { background: var(--nobet); color: #fff; }

    .btn-birincil:hover { background: var(--nobet-koyu); }

.btn-sade { background: transparent; border-color: var(--cizgi); color: var(--murekkep); }

    .btn-sade:hover { background: var(--kagit-koyu); }

.btn-tehlike { color: var(--sinyal-kirmizi); }

    .btn-tehlike:hover { background: var(--sinyal-kirmizi-acik); border-color: var(--sinyal-kirmizi); }

.btn-genis { width: 100%; }

.btn-pasif { opacity: 0.55; cursor: default; pointer-events: none; }

.plan-rozet { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; padding: 10px 16px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; }

.plan-rozet-ad { font-weight: 700; font-size: 14px; }

.plan-rozet-sayac { font-size: 12px; color: var(--murekkep-soluk); }

.site-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 18px; }

.site-kart { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 22px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 12px; color: var(--murekkep); overflow: hidden; transition: border-color 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1); }

    .site-kart:hover { text-decoration: none; border-color: var(--nobet); transform: translateY(-2px); }

.nobet-seridi { position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent, var(--nobet) 45%, var(--nobet) 55%, transparent); transform: translateX(-100%); opacity: 0; }

.site-kart:hover .nobet-seridi { animation: nobetTarama 900ms cubic-bezier(0.23, 1, 0.32, 1) forwards; }

@keyframes nobetTarama {
    0% { transform: translateX(-100%); opacity: 1; }
    100% { transform: translateX(100%); opacity: 1; }
}

.site-kart-down { border-color: var(--sinyal-kirmizi); background: var(--sinyal-kirmizi-acik); }

.site-kart-ust { display: flex; align-items: center; gap: 10px; }

.site-kart-ad { font-weight: 700; font-size: 17px; letter-spacing: -0.01em; }

.site-kart-domain { font-size: 13px; color: var(--murekkep-soluk); }

.durum-nokta { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }

.durum-buyuk { width: 14px; height: 14px; }

.durum-yesil { background: var(--sinyal-yesil); }

.durum-kirmizi { background: var(--sinyal-kirmizi); animation: nabiz 1.4s ease-in-out infinite; }

@keyframes nabiz {
    0%, 100% { box-shadow: 0 0 0 0 rgba(189, 50, 38, 0.35); }
    50% { box-shadow: 0 0 0 6px rgba(189, 50, 38, 0); }
}

.site-kart-rozetler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }

.sayac-rozet { font-size: 11px; font-weight: 500; letter-spacing: 0.06em; padding: 4px 9px; border-radius: 5px; background: var(--kagit-koyu); color: var(--murekkep-soluk); }

.sayac-temiz { background: var(--sinyal-yesil-acik); color: var(--sinyal-yesil); }

.sayac-uyari { background: var(--sinyal-amber-acik); color: var(--sinyal-amber); }

.sayac-kritik { background: var(--sinyal-kirmizi-acik); color: var(--sinyal-kirmizi); }

.site-kart-alt { margin-top: auto; padding-top: 10px; border-top: 1px dashed var(--cizgi); font-size: 11.5px; color: var(--murekkep-soluk); }

.site-kart-ekle { align-items: center; justify-content: center; border-style: dashed; background: transparent; min-height: 180px; color: var(--murekkep-soluk); }

    .site-kart-ekle:hover { color: var(--nobet); }

.ekle-arti { font-size: 34px; font-weight: 400; line-height: 1; }

.ekle-metin { font-weight: 600; font-size: 15px; }

.ekle-alt-metin { font-size: 13px; text-align: center; }

.site-kart-limit:hover { color: var(--murekkep); }

.bos-durum { max-width: 460px; margin: 60px auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 14px; }

.bos-durum-cizgi { width: 48px; height: 3px; background: var(--nobet); border-radius: 2px; }

.bos-durum-baslik { font-size: 24px; font-weight: 800; letter-spacing: -0.02em; }

.bos-durum-metin { color: var(--murekkep-soluk); font-size: 15px; }

.detay-bolum { margin-bottom: 44px; }

.bolum-baslik { font-size: 19px; font-weight: 800; letter-spacing: -0.01em; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }

.bolum-sayac { font-size: 12px; font-weight: 500; color: var(--murekkep-soluk); background: var(--kagit-koyu); padding: 3px 8px; border-radius: 5px; }

.temiz-rapor { display: flex; align-items: center; gap: 10px; padding: 18px 20px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; color: var(--murekkep-soluk); font-size: 14.5px; }

.sorun-listesi { display: flex; flex-direction: column; gap: 10px; }

.sorun-satir { display: flex; gap: 14px; padding: 16px 18px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; align-items: flex-start; }

.onem-rozet { font-size: 10.5px; font-weight: 700; letter-spacing: 0.08em; padding: 4px 8px; border-radius: 4px; flex-shrink: 0; margin-top: 2px; }

.onem-kritik { background: var(--sinyal-kirmizi); color: #fff; }

.onem-orta { background: var(--sinyal-amber-acik); color: var(--sinyal-amber); }

.onem-dusuk { background: var(--kagit-koyu); color: var(--murekkep-soluk); }

.sorun-icerik { display: flex; flex-direction: column; gap: 4px; }

.sorun-baslik { font-weight: 700; font-size: 15px; }

.sorun-detay { font-size: 14px; color: var(--murekkep-soluk); }

.sorun-zaman { font-size: 11px; color: var(--murekkep-soluk); margin-top: 4px; }

.rapor-listesi { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; }

.rapor-satir { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-bottom: 1px solid var(--cizgi); }

    .rapor-satir:last-child { border-bottom: none; }

.rapor-modul { font-weight: 600; font-size: 14.5px; flex: 1; }

.rapor-skor { font-size: 13px; color: var(--murekkep); }

.rapor-zaman { font-size: 12px; color: var(--murekkep-soluk); }

.dar-kutu { max-width: 520px; margin: 0 auto; }

.form-kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 12px; padding: 28px; display: flex; flex-direction: column; gap: 20px; }

.form-grup { display: flex; flex-direction: column; gap: 6px; }

.form-grup-yatay { flex-direction: row; align-items: center; }

.form-etiket { font-weight: 600; font-size: 13.5px; }

.etiket-not { font-weight: 400; color: var(--murekkep-soluk); font-size: 12.5px; }

.form-girdi { padding: 11px 14px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--kagit); font-family: var(--govde-font); font-size: 15px; color: var(--murekkep); transition: border-color 150ms cubic-bezier(0.23, 1, 0.32, 1); }

    .form-girdi.mono { font-family: var(--mono-font); font-size: 14px; }

    .form-girdi:focus { outline: none; border-color: var(--nobet); }

.form-ipucu { font-size: 12.5px; color: var(--murekkep-soluk); }

.form-hata { font-size: 12.5px; color: var(--sinyal-kirmizi); }

.form-hata-ozet { background: var(--sinyal-kirmizi-acik); border: 1px solid var(--sinyal-kirmizi); border-radius: 8px; padding: 12px 16px; color: var(--sinyal-kirmizi); font-size: 14px; list-style-position: inside; }

    .form-hata-ozet ul { list-style: none; }

.onay-kutu-check { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; flex-direction: row; }

    .onay-kutu-check input { accent-color: var(--nobet); width: 16px; height: 16px; }

.bilgi-kutu { margin-top: 20px; padding: 18px 20px; border: 1px dashed var(--cizgi); border-radius: 10px; display: flex; flex-direction: column; gap: 6px; }

    .bilgi-kutu p { font-size: 13.5px; color: var(--murekkep-soluk); }

.hesap-sayfa .ana-icerik { display: flex; align-items: center; justify-content: center; }

.hesap-kutu { width: 100%; max-width: 420px; display: flex; flex-direction: column; gap: 24px; }

.hesap-baslik-blok { display: flex; flex-direction: column; gap: 6px; }

.hesap-baslik { font-size: 30px; font-weight: 900; letter-spacing: -0.03em; }

.hesap-alt { color: var(--murekkep-soluk); font-size: 14.5px; }

.hesap-form { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 12px; padding: 28px; display: flex; flex-direction: column; gap: 18px; }

.hesap-gecis { text-align: center; font-size: 14px; color: var(--murekkep-soluk); }

.periyot-secim { display: flex; justify-content: center; gap: 0; margin-bottom: 32px; background: var(--kagit-koyu); border-radius: 10px; padding: 4px; width: fit-content; margin-left: auto; margin-right: auto; }

.periyot-btn { display: flex; align-items: center; gap: 8px; padding: 9px 18px; border: none; background: transparent; border-radius: 7px; font-family: var(--govde-font); font-weight: 600; font-size: 14px; color: var(--murekkep-soluk); cursor: pointer; transition: background-color 150ms cubic-bezier(0.23, 1, 0.32, 1), color 150ms cubic-bezier(0.23, 1, 0.32, 1); }

.periyot-aktif { background: var(--kart); color: var(--murekkep); box-shadow: 0 1px 2px rgba(34, 30, 23, 0.08); }

.hediye-rozet { font-family: var(--mono-font); font-size: 10px; font-weight: 700; letter-spacing: 0.06em; background: var(--nobet-acik); color: var(--nobet); padding: 3px 7px; border-radius: 4px; text-transform: uppercase; }

.plan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; max-width: 940px; margin: 0 auto; }

.plan-kart { position: relative; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 14px; padding: 30px 26px; display: flex; flex-direction: column; gap: 16px; }

.plan-kart-one-cikan { border-color: var(--nobet); border-width: 2px; }

.plan-one-cikan-rozet { position: absolute; top: -11px; left: 50%; transform: translateX(-50%); background: var(--nobet); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: 0.1em; padding: 4px 12px; border-radius: 5px; white-space: nowrap; }

.plan-ad { font-size: 20px; font-weight: 800; letter-spacing: -0.02em; }

.plan-fiyat-blok { display: flex; align-items: baseline; gap: 6px; }

.plan-fiyat { font-size: 42px; font-weight: 700; letter-spacing: -0.03em; line-height: 1; }

.plan-fiyat-birim { color: var(--murekkep-soluk); font-size: 14px; }

.plan-aciklama { font-size: 13.5px; color: var(--murekkep-soluk); min-height: 42px; }

.plan-ozellikler { list-style: none; display: flex; flex-direction: column; gap: 9px; flex: 1; }

    .plan-ozellikler li { font-size: 14px; padding-left: 20px; position: relative; }

        .plan-ozellikler li::before { content: ""; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; border-radius: 2px; background: var(--nobet); }

.odeme-not { text-align: center; margin-top: 28px; font-size: 12px; color: var(--murekkep-soluk); }

.tesekkur-kutu { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px; padding-top: 60px; }

.tesekkur-metin { color: var(--murekkep-soluk); font-size: 15px; max-width: 400px; }

#toast-container.toast-bottom-right > div { font-family: var(--govde-font); border-radius: 10px; box-shadow: 0 4px 16px rgba(34, 30, 23, 0.18); opacity: 1; }

@media (max-width: 720px) {
    .ust-bar-ic { gap: 16px; padding: 0 16px; }

    .ana-nav { gap: 0; }

    .nav-link { padding: 8px 10px; font-size: 13.5px; }

    .ana-icerik { padding: 32px 16px 60px; }

    .sayfa-baslik-blok { flex-direction: column; align-items: flex-start; gap: 16px; }

    .sayfa-baslik-orta { align-items: center; }

    .plan-rozet { align-items: flex-start; }

    .site-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }

    .logo-isaret::after,
    .durum-kirmizi { animation: none; }

    .site-kart:hover .nobet-seridi { animation: none; transform: translateX(0); opacity: 1; }

    .site-kart,
    .btn { transition: none; }

        .site-kart:hover { transform: none; }
}

.public-nav-sag { margin-left: auto; display: flex; gap: 10px; }

.btn-buyuk { padding: 14px 26px; font-size: 15.5px; }

.hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; padding: 56px 0 72px; }

.hero-metin { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }

.hero-baslik { font-size: clamp(40px, 6vw, 64px); font-weight: 900; letter-spacing: -0.04em; line-height: 0.98; }

.hero-alt { font-size: 17px; color: var(--murekkep-soluk); max-width: 460px; }

.hero-butonlar { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 6px; }

.hero-not { font-size: 12px; color: var(--murekkep-soluk); }

.hero-demo { display: flex; justify-content: center; }

.demo-kart { position: relative; width: 100%; max-width: 380px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 14px; padding: 22px; overflow: hidden; box-shadow: 0 12px 32px rgba(34, 30, 23, 0.08); }

.demo-tarama-cizgisi { position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--nobet) 45%, var(--nobet) 55%, transparent); animation: demoTarama 3.2s cubic-bezier(0.77, 0, 0.175, 1) infinite; }

@keyframes demoTarama {
    0% { transform: translateX(-100%); }
    55%, 100% { transform: translateX(100%); }
}

.demo-kart-ust { display: flex; align-items: center; gap: 10px; padding-bottom: 14px; border-bottom: 1px dashed var(--cizgi); margin-bottom: 14px; }

.demo-domain { font-size: 13px; font-weight: 500; flex: 1; }

.demo-saat { font-size: 12px; color: var(--murekkep-soluk); }

.demo-satirlar { display: flex; flex-direction: column; gap: 10px; }

.demo-satir { display: flex; align-items: center; gap: 12px; padding: 10px 12px; background: var(--kagit); border-radius: 8px; opacity: 0; animation: demoBelir 500ms cubic-bezier(0.23, 1, 0.32, 1) forwards; }

.demo-gecikme-1 { animation-delay: 400ms; }
.demo-gecikme-2 { animation-delay: 800ms; }
.demo-gecikme-3 { animation-delay: 1200ms; }
.demo-gecikme-4 { animation-delay: 1600ms; }
.demo-gecikme-5 { animation-delay: 2000ms; }

@keyframes demoBelir {
    0% { opacity: 0; transform: translateY(6px); }
    100% { opacity: 1; transform: translateY(0); }
}

.demo-satir-hata { background: var(--sinyal-kirmizi-acik); }

.demo-check { width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; }

.demo-ok { background: var(--sinyal-yesil-acik); color: var(--sinyal-yesil); }

.demo-hata { background: var(--sinyal-kirmizi); color: #fff; }

.demo-modul { font-size: 13.5px; font-weight: 600; flex: 1; }

.demo-deger { font-size: 12px; color: var(--murekkep-soluk); }

.adimlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 40px 0 64px; border-top: 1px solid var(--cizgi); }

.adim { display: flex; flex-direction: column; gap: 8px; }

.adim-no { font-size: 13px; font-weight: 700; color: var(--nobet); }

.adim-baslik { font-size: 18px; font-weight: 800; letter-spacing: -0.01em; }

.adim-metin { font-size: 14px; color: var(--murekkep-soluk); }

.bolum-baslik-blok { text-align: center; display: flex; flex-direction: column; gap: 8px; margin-bottom: 36px; }

.bolum-buyuk-baslik { font-size: clamp(26px, 4vw, 36px); font-weight: 900; letter-spacing: -0.03em; }

.moduller { padding: 48px 0 72px; border-top: 1px solid var(--cizgi); }

.modul-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }

.modul-kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; padding: 18px; display: flex; flex-direction: column; gap: 8px; transition: border-color 180ms cubic-bezier(0.23, 1, 0.32, 1); }

    .modul-kart:hover { border-color: var(--nobet); }

.modul-kod { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; color: var(--nobet); }

.modul-pro .modul-kod::after { content: "PRO"; margin-left: 8px; font-size: 9px; background: var(--nobet-acik); color: var(--nobet); padding: 2px 6px; border-radius: 3px; }

.modul-metin { font-size: 13px; color: var(--murekkep-soluk); }

.landing-paketler { padding: 48px 0 72px; border-top: 1px solid var(--cizgi); }

.son-cta { padding: 64px 0 40px; border-top: 1px solid var(--cizgi); display: flex; flex-direction: column; align-items: center; gap: 22px; text-align: center; }

.son-cta-baslik { font-size: clamp(28px, 5vw, 44px); font-weight: 900; letter-spacing: -0.035em; }

@media (max-width: 860px) {
    .hero { grid-template-columns: 1fr; gap: 36px; padding: 36px 0 56px; }

    .adimlar { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .public-nav-sag .btn { padding: 8px 12px; font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
    .demo-tarama-cizgisi { animation: none; opacity: 0; }

    .demo-satir { animation: none; opacity: 1; }
}


.ai-rapor { background: linear-gradient(135deg, var(--nobet-acik) 0%, var(--kart) 60%); border: 1px solid var(--cizgi); border-radius: 14px; padding: 26px 28px; margin-bottom: 40px; position: relative; overflow: hidden; }

    .ai-rapor::before { content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: var(--nobet); }

.ai-rapor-ust { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }

.ai-skor { font-size: 26px; font-weight: 700; letter-spacing: -0.03em; color: var(--nobet); }

.ai-skor-max { font-size: 14px; color: var(--murekkep-soluk); font-weight: 500; }

.ai-ozet { font-size: 16px; line-height: 1.6; color: var(--murekkep); margin-bottom: 18px; }

.ai-sayaclar { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; }

.ai-sayac { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; padding: 5px 11px; border-radius: 5px; }

.ai-sayac-kritik { background: var(--sinyal-kirmizi-acik); color: var(--sinyal-kirmizi); }

.ai-sayac-orta { background: var(--sinyal-amber-acik); color: var(--sinyal-amber); }

.ai-sayac-dusuk { background: var(--kagit-koyu); color: var(--murekkep-soluk); }

.ai-oncelikler { border-top: 1px dashed var(--cizgi); padding-top: 18px; display: flex; flex-direction: column; gap: 12px; }

.ai-oncelik-baslik { font-family: var(--mono-font); font-size: 11px; font-weight: 700; letter-spacing: 0.12em; color: var(--nobet); text-transform: uppercase; }

.ai-oncelik-satir { display: flex; gap: 12px; align-items: flex-start; }

.ai-oncelik-icerik { display: flex; flex-direction: column; gap: 3px; }

.ai-oncelik-metin-baslik { font-weight: 700; font-size: 14.5px; color: var(--murekkep); }


.hata-sayfa { max-width: 480px; margin: 80px auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 16px; }

.hata-kod { font-size: 72px; font-weight: 700; letter-spacing: -0.04em; color: var(--nobet); line-height: 1; }

.hata-cizgi { width: 48px; height: 3px; background: var(--nobet); border-radius: 2px; }

.hata-cizgi-kirmizi { background: var(--sinyal-kirmizi); }

.hata-baslik { font-size: 28px; font-weight: 900; letter-spacing: -0.03em; line-height: 1.1; }

.hata-metin { font-size: 15.5px; color: var(--murekkep-soluk); line-height: 1.6; max-width: 400px; }

.hata-sayfa .btn { margin-top: 8px; }

.sc-kutu { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 12px; margin-bottom: 28px; }

.sc-kutu-bagli { background: var(--sinyal-yesil-acik); border-color: var(--sinyal-yesil); }

.sc-kutu-sol { display: flex; align-items: center; gap: 16px; }

.sc-ikon,
.sc-ikon-bagli { width: 40px; height: 40px; border-radius: 10px; flex-shrink: 0; position: relative; }

.sc-ikon { background: var(--nobet-acik); }

    .sc-ikon::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; border: 2px solid var(--nobet); border-radius: 50%; }

.sc-ikon-bagli { background: var(--sinyal-yesil); }

    .sc-ikon-bagli::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -60%) rotate(45deg); width: 8px; height: 14px; border-right: 2.5px solid #fff; border-bottom: 2.5px solid #fff; }

.sc-kutu-sol > div { display: flex; flex-direction: column; gap: 2px; }

.sc-baslik { font-weight: 700; font-size: 15px; color: var(--murekkep); }

.sc-alt { font-size: 13px; color: var(--murekkep-soluk); max-width: 440px; }

@media (max-width: 720px) {
    .sc-kutu { flex-direction: column; align-items: flex-start; gap: 14px; }
}



.landing-sayfa .ana-icerik { max-width: none; padding: 0; }

.lp-hero,
.lp-adimlar,
.lp-moduller,
.lp-ai,
.lp-google,
.lp-paketler,
.lp-son-cta { max-width: 1120px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }

.lp-eyebrow { display: inline-block; font-family: var(--mono-font); font-size: 11px; font-weight: 600; letter-spacing: 0.18em; color: var(--nobet); text-transform: uppercase; padding: 5px 12px; background: var(--nobet-acik); border-radius: 100px; }

/* HERO */
.lp-hero { padding-top: 72px; padding-bottom: 96px; }

.lp-hero-ic { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }

.lp-hero-metin { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }

.lp-hero-baslik { font-size: clamp(44px, 6.5vw, 72px); font-weight: 900; letter-spacing: -0.045em; line-height: 0.96; display: flex; flex-direction: column; }

.lp-vurgu { color: var(--nobet); }

.lp-hero-alt { font-size: 17.5px; line-height: 1.6; color: var(--murekkep-soluk); max-width: 480px; }

.lp-hero-btnlar { display: flex; gap: 12px; flex-wrap: wrap; }

.lp-hero-not { font-size: 12px; color: var(--murekkep-soluk); }

/* BUTONLAR - spring hover, nested ok */
.lp-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; border-radius: 100px; font-weight: 600; font-size: 15px; text-decoration: none; border: 1px solid transparent; cursor: pointer; transition: transform 400ms cubic-bezier(0.32, 0.72, 0, 1), background-color 300ms cubic-bezier(0.32, 0.72, 0, 1), box-shadow 400ms cubic-bezier(0.32, 0.72, 0, 1); }

    .lp-btn:hover { text-decoration: none; }

    .lp-btn:active { transform: scale(0.97); }

.lp-btn-birincil { background: var(--nobet); color: #fff; box-shadow: 0 8px 24px -8px rgba(70, 51, 232, 0.5); }

    .lp-btn-birincil:hover { background: var(--nobet-koyu); box-shadow: 0 12px 32px -8px rgba(70, 51, 232, 0.6); transform: translateY(-2px); }

.lp-btn-ok { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: rgba(255, 255, 255, 0.18); font-size: 14px; transition: transform 400ms cubic-bezier(0.32, 0.72, 0, 1); }

.lp-btn-birincil:hover .lp-btn-ok { transform: translateX(3px); }

.lp-btn-sade { background: transparent; border-color: var(--cizgi); color: var(--murekkep); }

    .lp-btn-sade:hover { background: var(--kagit-koyu); transform: translateY(-2px); }

.lp-btn-genis { width: 100%; justify-content: center; }

.lp-btn-buyuk { padding: 17px 32px; font-size: 16.5px; }

/* HERO DEMO - double bezel */
.lp-demo-shell { background: var(--kagit-koyu); border: 1px solid var(--cizgi); border-radius: 26px; padding: 8px; }

.lp-demo-kart { position: relative; background: var(--kart); border-radius: 19px; padding: 22px; overflow: hidden; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6); }

.lp-tarama-cizgisi { position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--nobet) 50%, transparent); transform: translateX(-100%); animation: lpTarama 3.4s cubic-bezier(0.77, 0, 0.175, 1) infinite; }

@keyframes lpTarama {
    0% { transform: translateX(-100%); }
    55%, 100% { transform: translateX(100%); }
}

.lp-demo-ust { display: flex; align-items: center; gap: 10px; padding-bottom: 14px; border-bottom: 1px dashed var(--cizgi); margin-bottom: 14px; }

.lp-demo-domain { font-size: 13px; font-weight: 500; flex: 1; }

.lp-demo-saat { font-size: 12px; color: var(--murekkep-soluk); }

.lp-demo-satirlar { display: flex; flex-direction: column; gap: 9px; }

.lp-demo-satir { display: flex; align-items: center; gap: 12px; padding: 11px 13px; background: var(--kagit); border-radius: 9px; }

.lp-demo-hata { background: var(--sinyal-kirmizi-acik); }

.lp-check { width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; }

.lp-ok { background: var(--sinyal-yesil-acik); color: var(--sinyal-yesil); }

.lp-hata { background: var(--sinyal-kirmizi); color: #fff; }

.lp-modul { font-size: 13.5px; font-weight: 600; flex: 1; }

.lp-deger { font-size: 12px; color: var(--murekkep-soluk); }

/* PINNED GECE SEKANSI */
.lp-gece { background: var(--murekkep); color: var(--kagit); min-height: 100vh; display: flex; align-items: center; margin-top: 40px; }

.lp-gece-ic { max-width: 1120px; margin: 0 auto; padding: 80px 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; width: 100%; align-items: center; }

.lp-saat-buyuk { font-size: clamp(64px, 12vw, 128px); font-weight: 700; letter-spacing: -0.05em; color: var(--kagit); line-height: 1; display: block; }

.lp-gece-metin { font-size: 20px; color: rgba(246, 243, 236, 0.7); margin-top: 20px; max-width: 340px; }

.lp-gece-sag { display: flex; flex-direction: column; gap: 14px; }

.lp-gece-modul { display: flex; flex-direction: column; gap: 4px; padding: 20px 22px; background: rgba(246, 243, 236, 0.05); border: 1px solid rgba(246, 243, 236, 0.12); border-radius: 14px; }

.lp-gece-modul-kod { font-size: 12px; font-weight: 700; letter-spacing: 0.1em; color: #a99ff5; }

.lp-gece-modul-durum { font-size: 14.5px; color: rgba(246, 243, 236, 0.85); }

/* ADIMLAR */
.lp-adimlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; padding-top: 96px; padding-bottom: 96px; }

.lp-adim { display: flex; flex-direction: column; gap: 10px; }

.lp-adim-no { font-size: 14px; font-weight: 700; color: var(--nobet); }

.lp-adim-baslik { font-size: 21px; font-weight: 800; letter-spacing: -0.02em; }

.lp-adim-metin { font-size: 15px; color: var(--murekkep-soluk); line-height: 1.6; }

/* BOLUM BASLIK */
.lp-bolum-baslik { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 14px; margin-bottom: 48px; }

.lp-bolum-h2 { font-size: clamp(30px, 4.5vw, 44px); font-weight: 900; letter-spacing: -0.035em; line-height: 1.05; }

/* MODULLER */
.lp-moduller { padding-top: 40px; padding-bottom: 96px; }

.lp-modul-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; }

.lp-modul-kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 16px; padding: 22px; display: flex; flex-direction: column; gap: 10px; transition: transform 400ms cubic-bezier(0.32, 0.72, 0, 1), border-color 300ms ease; }

    .lp-modul-kart:hover { transform: translateY(-4px); border-color: var(--nobet); }

.lp-mk-kod { font-size: 11px; font-weight: 700; letter-spacing: 0.1em; color: var(--nobet); }

.lp-modul-kart p { font-size: 13.5px; color: var(--murekkep-soluk); line-height: 1.55; }

/* AI BOLUMU */
.lp-ai { padding-top: 40px; padding-bottom: 96px; }

.lp-ai-ic { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }

.lp-ai-sol { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }

.lp-ai-metin { font-size: 16px; line-height: 1.65; color: var(--murekkep-soluk); }

.lp-ai-kart { background: linear-gradient(135deg, var(--nobet-acik) 0%, var(--kart) 65%); border-radius: 19px; padding: 26px; display: flex; flex-direction: column; gap: 16px; }

.lp-ai-ozet { font-size: 16px; line-height: 1.6; color: var(--murekkep); }

.lp-ai-oncelik { display: flex; align-items: center; gap: 12px; font-size: 14px; color: var(--murekkep); }

/* PAKETLER */
.lp-paketler { padding-top: 40px; padding-bottom: 96px; }

.lp-plan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 20px; max-width: 960px; margin: 0 auto; }

.lp-plan-kart { position: relative; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 20px; padding: 32px 28px; display: flex; flex-direction: column; gap: 16px; transition: transform 400ms cubic-bezier(0.32, 0.72, 0, 1); }

    .lp-plan-kart:hover { transform: translateY(-4px); }

.lp-plan-one { border: 2px solid var(--nobet); }

.lp-plan-rozet { position: absolute; top: -11px; left: 50%; transform: translateX(-50%); background: var(--nobet); color: #fff; font-size: 10px; font-weight: 700; letter-spacing: 0.1em; padding: 4px 12px; border-radius: 100px; white-space: nowrap; }

.lp-plan-ad { font-size: 21px; font-weight: 800; letter-spacing: -0.02em; }

.lp-plan-fiyat-blok { display: flex; align-items: baseline; gap: 6px; }

.lp-plan-fiyat { font-size: 44px; font-weight: 700; letter-spacing: -0.03em; line-height: 1; }

.lp-plan-birim { color: var(--murekkep-soluk); font-size: 14px; }

.lp-plan-aciklama { font-size: 13.5px; color: var(--murekkep-soluk); min-height: 42px; line-height: 1.5; }

.lp-plan-ozellikler { list-style: none; display: flex; flex-direction: column; gap: 10px; flex: 1; padding: 0; }

    .lp-plan-ozellikler li { font-size: 14px; padding-left: 22px; position: relative; }

        .lp-plan-ozellikler li::before { content: ""; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; border-radius: 3px; background: var(--nobet); }

.lp-odeme-not { text-align: center; margin-top: 28px; font-size: 12px; color: var(--murekkep-soluk); }

/* SON CTA */
.lp-son-cta { padding-top: 72px; padding-bottom: 96px; display: flex; flex-direction: column; align-items: center; gap: 26px; text-align: center; }

.lp-son-baslik { font-size: clamp(30px, 5.5vw, 52px); font-weight: 900; letter-spacing: -0.04em; line-height: 1.02; }

/* RESPONSIVE */
@media (max-width: 900px) {
    .lp-hero-ic,
    .lp-ai-ic { grid-template-columns: 1fr; gap: 40px; }

    .lp-gece-ic { grid-template-columns: 1fr; gap: 40px; }

    .lp-adimlar { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 720px) {
    .lp-hero { padding-top: 48px; padding-bottom: 64px; }

    .lp-adimlar,
    .lp-moduller,
    .lp-ai,
    .lp-paketler { padding-bottom: 64px; }
}

@media (prefers-reduced-motion: reduce) {
    .lp-tarama-cizgisi { animation: none; opacity: 0; }

    .lp-btn,
    .lp-modul-kart,
    .lp-plan-kart { transition: none; }

    [data-reveal] { opacity: 1 !important; transform: none !important; filter: none !important; }
}

/* ============================================================ */
/* YASAL SAYFALAR (Gizlilik, Şartlar, İptal-İade, İletişim) */
/* ============================================================ */

.yasal-sayfa .ana-icerik { max-width: 760px; }

.yasal-kutu { display: flex; flex-direction: column; gap: 8px; }

.yasal-baslik { font-size: clamp(30px, 5vw, 42px); font-weight: 900; letter-spacing: -0.035em; margin-top: 8px; }

.yasal-tarih { font-size: 12px; color: var(--murekkep-soluk); margin-bottom: 24px; }

.yasal-icerik { display: flex; flex-direction: column; gap: 14px; }

    .yasal-icerik h2 { font-size: 19px; font-weight: 800; letter-spacing: -0.01em; margin-top: 22px; margin-bottom: 2px; }

    .yasal-icerik p { font-size: 15.5px; line-height: 1.7; color: var(--murekkep); }

    .yasal-icerik strong { font-weight: 700; }

    .yasal-icerik a { color: var(--nobet); text-decoration: underline; }

.iletisim-kart { margin-top: 36px; padding: 26px; background: linear-gradient(135deg, var(--nobet-acik) 0%, var(--kart) 65%); border: 1px solid var(--cizgi); border-radius: 16px; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }

.iletisim-kart-metin { font-size: 15px; color: var(--murekkep); line-height: 1.6; }

/* GENİŞLETİLMİŞ FOOTER */
.genis-footer .alt-bar-ic { flex-direction: column; align-items: flex-start; gap: 18px; }

.footer-linkler { display: flex; flex-wrap: wrap; gap: 20px; }

    .footer-linkler a { font-size: 13px; color: var(--murekkep-soluk); text-decoration: none; }

        .footer-linkler a:hover { color: var(--nobet); text-decoration: underline; }

.footer-alt-satir { display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap; gap: 12px; padding-top: 14px; border-top: 1px solid var(--cizgi); }
.bolum-baslik-satir { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }

.sunucu-rozet { font-size: 10.5px; font-weight: 600; letter-spacing: 0.1em; color: var(--murekkep-soluk); background: var(--kagit-koyu); border: 1px solid var(--cizgi); padding: 5px 10px; border-radius: 100px; }

.sorun-alt { display: flex; align-items: center; gap: 8px; padding: 12px 18px; border-top: 1px dashed var(--cizgi); }

.cozum-ac-btn,
.yoksay-btn { background: transparent; border: 1px solid var(--cizgi); border-radius: 100px; padding: 7px 14px; font-family: var(--govde-font); font-size: 12.5px; font-weight: 600; color: var(--murekkep); cursor: pointer; transition: background-color 200ms, border-color 200ms; }

.cozum-ac-btn { border-color: var(--nobet); color: var(--nobet); }

    .cozum-ac-btn:hover { background: var(--nobet-acik); }

.cozum-ok { display: inline-block; transition: transform 200ms cubic-bezier(0.32, 0.72, 0, 1); }

.cozum-ac-btn.acik .cozum-ok { transform: rotate(90deg); }

.yoksay-btn { margin-left: auto; color: var(--murekkep-soluk); }

    .yoksay-btn:hover { background: var(--kagit-koyu); }

.cozum-panel { display: none; padding: 18px; background: var(--kagit); border-top: 1px solid var(--cizgi); }

.cozum-ozet { font-size: 14.5px; line-height: 1.6; color: var(--murekkep); margin-bottom: 12px; }

.cozum-adimlar { margin: 0 0 14px 18px; display: flex; flex-direction: column; gap: 7px; }

    .cozum-adimlar li { font-size: 13.5px; line-height: 1.55; color: var(--murekkep-soluk); }

.kod-blok { position: relative; background: var(--murekkep); border-radius: 10px; padding: 16px; overflow-x: auto; }

.kod-dil { position: absolute; top: 8px; right: 12px; font-size: 10px; letter-spacing: 0.1em; color: rgba(246, 243, 236, 0.4); text-transform: uppercase; }

.kod-blok pre { font-size: 12.5px; line-height: 1.6; color: #d9d3f5; white-space: pre; margin: 0; }

.etkilenen-blok { margin-top: 14px; padding-top: 14px; border-top: 1px dashed var(--cizgi); }

.etkilenen-baslik { font-size: 10.5px; font-weight: 600; letter-spacing: 0.1em; color: var(--nobet); }

.etkilenen-liste { list-style: none; display: flex; flex-direction: column; gap: 6px; margin-top: 10px; max-height: 260px; overflow-y: auto; padding: 0; }

    .etkilenen-liste li a { font-size: 12.5px; color: var(--murekkep-soluk); text-decoration: none; word-break: break-all; display: block; padding: 7px 10px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 6px; }

        .etkilenen-liste li a:hover { border-color: var(--nobet); color: var(--nobet); }

.yoksayilan-bolum { margin-top: 36px; }

.yoksayilan-uyari { display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: var(--sinyal-amber-acik); border: 1px solid var(--sinyal-amber); border-radius: 10px; font-size: 13.5px; color: var(--sinyal-amber); margin-bottom: 14px; }

.yoksayilan-ikon { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: var(--sinyal-amber); color: #fff; font-weight: 700; font-size: 12px; flex-shrink: 0; }

.sorun-kart-yoksayili { opacity: 0.62; }

.onem-yoksayili { background: var(--kagit-koyu); color: var(--murekkep-soluk); }


.sorun-kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 12px; margin-bottom: 12px; overflow: hidden; }

.sorun-ust { display: flex; align-items: flex-start; gap: 14px; padding: 16px 18px; }

.sorun-govde { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 0; }

.sorun-baslik { font-weight: 700; font-size: 15px; line-height: 1.35; color: var(--murekkep); }

.sorun-detay { font-size: 13.5px; line-height: 1.5; color: var(--murekkep-soluk); }

.sorun-tarih { font-size: 11px; color: var(--murekkep-soluk); margin-top: 4px; }

/* ONEM ROZETLERI */
.onem-rozet { font-size: 10px; font-weight: 700; letter-spacing: 0.08em; padding: 4px 8px; border-radius: 4px; height: fit-content; flex-shrink: 0; white-space: nowrap; }

.onem-kritik { background: var(--sinyal-kirmizi); color: #fff; }

.onem-orta { background: var(--sinyal-amber-acik); color: var(--sinyal-amber); }

.onem-dusuk { background: var(--kagit-koyu); color: var(--murekkep-soluk); }

.sayi-rozet { font-size: 12px; font-weight: 600; background: var(--kagit-koyu); color: var(--murekkep-soluk); padding: 2px 9px; border-radius: 100px; margin-left: 6px; }

/* ---------------------------------------------------------- */
/* BOLUM BASLIK SATIRI                                         */
/* ---------------------------------------------------------- */

.bolum-baslik-satir { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; }

.sunucu-rozet { font-size: 10.5px; font-weight: 600; letter-spacing: 0.1em; color: var(--murekkep-soluk); background: var(--kagit-koyu); border: 1px solid var(--cizgi); padding: 5px 10px; border-radius: 100px; }

/* SORUN KART ALT BARI */
.sorun-alt { display: flex; align-items: center; gap: 8px; padding: 12px 18px; border-top: 1px dashed var(--cizgi); flex-wrap: wrap; }

.cozum-ac-btn,
.yoksay-btn { background: transparent; border: 1px solid var(--cizgi); border-radius: 100px; padding: 7px 14px; font-family: var(--govde-font); font-size: 12.5px; font-weight: 600; color: var(--murekkep); cursor: pointer; transition: background-color 200ms cubic-bezier(0.32, 0.72, 0, 1), border-color 200ms cubic-bezier(0.32, 0.72, 0, 1); }

.cozum-ac-btn { border-color: var(--nobet); color: var(--nobet); display: inline-flex; align-items: center; gap: 6px; }

    .cozum-ac-btn:hover { background: var(--nobet-acik); }

.cozum-ok { display: inline-block; font-weight: 700; transition: transform 200ms cubic-bezier(0.32, 0.72, 0, 1); }

.cozum-ac-btn.acik .cozum-ok { transform: rotate(90deg); }

.etkilenen-sayac { font-size: 11.5px; color: var(--murekkep-soluk); }

.yoksay-btn { margin-left: auto; color: var(--murekkep-soluk); }

    .yoksay-btn:hover { background: var(--kagit-koyu); border-color: var(--murekkep-soluk); }

.yoksay-btn-geri { margin-left: 0; border-color: var(--nobet); color: var(--nobet); }

    .yoksay-btn-geri:hover { background: var(--nobet-acik); border-color: var(--nobet); }

/* COZUM PANELI */
.cozum-panel { display: none; padding: 18px; background: var(--kagit); border-top: 1px solid var(--cizgi); }

.cozum-ozet { font-size: 14.5px; line-height: 1.6; color: var(--murekkep); margin-bottom: 12px; }

.cozum-adimlar { margin: 0 0 14px 18px; display: flex; flex-direction: column; gap: 7px; }

    .cozum-adimlar li { font-size: 13.5px; line-height: 1.55; color: var(--murekkep-soluk); padding-left: 4px; }

/* KOD BLOGU */
.kod-blok { position: relative; background: var(--murekkep); border-radius: 10px; padding: 16px; overflow-x: auto; }

.kod-dil { position: absolute; top: 8px; right: 12px; font-size: 10px; letter-spacing: 0.1em; color: rgba(246, 243, 236, 0.4); text-transform: uppercase; }

.kod-blok pre { font-size: 12.5px; line-height: 1.6; color: #d9d3f5; white-space: pre; margin: 0; }

/* ETKILENEN ADRESLER */
.etkilenen-blok { margin-top: 14px; padding-top: 14px; border-top: 1px dashed var(--cizgi); }

.etkilenen-baslik { font-size: 10.5px; font-weight: 600; letter-spacing: 0.1em; color: var(--nobet); }

.etkilenen-liste { list-style: none; display: flex; flex-direction: column; gap: 6px; margin-top: 10px; max-height: 280px; overflow-y: auto; padding: 0; }

    .etkilenen-liste li a { font-size: 12.5px; color: var(--murekkep-soluk); text-decoration: none; word-break: break-all; display: block; padding: 8px 10px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 6px; transition: border-color 150ms, color 150ms; }

        .etkilenen-liste li a:hover { border-color: var(--nobet); color: var(--nobet); text-decoration: none; }

/* YOKSAYILAN BOLUM */
.yoksayilan-bolum { margin-top: 36px; }

.yoksayilan-uyari { display: flex; align-items: flex-start; gap: 12px; padding: 14px 18px; background: var(--sinyal-amber-acik); border: 1px solid var(--sinyal-amber); border-radius: 10px; font-size: 13.5px; line-height: 1.5; color: var(--sinyal-amber); margin-bottom: 14px; }

    .yoksayilan-uyari strong { font-weight: 700; }

.yoksayilan-ikon { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: var(--sinyal-amber); color: #fff; font-weight: 700; font-size: 12px; flex-shrink: 0; margin-top: 1px; }

.sorun-kart-yoksayili { opacity: 0.62; }

    .sorun-kart-yoksayili:hover { opacity: 1; }

.onem-yoksayili { background: var(--kagit-koyu); color: var(--murekkep-soluk); }

/* BOS DURUM */
.bos-durum { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 40px 20px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 12px; color: var(--murekkep-soluk); }

.bos-ikon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--sinyal-yesil-acik); color: var(--sinyal-yesil); font-size: 18px; font-weight: 700; }

@media (prefers-reduced-motion: reduce) {
    .cozum-ok,
    .cozum-ac-btn,
    .yoksay-btn,
    .etkilenen-liste li a { transition: none; }
}


.bolum-baslik-satir { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; }

.sunucu-rozet { font-size: 10.5px; font-weight: 600; letter-spacing: 0.1em; color: var(--murekkep-soluk); background: var(--kagit-koyu); border: 1px solid var(--cizgi); padding: 5px 10px; border-radius: 100px; }

/* SORUN KART ALT BARI */
.sorun-alt { display: flex; align-items: center; gap: 8px; padding: 12px 18px; border-top: 1px dashed var(--cizgi); flex-wrap: wrap; }

.cozum-ac-btn,
.yoksay-btn { background: transparent; border: 1px solid var(--cizgi); border-radius: 100px; padding: 7px 14px; font-family: var(--govde-font); font-size: 12.5px; font-weight: 600; color: var(--murekkep); cursor: pointer; transition: background-color 200ms cubic-bezier(0.32, 0.72, 0, 1), border-color 200ms cubic-bezier(0.32, 0.72, 0, 1); }

.cozum-ac-btn { border-color: var(--nobet); color: var(--nobet); display: inline-flex; align-items: center; gap: 6px; }

    .cozum-ac-btn:hover { background: var(--nobet-acik); }

.cozum-ok { display: inline-block; font-weight: 700; transition: transform 200ms cubic-bezier(0.32, 0.72, 0, 1); }

.cozum-ac-btn.acik .cozum-ok { transform: rotate(90deg); }

.etkilenen-sayac { font-size: 11.5px; color: var(--murekkep-soluk); }

.yoksay-btn { margin-left: auto; color: var(--murekkep-soluk); }

    .yoksay-btn:hover { background: var(--kagit-koyu); border-color: var(--murekkep-soluk); }

.yoksay-btn-geri { margin-left: 0; border-color: var(--nobet); color: var(--nobet); }

    .yoksay-btn-geri:hover { background: var(--nobet-acik); border-color: var(--nobet); }

/* COZUM PANELI */
.cozum-panel { display: none; padding: 18px; background: var(--kagit); border-top: 1px solid var(--cizgi); }

.cozum-ozet { font-size: 14.5px; line-height: 1.6; color: var(--murekkep); margin-bottom: 12px; }

.cozum-adimlar { margin: 0 0 14px 18px; display: flex; flex-direction: column; gap: 7px; }

    .cozum-adimlar li { font-size: 13.5px; line-height: 1.55; color: var(--murekkep-soluk); padding-left: 4px; }

/* KOD BLOGU */
.kod-blok { position: relative; background: var(--murekkep); border-radius: 10px; padding: 16px; overflow-x: auto; }

.kod-dil { position: absolute; top: 8px; right: 12px; font-size: 10px; letter-spacing: 0.1em; color: rgba(246, 243, 236, 0.4); text-transform: uppercase; }

.kod-blok pre { font-size: 12.5px; line-height: 1.6; color: #d9d3f5; white-space: pre; margin: 0; }

/* ETKILENEN ADRESLER */
.etkilenen-blok { margin-top: 14px; padding-top: 14px; border-top: 1px dashed var(--cizgi); }

.etkilenen-baslik { font-size: 10.5px; font-weight: 600; letter-spacing: 0.1em; color: var(--nobet); }

.etkilenen-liste { list-style: none; display: flex; flex-direction: column; gap: 6px; margin-top: 10px; max-height: 280px; overflow-y: auto; padding: 0; }

    .etkilenen-liste li a { font-size: 12.5px; color: var(--murekkep-soluk); text-decoration: none; word-break: break-all; display: block; padding: 8px 10px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 6px; transition: border-color 150ms, color 150ms; }

        .etkilenen-liste li a:hover { border-color: var(--nobet); color: var(--nobet); text-decoration: none; }

/* YOKSAYILAN BOLUM */
.yoksayilan-bolum { margin-top: 36px; }

.yoksayilan-uyari { display: flex; align-items: flex-start; gap: 12px; padding: 14px 18px; background: var(--sinyal-amber-acik); border: 1px solid var(--sinyal-amber); border-radius: 10px; font-size: 13.5px; line-height: 1.5; color: var(--sinyal-amber); margin-bottom: 14px; }

    .yoksayilan-uyari strong { font-weight: 700; }

.yoksayilan-ikon { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: var(--sinyal-amber); color: #fff; font-weight: 700; font-size: 12px; flex-shrink: 0; margin-top: 1px; }

.sorun-kart-yoksayili { opacity: 0.62; }

    .sorun-kart-yoksayili:hover { opacity: 1; }

.onem-yoksayili { background: var(--kagit-koyu); color: var(--murekkep-soluk); }

/* BOS DURUM */
.bos-durum { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 40px 20px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 12px; color: var(--murekkep-soluk); }

.bos-ikon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--sinyal-yesil-acik); color: var(--sinyal-yesil); font-size: 18px; font-weight: 700; }

@media (prefers-reduced-motion: reduce) {
    .cozum-ok,
    .cozum-ac-btn,
    .yoksay-btn,
    .etkilenen-liste li a { transition: none; }
}

.kapsam-band { display: flex; align-items: flex-start; gap: 12px; padding: 12px 16px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; margin-bottom: 16px; font-size: 13.5px; line-height: 1.55; color: var(--murekkep-soluk); }

.kapsam-band-limit { background: var(--nobet-acik); border-color: var(--nobet); }

.kapsam-ikon { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: var(--sinyal-yesil); color: #fff; font-weight: 700; font-size: 11px; flex-shrink: 0; margin-top: 1px; }

.kapsam-band-limit .kapsam-ikon { background: var(--nobet); font-family: var(--mono-font); }

.kapsam-govde { display: flex; flex-direction: column; gap: 6px; }

.kapsam-metin strong { color: var(--murekkep); font-weight: 700; }

.kapsam-band-limit .kapsam-metin { color: var(--murekkep); }

.kapsam-link { font-size: 13px; font-weight: 600; color: var(--nobet); text-decoration: none; width: fit-content; }

    .kapsam-link:hover { text-decoration: underline; }


.tarama-cubugu { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; margin-bottom: 16px; flex-wrap: wrap; }

.tarama-sol { display: flex; flex-direction: column; gap: 3px; }

.tarama-baslik { font-size: 14px; font-weight: 700; color: var(--murekkep); }

.tarama-not { font-size: 10.5px; letter-spacing: 0.06em; color: var(--murekkep-soluk); }

.tarama-sag { display: flex; align-items: center; gap: 8px; }

.tarama-secim { font-family: var(--govde-font); font-size: 13px; color: var(--murekkep); background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 8px; padding: 8px 10px; cursor: pointer; }

    .tarama-secim:focus { outline: none; border-color: var(--nobet); }

.tarama-btn { font-family: var(--govde-font); font-size: 13px; font-weight: 600; color: #fff; background: var(--nobet); border: 1px solid var(--nobet); border-radius: 8px; padding: 8px 18px; cursor: pointer; min-width: 116px; transition: background 0.15s ease; }

    .tarama-btn:hover:not(:disabled) { background: var(--nobet-koyu); }

    .tarama-btn:disabled { cursor: not-allowed; opacity: 0.55; }

.tarama-btn-kilit { font-family: var(--mono-font); background: var(--murekkep-soluk); border-color: var(--murekkep-soluk); }

@media (max-width: 560px) {
    .tarama-cubugu { flex-direction: column; align-items: stretch; }

    .tarama-sag { justify-content: space-between; }

    .tarama-secim { flex: 1; }
}

.onay-kilit { overflow: hidden; }

.onay-katman { position: fixed; inset: 0; z-index: 900; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(25, 25, 25, 0.44); backdrop-filter: blur(2px); opacity: 0; transition: opacity 0.18s ease; }

.onay-katman-acik { opacity: 1; }

    .onay-katman-acik .onay-kutu { transform: translateY(0) scale(1); }


.onay-kutu-tehlikeli::before { background: var(--sinyal-kirmizi); }

.onay-baslik { font-family: var(--baslik-font); font-size: 19px; font-weight: 700; line-height: 1.3; color: var(--murekkep); margin: 0 0 8px; }

.onay-mesaj { font-size: 14px; line-height: 1.6; color: var(--murekkep-soluk); margin: 0; }

.onay-ayak { display: flex; justify-content: flex-end; gap: 8px; margin-top: 22px; }

.onay-btn { font-family: var(--govde-font); font-size: 13.5px; font-weight: 600; border-radius: 8px; padding: 9px 18px; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; }

    .onay-btn:focus-visible { outline: 2px solid var(--nobet); outline-offset: 2px; }

.onay-btn-iptal { color: var(--murekkep-soluk); background: transparent; border: 1px solid var(--cizgi); }

    .onay-btn-iptal:hover { background: var(--kagit-koyu); color: var(--murekkep); }

.onay-btn-onay { color: #fff; background: var(--nobet); border: 1px solid var(--nobet); }

    .onay-btn-onay:hover { background: var(--nobet-koyu); }

.onay-btn-tehlikeli { background: var(--sinyal-kirmizi); border-color: var(--sinyal-kirmizi); }

    .onay-btn-tehlikeli:hover { background: #a32d21; border-color: #a32d21; }

@media (prefers-reduced-motion: reduce) {
    .onay-katman,
    .onay-kutu-check { transition: none; }
}

/* ---------- Site önizleme ---------- */

.onizleme-cerceve { position: relative; display: block; aspect-ratio: 1280 / 800; overflow: hidden; background: var(--kagit-koyu); border: 1px solid var(--cizgi); border-radius: 10px; }

.onizleme-gorsel { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }

.onizleme-yok { display: flex; align-items: center; justify-content: center; height: 100%; font-family: var(--mono-font); font-size: 10.5px; letter-spacing: 0.06em; color: var(--murekkep-soluk); text-align: center; padding: 12px; }

.onizleme-zaman { position: absolute; left: 8px; bottom: 8px; font-family: var(--mono-font); font-size: 9.5px; letter-spacing: 0.05em; color: #fff; background: rgba(25, 25, 25, 0.62); border-radius: 4px; padding: 3px 6px; }

.onizleme-detay { max-width: 100%; margin-bottom: 16px; }

    .onizleme-detay .onizleme-cerceve { border-radius: 12px; }

.site-kart-onizleme { margin-bottom: 12px; }

@media (max-width: 560px) {
    .onizleme-detay { max-width: 100%; }
}

.nobet-seridi { z-index: 2; }


.site-kart-onizleme { position: relative; margin: -22px -22px 2px; aspect-ratio: 16 / 9; overflow: hidden; background: var(--kagit-koyu); border-bottom: 1px solid var(--cizgi); }


/* --- Detay sayfasindaki onizleme (degismedi) --- */

.onizleme-detay { max-width: 100%; margin-bottom: 16px; }

.onizleme-cerceve { position: relative; display: block; aspect-ratio: 1280 / 800; overflow: hidden; background: var(--kagit-koyu); border: 1px solid var(--cizgi); border-radius: 12px; }


/* --- Ortak --- */

.onizleme-gorsel { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }

.onizleme-yok { display: flex; align-items: center; justify-content: center; height: 100%; font-family: var(--mono-font); font-size: 10px; letter-spacing: 0.06em; color: var(--murekkep-soluk); text-align: center; padding: 12px; }

.onizleme-zaman { position: absolute; left: 8px; bottom: 8px; font-family: var(--mono-font); font-size: 9.5px; letter-spacing: 0.05em; color: #fff; background: rgba(25, 25, 25, 0.62); border-radius: 4px; padding: 3px 6px; }

@media (max-width: 560px) {
    .onizleme-detay { max-width: 100%; }
}


.suruyor-band { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; margin-bottom: 18px; background: var(--nobet-acik); border: 1px solid #d9d3ff; border-radius: 10px; }

.suruyor-nokta { flex: 0 0 auto; width: 8px; height: 8px; margin-top: 5px; border-radius: 50%; background: var(--nobet); animation: suruyor-nabiz 1.6s ease-in-out infinite; }

@keyframes suruyor-nabiz {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.35; transform: scale(0.8); }
}

.suruyor-govde { display: flex; flex-direction: column; gap: 8px; }

.suruyor-metin { font-size: 13.5px; line-height: 1.55; color: var(--murekkep); }

.suruyor-rozetler { display: flex; flex-wrap: wrap; gap: 5px; }

.suruyor-rozet { font-size: 10px; letter-spacing: 0.04em; padding: 3px 7px; border-radius: 4px; background: var(--kart); border: 1px solid #d9d3ff; color: var(--murekkep-soluk); }

.suruyor-rozet-aktif { background: var(--nobet); border-color: var(--nobet); color: #fff; }

.bos-durum-bekleme { background: var(--nobet-acik); border-color: #d9d3ff; }

    .bos-durum-bekleme .bos-ikon { color: var(--nobet); }

.sorun-baslik-satir { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; }

.modul-rozet { flex: 0 0 auto; font-size: 9.5px; letter-spacing: 0.05em; text-transform: uppercase; padding: 2px 6px; border-radius: 4px; background: var(--kagit-koyu); color: var(--murekkep-soluk); border: 1px solid var(--cizgi); }

@media (prefers-reduced-motion: reduce) {
    .suruyor-nokta { animation: none; }
}


.form-yardim-link { margin-left: auto; font-size: 12.5px; color: var(--nobet); text-decoration: none; }

    .form-yardim-link:hover { text-decoration: underline; }

.hesap-not { margin-top: 14px; font-size: 12.5px; line-height: 1.6; color: var(--murekkep-soluk); }

/* ---------- Profil ---------- */

.profil-sayfa { max-width: 900px; }

.profil-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 16px; margin-bottom: 16px; }

.profil-kart { position: relative; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 12px; padding: 22px; overflow: hidden; }

    .profil-kart::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--nobet); opacity: 0.16; }

.profil-kart-genis { grid-column: 1 / -1; }

.profil-kart-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; }

.profil-kart-baslik { font-family: var(--baslik-font); font-size: 16px; font-weight: 700; color: var(--murekkep); margin: 0 0 16px; }

.profil-kart-ust .profil-kart-baslik { margin-bottom: 0; }

.profil-form { display: flex; flex-direction: column; gap: 14px; }

.form-girdi-kilitli { background: var(--kagit-koyu); color: var(--murekkep-soluk); cursor: not-allowed; }

.form-not { font-size: 11.5px; line-height: 1.5; color: var(--murekkep-soluk); }

    .form-not a { color: var(--nobet); }

.profil-aciklama { font-size: 13px; line-height: 1.6; color: var(--murekkep-soluk); margin: 14px 0 16px; }

.alici-sayac { font-size: 11px; letter-spacing: 0.05em; color: var(--murekkep-soluk); background: var(--kagit-koyu); border-radius: 5px; padding: 3px 8px; }

.alici-bos { font-size: 10.5px; letter-spacing: 0.06em; color: var(--murekkep-soluk); text-align: center; padding: 18px; background: var(--kagit); border: 1px dashed var(--cizgi); border-radius: 8px; margin-bottom: 14px; }

.alici-liste { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-direction: column; gap: 8px; }

.alici-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 14px; background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 8px; }

.alici-govde { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }

.alici-eposta { font-size: 13.5px; color: var(--murekkep); }

.alici-rozet { font-size: 9px; letter-spacing: 0.06em; padding: 2px 6px; border-radius: 4px; }

.alici-rozet-onayli { background: var(--sinyal-yesil-acik); color: var(--sinyal-yesil); }

.alici-rozet-bekliyor { background: var(--sinyal-amber-acik); color: var(--sinyal-amber); }

.alici-sil-btn { flex: 0 0 auto; font-family: var(--govde-font); font-size: 12px; color: var(--murekkep-soluk); background: transparent; border: 1px solid var(--cizgi); border-radius: 6px; padding: 5px 12px; cursor: pointer; }

    .alici-sil-btn:hover { color: var(--sinyal-kirmizi); border-color: var(--sinyal-kirmizi); }

.alici-uyari { display: flex; align-items: flex-start; gap: 9px; padding: 11px 13px; margin-bottom: 14px; background: var(--sinyal-amber-acik); border: 1px solid #f0dcae; border-radius: 8px; font-size: 12.5px; line-height: 1.55; color: var(--murekkep); }

.alici-uyari-ikon { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 1px; border-radius: 50%; background: var(--sinyal-amber); color: #fff; font-size: 11px; font-weight: 700; text-align: center; line-height: 16px; }

.alici-ekle-form { display: flex; gap: 8px; margin-bottom: 8px; }

    .alici-ekle-form .form-girdi { flex: 1 1 auto; }

    .alici-ekle-form .btn { flex: 0 0 auto; }

@media (max-width: 520px) {
    .alici-ekle-form { flex-direction: column; }

    .alici-satir { flex-direction: column; align-items: flex-start; }
}

.plan-disi-band { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 15px 18px; margin-bottom: 18px; background: var(--sinyal-amber-acik); border: 1px solid #f0dcae; border-radius: 10px; }

.plan-disi-govde { display: flex; flex-direction: column; gap: 4px; flex: 1 1 320px; }

.plan-disi-baslik { font-size: 14px; font-weight: 600; color: var(--murekkep); }

.plan-disi-metin { font-size: 12.5px; line-height: 1.55; color: var(--murekkep-soluk); }

.plan-disi-btn { flex: 0 0 auto; }

.plan-disi-rozet { position: absolute; top: 10px; right: 10px; z-index: 3; font-size: 8.5px; letter-spacing: 0.06em; padding: 3px 7px; border-radius: 4px; background: var(--sinyal-amber); color: #fff; }

.site-kart-plan-disi { border-color: #f0dcae; }

    .site-kart-plan-disi .site-kart-onizleme { opacity: 0.45; filter: grayscale(1); }

    .site-kart-plan-disi .nobet-seridi { background: var(--sinyal-amber); }

@media (max-width: 560px) {
    .plan-disi-band { flex-direction: column; align-items: stretch; }

    .plan-disi-btn { text-align: center; }
}


.onay-kilit { overflow: hidden; }

.onay-katman { position: fixed; inset: 0; z-index: 900; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(25, 25, 25, 0.44); backdrop-filter: blur(2px); opacity: 0; transition: opacity 0.18s ease; }

.onay-katman-acik { opacity: 1; }

.onay-kutu { width: 100%; max-width: 460px; background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 14px; padding: 26px 26px 20px; box-shadow: 0 18px 50px rgba(25, 25, 25, 0.18); transform: translateY(8px) scale(0.98); transition: transform 0.18s ease; }

.onay-katman-acik .onay-kutu { transform: translateY(0) scale(1); }

.onay-kutu::before { content: ""; display: block; width: 34px; height: 3px; background: var(--nobet); border-radius: 2px; margin-bottom: 16px; }

.onay-kutu-tehlikeli::before { background: var(--sinyal-kirmizi); }

.onay-baslik { font-family: var(--baslik-font); font-size: 19px; font-weight: 700; line-height: 1.3; color: var(--murekkep); margin: 0 0 8px; }

.onay-mesaj { font-size: 14px; line-height: 1.6; color: var(--murekkep-soluk); margin: 0; }

.onay-ayak { display: flex; justify-content: flex-end; gap: 8px; margin-top: 22px; }

.onay-btn { font-family: var(--govde-font); font-size: 13.5px; font-weight: 600; border-radius: 8px; padding: 9px 18px; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; }

    .onay-btn:focus-visible { outline: 2px solid var(--nobet); outline-offset: 2px; }

.onay-btn-iptal { color: var(--murekkep-soluk); background: transparent; border: 1px solid var(--cizgi); }

    .onay-btn-iptal:hover { background: var(--kagit-koyu); color: var(--murekkep); }

.onay-btn-onay { color: #fff; background: var(--nobet); border: 1px solid var(--nobet); }

    .onay-btn-onay:hover { background: var(--nobet-koyu); }

.onay-btn-tehlikeli { background: var(--sinyal-kirmizi); border-color: var(--sinyal-kirmizi); }

    .onay-btn-tehlikeli:hover { background: #a32d21; border-color: #a32d21; }

@media (prefers-reduced-motion: reduce) {
    .onay-katman,
    .onay-kutu { transition: none; }
}


.nav-hesap { position: relative; }

.nav-hesap-btn { font-family: var(--govde-font); font-size: 14px; color: var(--cizgi); background: transparent; border: none; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; padding: 6px 4px; }

.nav-hesap-ok { font-size: 10px; color: var(--murekkep-soluk); transition: transform 0.15s ease; }

.nav-hesap-menu { position: absolute; top: calc(100% + 8px); right: 0; min-width: 180px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; box-shadow: 0 12px 34px rgba(25, 25, 25, 0.12); padding: 6px; opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s; z-index: 200; }

.nav-hesap.acik .nav-hesap-menu { opacity: 1; visibility: visible; transform: translateY(0); }

.nav-hesap.acik .nav-hesap-ok { transform: rotate(180deg); }

.nav-hesap-oge { display: block; width: 100%; text-align: left; font-family: var(--govde-font); font-size: 13.5px; color: var(--murekkep); text-decoration: none; padding: 9px 12px; border-radius: 7px; background: transparent; border: none; cursor: pointer; }

    .nav-hesap-oge:hover { background: var(--kagit-koyu); }

.nav-hesap-ayrac { height: 1px; background: var(--cizgi); margin: 5px 8px; }

.nav-hesap-cikis { margin: 0; }

.nav-hesap-cikis-btn { color: var(--sinyal-kirmizi); }

@media (prefers-reduced-motion: reduce) {
    .nav-hesap-menu,
    .nav-hesap-ok { transition: none; }
}



.logo { font-family: 'Fraunces', Georgia, serif; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.02em; display: flex; align-items: center; gap: 0.6rem; color: var(--kagit-koyu); min-width: 300px; }

.logo-mark { width: 32px; height: 32px; border-radius: 50%; background: var(--nobet); position: relative; overflow: hidden; }

    .logo-mark::before { content: ""; position: absolute; inset: 3px 4px 4px 4px; border-radius: 50%; background: var(--bg-dark); }

    .logo-mark::after { content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-radius: 50%; background: var(--nobet); transform: translate(-50%, -50%); animation: pulse 2.4s var(--ease) infinite; }

@keyframes pulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    50% { transform: translate(-50%, -50%) scale(1.6); opacity: 0.5; }
}

.logo em { font-style: italic; color: var(--nobet); }


.lp-mk-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }

.lp-kademe-etiket { display: inline-block; font-size: 9px; font-weight: 700; letter-spacing: 0.08em; padding: 2px 6px; border-radius: 4px; flex: 0 0 auto; }

.lp-k-free { background: var(--kagit-koyu); color: var(--murekkep-soluk); }

.lp-k-basic { background: var(--sinyal-yesil-acik); color: var(--sinyal-yesil); }

.lp-k-pro { background: var(--nobet-acik); color: var(--nobet); }

/* modul kartinda kod artik lp-mk-ust icinde; eski margin'i sifirla */
.lp-mk-ust .lp-mk-kod { margin-bottom: 0; }

/* ---------- 4'lu plan grid ---------- */

.lp-plan-grid.lp-plan-grid-4 { grid-template-columns: repeat(4, 1fr); max-width: 1120px; }

/* 4 kart dar ekranda 2'ye, sonra 1'e dussun */
@media (max-width: 1100px) {
    .lp-plan-grid.lp-plan-grid-4 { grid-template-columns: repeat(2, 1fr); max-width: 640px; }
}

@media (max-width: 560px) {
    .lp-plan-grid-4 { grid-template-columns: 1fr; max-width: 380px; }
}

/* ---------- Fiyat: "Bize ulasin" yazi hali ---------- */

.lp-plan-fiyat-yazi { font-size: 26px; font-weight: 700; letter-spacing: -0.02em; line-height: 1; color: var(--murekkep); }

/* fiyat blogu min yukseklik -- kartlar hizali kalsin */
.lp-plan-fiyat-blok { min-height: 48px; display: flex; align-items: baseline; gap: 4px; }

/* ---------- Site sayisi rozeti ---------- */

.lp-plan-site { font-size: 11px; letter-spacing: 0.06em; color: var(--murekkep-soluk); background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 6px; padding: 6px 10px; text-align: center; margin: 4px 0 14px; }

.lp-plan-one .lp-plan-site { background: var(--nobet-acik); border-color: #d9d3ff; color: var(--nobet); }

/* ---------- 4 kart icin kart ic bosluk ayari ---------- */

.lp-plan-grid.lp-plan-grid-4 .lp-plan-kart { padding: 24px 20px; }

.lp-plan-grid.lp-plan-grid-4 .lp-plan-fiyat { font-size: 38px; }
.btn-giris { background: var(--kagit) !important; }
.wa-rozet { font-size: 10px; letter-spacing: 0.05em; padding: 3px 8px; border-radius: 5px; background: var(--nobet-acik); color: var(--nobet); }

.wa-form { display: flex; flex-direction: column; gap: 14px; }

.wa-onay-satir { display: flex; align-items: flex-start; gap: 9px; font-size: 13px; line-height: 1.55; color: var(--murekkep); cursor: pointer; }

    .wa-onay-satir input { margin-top: 2px; flex: 0 0 auto; }

.wa-durum { display: flex; align-items: center; gap: 9px; padding: 10px 12px; background: var(--kagit); border: 1px solid var(--cizgi); border-radius: 8px; }

.wa-durum-rozet { font-size: 9.5px; letter-spacing: 0.05em; padding: 2px 7px; border-radius: 4px; }

.wa-durum-acik { background: var(--sinyal-yesil-acik); color: var(--sinyal-yesil); }

.wa-durum-kapali { background: var(--kagit-koyu); color: var(--murekkep-soluk); }

.wa-durum-metin { font-size: 12.5px; color: var(--murekkep-soluk); }

.bot-kod { background: var(--kagit-koyu); border: 1px solid var(--cizgi); border-radius: 8px; padding: 12px 14px; font-size: 13px; color: var(--murekkep); line-height: 1.6; }
t
/* WhatsApp OTP dogrulama modali */
.otp-modal-arka { display: none; position: fixed; inset: 0; z-index: 1000; background: rgba(25, 25, 25, 0.55); align-items: center; justify-content: center; padding: 20px; }
.otp-modal-arka.acik { display: flex; }
.otp-modal { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 16px; max-width: 420px; width: 100%; padding: 28px; box-shadow: 0 20px 60px rgba(25, 25, 25, 0.25); }
.otp-modal-baslik { margin: 0 0 8px 0; font-size: 19px; font-weight: 800; color: var(--murekkep); letter-spacing: -0.3px; }
.otp-modal-aciklama { margin: 0 0 20px 0; font-size: 13.5px; color: var(--murekkep-soluk); line-height: 1.6; }
.otp-kod-girdi { width: 100%; box-sizing: border-box; text-align: center; font-size: 30px; font-weight: 700; letter-spacing: 12px; padding: 14px 10px; border: 1.5px solid var(--cizgi); border-radius: 10px; background: var(--kagit); color: var(--murekkep); }
    .otp-kod-girdi:focus { outline: none; border-color: var(--nobet); }
.otp-modal-butonlar { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }
    .otp-modal-butonlar .btn { width: 100%; }


/* Lansman/kampanya indirimi: ustu cizili eski fiyat + rozet */
.lp-plan-eski-fiyat { font-size: 20px; font-weight: 600; color: var(--murekkep-soluk); text-decoration: line-through; text-decoration-thickness: 2px; opacity: 0.75; letter-spacing: -0.02em; line-height: 1; }
.lp-plan-indirim-rozet { display: inline-block; background: var(--sinyal-yesil-acik); color: var(--sinyal-yesil); border: 1px solid var(--sinyal-yesil); font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 9px; border-radius: 100px; white-space: nowrap; align-self: center; }
.lp-plan-fiyat-blok { flex-wrap: wrap; row-gap: 4px; }


/* iyzico odeme yontemleri bandi (footer, kosullu) */
.odeme-bandi { width: 100%; padding-bottom: 16px; margin-bottom: 2px; border-bottom: 1px solid var(--cizgi); }
.odeme-bandi-gorsel { display: block; height: 26px; width: auto; max-width: 100%; opacity: 0.9; }

@media (max-width: 560px) {
    .odeme-bandi-gorsel { height: 22px; }
}


/* Google Search Console baglantisi bolumu (OAuth dogrulamasi icin) */
.lp-google { padding-top: 40px; padding-bottom: 96px; }
.lp-google-ic { display: flex; flex-direction: column; }
.lp-google-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.lp-google-kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 14px; padding: 22px 24px; display: flex; flex-direction: column; gap: 10px; }
.lp-google-kart-etiket { font-size: 10.5px; font-weight: 700; letter-spacing: 0.12em; color: var(--nobet); }
.lp-google-kart-metin { font-size: 14px; line-height: 1.65; color: var(--murekkep-soluk); margin: 0; }
    .lp-google-kart-metin strong { color: var(--murekkep); font-weight: 700; }
.lp-google-not { margin: 28px auto 0 auto; max-width: 760px; text-align: center; font-size: 13px; line-height: 1.7; color: var(--murekkep-soluk); }
    .lp-google-not a { color: var(--nobet); text-decoration: underline; }

@media (max-width: 700px) {
    .lp-google { padding-bottom: 64px; }
    .lp-google-kart { padding: 18px 20px; }
}


/* E-posta dogrulama ekrani (OTP) */
.otp-durum { min-height: 18px; margin-top: 10px; text-align: center; font-size: 13px; }
    .otp-durum.otp-basarili { color: var(--sinyal-yesil); }
    .otp-durum.otp-hata { color: var(--sinyal-kirmizi); }
.otp-yardim { margin: 4px 0 18px 0; font-size: 12.5px; line-height: 1.6; color: var(--murekkep-soluk); text-align: center; }