/* İMEREK Danışma — uyap.imerek.com vitrininin saf CSS karşılığı.
   Renkler web-uyap globals.css oklch değişkenleri; marka turuncusu #F24F01.
   Varsayılan koyu tema (html.dark), açık tema değişkenleri :root'ta. */

:root{
  --background:oklch(1 0 0);--foreground:oklch(.145 0 0);
  --card:oklch(1 0 0);--muted:oklch(.97 0 0);--muted-fg:oklch(.556 0 0);
  --accent:oklch(.97 0 0);--border:oklch(.922 0 0);--input:oklch(.922 0 0);
  --primary:oklch(.205 0 0);--primary-fg:oklch(.985 0 0);
  --secondary:oklch(.94 0 0);--secondary-fg:oklch(0 0 0);
  --destructive:oklch(.577 .245 27.325);
  --marka:#F24F01;--marka-koyu:#d94400;--marka-acik:#ff8c00;
  --mavi:#1d5188;--yesil:#22c55e;
  --radius:.625rem;
  --izgara:#00000008;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
html.dark{
  --background:oklch(21.03% .006 285.89);--foreground:oklch(.985 0 0);
  --card:oklch(.145 0 0);--muted:oklch(.269 0 0);--muted-fg:oklch(.708 0 0);
  --accent:oklch(27.39% .005 286.03);--border:oklch(.269 0 0);--input:oklch(.269 0 0);
  --primary:oklch(.985 0 0);--primary-fg:oklch(.205 0 0);
  --secondary:oklch(.269 0 0);--secondary-fg:oklch(.985 0 0);
  --destructive:oklch(.637 .237 25.331);
  --izgara:#ffffff08;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}
html.dark{color-scheme:dark}
body{font-family:var(--sans);background:var(--background);color:var(--foreground);line-height:1.5;letter-spacing:.02em;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}
main.ana{flex:1}
h1,h2,h3,h4{line-height:1.2;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;color:inherit}
input,select,textarea{font:inherit;color:inherit}
svg{display:block}
[hidden]{display:none!important}
.soluk{color:var(--muted-fg)}
.mini{font-size:12px;color:var(--muted-fg);line-height:1.55}
.mini a{text-decoration:underline;text-underline-offset:2px}
.etiket{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--marka)}
.gradyan{background:linear-gradient(90deg,var(--marka),var(--marka-acik));-webkit-background-clip:text;background-clip:text;color:transparent}
.vurgu{color:var(--marka)}

/* ── Görünüme girince belirme ── */
.goster{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.goster.goruldu{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.goster{opacity:1;transform:none;transition:none}}

/* ── Düğmeler ── */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 22px;border-radius:14px;border:1px solid transparent;background:var(--marka);color:#fff;font-weight:700;font-size:14px;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 10px 30px -12px rgba(242,79,1,.5);white-space:nowrap}
.dugme:hover{background:var(--marka-koyu);transform:scale(1.02)}
.dugme:active{transform:scale(.96)}
.dugme:disabled{opacity:.5;cursor:not-allowed;transform:none}
.dugme svg{width:18px;height:18px}
.dugme-buyuk{height:56px;padding:0 32px;font-size:16px;border-radius:16px}
.dugme-genis{width:100%}
.dugme-ikincil{background:color-mix(in oklab,var(--background) 60%,transparent);border-color:var(--border);color:var(--foreground);box-shadow:none;backdrop-filter:blur(6px)}
.dugme-ikincil:hover{background:var(--muted)}
.dugme-google{background:#fff;color:#1f1f1f;border-color:#dadce0;box-shadow:none;height:52px;font-size:15px;width:100%}
.dugme-google:hover{background:#f6f6f6}
.dugme-google svg{width:22px;height:22px}
.baglanti{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--marka)}
.baglanti svg{width:16px;height:16px;transition:transform .2s}
.baglanti:hover svg{transform:translateX(3px)}
.satir-eylem{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

/* ── Piller (üst çubuk) ── */
.pil{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:99px;border:1px solid color-mix(in oklab,var(--foreground) 12%,transparent);background:var(--secondary);color:var(--secondary-fg);font-size:13px;letter-spacing:.02em;transition:background .2s}
.pil:hover{background:color-mix(in oklab,var(--secondary) 80%,transparent)}
.pil svg{width:15px;height:15px}
.pil img{width:22px;height:22px;border-radius:50%;object-fit:cover;margin-left:-6px}
.pil-vurgu{background:var(--marka);color:#fff;border-color:transparent;font-weight:600}
.pil-vurgu:hover{background:var(--marka-koyu)}
.pil-simge{width:32px;padding:0;justify-content:center}
.pil-hesap span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tema .ay,html.dark #tema .gunes{display:none}
html.dark #tema .ay{display:block}
.mobil{display:none}

/* ── Üst çubuk ── */
.ust{position:sticky;top:16px;z-index:50;display:flex;justify-content:center;padding:0 16px;transition:top .3s}
.ust-ic{width:100%;max-width:1120px;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 20px;border-radius:16px;border:1px solid transparent;transition:all .3s}
.ust.kaydi{top:24px}
.ust.kaydi .ust-ic{max-width:900px;border-color:var(--border);background:color-mix(in oklab,var(--background) 75%,transparent);backdrop-filter:blur(16px);box-shadow:0 10px 30px -15px rgba(0,0,0,.5)}
.marka{display:flex;align-items:center;gap:10px}
.logo{width:36px;height:36px;display:block;flex-shrink:0}
.logo svg{width:100%;height:100%}
.marka-ad{font-weight:800;letter-spacing:-.02em;font-size:17px;display:flex;align-items:baseline;gap:6px}
.marka-ad small{font-weight:500;font-size:12px;color:var(--muted-fg);letter-spacing:.06em;text-transform:uppercase}
.menu ul{display:flex;list-style:none;height:32px;padding:0 4px;align-items:center;border-radius:99px;border:1px solid color-mix(in oklab,var(--border) 60%,transparent);background:color-mix(in oklab,var(--background) 50%,transparent);backdrop-filter:blur(10px)}
.menu a{display:flex;align-items:center;height:100%;padding:0 10px;font-size:12px;font-weight:700;letter-spacing:-.01em;color:color-mix(in oklab,var(--foreground) 60%,transparent);border-radius:99px;transition:color .2s,background .2s}
.menu a:hover{color:var(--foreground);background:color-mix(in oklab,var(--accent) 60%,transparent)}
.ust-sag{display:flex;align-items:center;gap:8px}
.cekmece{position:fixed;left:2.5%;right:2.5%;bottom:12px;background:var(--background);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 20px 60px -20px rgba(0,0,0,.6);z-index:60}
.cekmece ul{list-style:none;border:1px solid var(--border);border-radius:10px;margin-bottom:12px}
.cekmece li{border-bottom:1px solid var(--border)}
.cekmece li:last-child{border-bottom:0}
.cekmece a{display:block;padding:11px 12px;font-size:14px;color:color-mix(in oklab,var(--foreground) 70%,transparent)}
.cekmece-eylem{display:flex;gap:8px;flex-wrap:wrap}
.cekmece-eylem .pil{height:40px;flex:1;justify-content:center}
body.cekmece-acik::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:55}

/* ── Kahraman ── */
.kahraman{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:120px 24px 160px;margin-top:-72px}
.parilti{position:absolute;inset:0;pointer-events:none}
.parilti::before{content:"";position:absolute;top:50%;left:50%;width:800px;height:800px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(242,79,1,.06);filter:blur(120px)}
.parilti::after{content:"";position:absolute;top:33%;right:25%;width:400px;height:400px;border-radius:50%;background:rgba(29,81,136,.1);filter:blur(100px)}
.izgara{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--izgara) 1px,transparent 1px),linear-gradient(to bottom,var(--izgara) 1px,transparent 1px);background-size:64px 64px}
.kahraman-ic{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:900px;gap:32px}
.kahraman h1{font-size:clamp(44px,8vw,96px);font-weight:900;letter-spacing:-.045em;line-height:.95;text-wrap:balance}
.kahraman h1 span{display:block}
.kahraman-metin{font-size:clamp(16px,2vw,20px);color:var(--muted-fg);max-width:680px;line-height:1.6}
.kahraman-eylem{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;width:100%}
.istatistik{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:32px;border-top:1px solid color-mix(in oklab,var(--border) 50%,transparent);width:100%}
.istatistik div{display:flex;flex-direction:column;align-items:center;gap:4px}
.istatistik b{font-size:26px;font-weight:900}
.istatistik span{font-size:12px;color:var(--muted-fg);text-align:center;line-height:1.3}
.kaydir{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted-fg);font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.fare{width:20px;height:32px;border-radius:99px;border:1px solid var(--border);display:flex;justify-content:center;padding-top:6px}
.fare i{width:4px;height:6px;border-radius:99px;background:var(--muted-fg);animation:fare 1.5s infinite}
@keyframes fare{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
.goster:nth-child(2){transition-delay:.08s}.goster:nth-child(3){transition-delay:.16s}.goster:nth-child(4){transition-delay:.24s}.goster:nth-child(5){transition-delay:.32s}

/* ── Bölümler ── */
.bolum{position:relative;padding:96px 24px;overflow:hidden}
.bolum:nth-of-type(odd)::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at bottom left,var(--marka) 0%,transparent 55%);opacity:.05;pointer-events:none}
.bolum-ic{position:relative;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:56px}
.dar-ic{max-width:800px}
.bolum-baslik{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.bolum-baslik h2{font-size:clamp(34px,5vw,60px);font-weight:900;letter-spacing:-.04em}
.bolum-baslik .soluk{font-size:17px;max-width:600px;line-height:1.6}
.izgara-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.izgara-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kart{background:color-mix(in oklab,var(--muted) 20%,transparent);border:1px solid color-mix(in oklab,var(--border) 60%,transparent);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px}
.adim{--renk:var(--marka)}
.adim-simge{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in oklab,var(--renk) 10%,transparent);border:1px solid color-mix(in oklab,var(--renk) 20%,transparent);color:var(--renk)}
.adim-simge svg{width:20px;height:20px}
.adim-no{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--renk)}
.adim h3,.konu h3,.fiyat h3{font-size:15px;font-weight:700}
.adim p,.konu p{font-size:13px;color:var(--muted-fg);line-height:1.6}
.cagri{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:18px;border:1px solid rgba(242,79,1,.2);background:rgba(242,79,1,.05);padding:24px 32px;flex-wrap:wrap}
.cagri-baslik{font-weight:700;font-size:18px}
.konu{position:relative;transition:border-color .2s,transform .2s}
.konu:hover{border-color:rgba(242,79,1,.4);transform:translateY(-3px)}
.konu-ok{position:absolute;right:18px;top:18px;color:var(--marka);opacity:0;transition:opacity .2s}
.konu-ok svg{width:16px;height:16px}
.konu:hover .konu-ok{opacity:1}
.guvenlik{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.guvenlik h2{font-size:clamp(34px,4.5vw,54px);font-weight:900;letter-spacing:-.04em;margin:12px 0 16px}
.guvenlik .soluk{font-size:16px;line-height:1.65;margin-bottom:20px}
.maddeler{list-style:none;display:flex;flex-direction:column;gap:10px;margin:14px 0 20px;font-size:14px}
.maddeler li{display:flex;align-items:center;gap:10px}
.maddeler svg{width:16px;height:16px;color:var(--yesil);flex-shrink:0}
.gorsel-kart{position:relative;border-radius:18px;border:1px solid var(--border);background:var(--card);padding:44px 20px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.gorsel-kart .nokta{position:absolute;top:14px;width:10px;height:10px;border-radius:50%;background:var(--muted)}
.gorsel-kart .nokta:nth-child(1){left:16px;background:#ff5f57}.gorsel-kart .nokta:nth-child(2){left:32px;background:#febc2e}.gorsel-kart .nokta:nth-child(3){left:48px;background:#28c840}
.satir-k{border-radius:12px;padding:12px 14px;background:var(--muted);font-size:13px;max-width:85%}
.satir-k b{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-fg);margin-bottom:4px}
.satir-k.asistan{align-self:flex-end;background:rgba(242,79,1,.1);border:1px solid rgba(242,79,1,.2)}
.gorsel-etiket{align-self:center;margin-top:6px;display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.06em;color:var(--muted-fg);border:1px solid var(--border);border-radius:99px;padding:4px 12px}
.gorsel-etiket svg{width:12px;height:12px}
.fiyat{padding:28px;gap:10px}
.fiyat.one{border-color:rgba(242,79,1,.4);background:rgba(242,79,1,.05);box-shadow:0 30px 60px -40px rgba(242,79,1,.6)}
.fiyat h3{font-size:22px;font-weight:800;letter-spacing:-.02em}
.fiyat .dugme{margin-top:auto}
.sss{display:flex;flex-direction:column;gap:10px}
.sss details{border:1px solid var(--border);border-radius:14px;background:color-mix(in oklab,var(--muted) 20%,transparent);overflow:hidden}
.sss summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-weight:600;cursor:pointer}
.sss summary::-webkit-details-marker{display:none}
.sss summary span{width:24px;height:24px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;color:var(--muted-fg);transition:transform .25s;flex-shrink:0}
.sss summary svg{width:12px;height:12px}
.sss details[open] summary span{transform:rotate(45deg)}
.sss p{padding:0 22px 20px;color:var(--muted-fg);font-size:14px;line-height:1.65}

/* ── Alt bilgi ── */
.alt{border-top:1px solid var(--border);padding:64px 24px 40px;background:var(--background)}
.alt-ic{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:40px}
.alt-ust{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.alt-marka{max-width:320px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.alt-marka .logo{width:32px;height:32px}
.alt-marka b{font-size:18px;font-weight:900}
.alt-marka p{width:100%;font-size:13px;color:var(--muted-fg);line-height:1.6;margin-top:6px}
.alt-sutunlar{display:grid;grid-template-columns:repeat(3,auto);gap:40px;font-size:13px}
.alt-sutunlar div{display:flex;flex-direction:column;gap:10px}
.alt-sutunlar a{color:var(--muted-fg)}
.alt-sutunlar a:hover{color:var(--foreground)}
.alt-baslik{font-weight:600;font-size:13px}
.alt-kunye{border-top:1px solid var(--border);padding-top:28px;font-size:12px;color:var(--muted-fg);display:flex;flex-direction:column;gap:4px}
.alt-son{border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted-fg)}

/* ── Dar sayfalar (giriş, rıza, hata) ── */
.dar{max-width:560px;margin:0 auto;padding:120px 20px 80px;display:flex;flex-direction:column;gap:20px}
.kart-orta{gap:16px;padding:32px;background:var(--card)}
.kart-orta h1{font-size:30px;font-weight:900;letter-spacing:-.03em}
.giris .dugme-google{margin-top:8px}
.bildirim{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.55;border:1px solid color-mix(in oklab,var(--destructive) 40%,transparent);background:color-mix(in oklab,var(--destructive) 10%,transparent);color:var(--foreground)}
.bildirim svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--destructive)}
.bildirim.bilgi{border-color:color-mix(in oklab,var(--yesil) 40%,transparent);background:color-mix(in oklab,var(--yesil) 8%,transparent)}
.bildirim.bilgi svg{color:var(--yesil)}
.onay-liste{display:flex;flex-direction:column;gap:10px}
.onay-kutu{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border);border-radius:12px;padding:14px;cursor:pointer;font-size:13px;line-height:1.5}
.onay-kutu.onayli{opacity:.7}
.onay-kutu input{margin-top:3px;width:16px;height:16px;accent-color:var(--marka);flex-shrink:0}
.onay-kutu>span{display:flex;flex-direction:column;gap:4px}
.onay-kutu small{color:var(--muted-fg);font-weight:400}
.onay-kutu a{color:var(--marka);text-decoration:underline;text-underline-offset:2px}
.acik-riza{color:var(--foreground);background:rgba(242,79,1,.08);border-radius:8px;padding:8px 10px;margin-top:4px}

/* ── Hukuki metin sayfası ── */
.legal{max-width:1120px;margin:0 auto;padding:110px 24px 80px;display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start}
.legal-menu{position:sticky;top:100px;display:flex;flex-direction:column;gap:4px}
.legal-menu a{padding:8px 12px;border-radius:8px;font-size:13px;color:var(--muted-fg)}
.legal-menu a:hover,.legal-menu a.secili{background:var(--muted);color:var(--foreground)}
.legal-govde{display:flex;flex-direction:column;gap:12px;max-width:820px}
.legal-govde h1{font-size:34px;font-weight:900;letter-spacing:-.03em}
.madde{border:1px solid color-mix(in oklab,var(--border) 60%,transparent);border-radius:14px;background:color-mix(in oklab,var(--muted) 12%,transparent);overflow:hidden;margin-top:6px}
.madde header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid color-mix(in oklab,var(--border) 50%,transparent);background:color-mix(in oklab,var(--muted) 30%,transparent)}
.madde h2{font-size:14px;font-weight:700;letter-spacing:.02em}
.madde-no{--renk:var(--marka);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--renk);background:color-mix(in oklab,var(--renk) 10%,transparent);border:1px solid color-mix(in oklab,var(--renk) 25%,transparent);flex-shrink:0}
.metin{padding:18px 20px;font-size:14px;line-height:1.7;color:var(--muted-fg);display:flex;flex-direction:column;gap:12px}
.metin h2,.metin h3,.metin h4{color:var(--foreground);font-size:15px;margin-top:6px}
.metin strong{color:var(--foreground)}
.metin a{color:var(--marka);text-decoration:underline;text-underline-offset:2px}
.metin ul,.metin ol{padding-left:22px;display:flex;flex-direction:column;gap:6px}
.metin table{width:100%;border-collapse:collapse;font-size:13px}
.metin th,.metin td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}
.metin th{background:var(--muted);color:var(--foreground)}
.metin blockquote{border-left:3px solid var(--marka);padding:6px 14px;background:var(--muted)}
.metin code{background:var(--muted);padding:1px 5px;border-radius:4px;font-size:12.5px}

/* ── Hesap ── */
.hesap{max-width:1000px;margin:0 auto;padding:110px 24px 80px;display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:start}
.hesap-sol,.hesap-sag{display:flex;flex-direction:column;gap:20px}
.hesap .kart{background:var(--card);gap:16px}
.hesap h2{font-size:24px;font-weight:800;letter-spacing:-.02em}
.hesap-kisi{display:flex;align-items:center;gap:14px}
.hesap-kisi img,.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
.avatar{display:grid;place-items:center;background:var(--marka);color:#fff;font-weight:800;font-size:20px}
.hesap-kisi div{display:flex;flex-direction:column}
.bakiye-buyuk{display:flex;flex-direction:column;gap:2px;padding:16px;border-radius:12px;background:rgba(242,79,1,.06);border:1px solid rgba(242,79,1,.2)}
.bakiye-buyuk b{font-size:36px;font-weight:900;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.onay-ozet{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px}
.onay-ozet li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.onay-ozet svg{width:14px;height:14px;color:var(--yesil)}
.onay-ozet small{color:var(--muted-fg)}
.onay-ozet a{text-decoration:underline;text-underline-offset:2px}
.yukle{display:flex;flex-direction:column;gap:14px}
.hazir-tutar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.hazir-tutar button{height:40px;border-radius:10px;border:1px solid var(--border);background:transparent;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}
.hazir-tutar button:hover,.hazir-tutar button.secili{border-color:var(--marka);background:rgba(242,79,1,.08);color:var(--marka)}
.alan{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--muted-fg)}
.alan input{height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--input);background:var(--background);font-size:16px;font-variant-numeric:tabular-nums;font-weight:500;color:var(--foreground)}
.alan input:focus{outline:none;border-color:var(--marka);box-shadow:0 0 0 3px rgba(242,79,1,.18)}
.onizleme{font-size:13px;color:var(--muted-fg);font-variant-numeric:tabular-nums}
.destek{flex-direction:row;align-items:center;gap:14px;color:inherit}
.destek>svg{width:28px;height:28px;color:#25D366}
.destek span{display:flex;flex-direction:column}

/* ── Sohbet ── */
/* Sohbette üst çubuk yapışkan değil: akış alanı ekranı doldurur, çubuk üstte akışta durur. */
.ust[data-sayfa="sohbet"]{position:relative;top:0;padding-top:12px}
main.sohbet-ana{flex:1;display:grid;grid-template-columns:280px 1fr;height:calc(100vh - 92px);margin-top:12px;max-width:1400px;width:100%;margin-left:auto;margin-right:auto;padding:0 16px 16px;gap:12px;min-height:0}
.yan{display:flex;flex-direction:column;gap:12px;border:1px solid var(--border);border-radius:18px;background:color-mix(in oklab,var(--muted) 15%,transparent);padding:14px;min-height:0}
.yan-ust{display:flex;gap:8px;align-items:center}
.sohbet-liste{list-style:none;flex:1;overflow:auto;display:flex;flex-direction:column;gap:2px;min-height:0}
.sohbet-liste button{width:100%;text-align:left;padding:9px 12px;border-radius:10px;border:0;background:transparent;font-size:13px;color:var(--muted-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sohbet-liste button:hover{background:var(--muted);color:var(--foreground)}
.sohbet-liste li.secili button{background:var(--muted);color:var(--foreground);font-weight:600}
.yan-alt{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:12px}
.bakiye-pil{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(242,79,1,.07);border:1px solid rgba(242,79,1,.2);font-size:12px;color:var(--muted-fg)}
.bakiye-pil b{font-size:15px;color:var(--foreground);font-variant-numeric:tabular-nums}
.akis-alani{display:flex;flex-direction:column;min-height:0;border:1px solid var(--border);border-radius:18px;background:var(--card);overflow:hidden}
.akis-ust{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}
.akis-baslik{flex:1;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.akis{flex:1;overflow:auto;padding:20px 20px 8px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}
.karsilama{margin:auto;max-width:640px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 0}
.logo-buyuk{width:56px;height:56px;border-radius:16px;background:var(--marka);box-shadow:0 20px 40px -20px rgba(242,79,1,.8)}
.karsilama h1{font-size:28px;font-weight:900;letter-spacing:-.03em}
.karsilama .soluk{font-size:14px;line-height:1.6}
.ornekler{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:6px}
.ornekler button{text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:transparent;font-size:13px;color:var(--muted-fg);transition:border-color .2s,color .2s}
.ornekler button:hover{border-color:var(--marka);color:var(--foreground)}
.balon{display:flex;flex-direction:column;max-width:78%;gap:4px}
.balon.kullanici{align-self:flex-end;align-items:flex-end}
.balon.asistan{align-self:flex-start}
.balon.sistem{align-self:center;max-width:640px}
.balon-ic{padding:12px 16px;border-radius:16px;font-size:14.5px;line-height:1.65;white-space:pre-wrap;word-break:break-word}
.balon.kullanici .balon-ic{background:var(--marka);color:#fff;border-bottom-right-radius:6px}
.balon.asistan .balon-ic{background:var(--muted);border-bottom-left-radius:6px;white-space:normal}
.balon.sistem .balon-ic{font-size:13px;border:1px solid color-mix(in oklab,var(--destructive) 40%,transparent);background:color-mix(in oklab,var(--destructive) 10%,transparent)}
.balon.sistem.bilgi .balon-ic{border-color:color-mix(in oklab,var(--yesil) 40%,transparent);background:color-mix(in oklab,var(--yesil) 8%,transparent)}
.balon.sistem a{color:var(--marka);font-weight:600;text-decoration:underline}
.balon-meta{font-size:11px;color:var(--muted-fg);padding:0 6px}
.hata-metin{color:var(--destructive)}
.md p{margin:0 0 10px}.md p:last-child{margin-bottom:0}
.md ul,.md ol{padding-left:22px;margin:0 0 10px;display:flex;flex-direction:column;gap:4px}
.md h1,.md h2,.md h3,.md h4{font-size:15px;margin:12px 0 6px;font-weight:700}
.md strong{font-weight:700}
.md a{color:var(--marka);text-decoration:underline;text-underline-offset:2px}
.md code{background:color-mix(in oklab,var(--foreground) 8%,transparent);padding:1px 5px;border-radius:4px;font-size:13px}
.md pre{background:color-mix(in oklab,var(--foreground) 6%,transparent);padding:10px 12px;border-radius:10px;overflow:auto;margin:0 0 10px}
.md table{border-collapse:collapse;font-size:13px;margin:0 0 10px;max-width:100%;display:block;overflow-x:auto}
.md th,.md td{border:1px solid var(--border);padding:6px 9px;text-align:left}
.md blockquote{border-left:3px solid var(--marka);padding:4px 12px;margin:0 0 10px;color:var(--muted-fg)}
.md hr{border:0;border-top:1px solid var(--border);margin:12px 0}
.belge{border:1px solid rgba(242,79,1,.35);border-radius:12px;overflow:hidden;margin:10px 0;background:var(--card)}
.belge-ust{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;background:rgba(242,79,1,.08);font-size:13px}
.belge-kopyala{height:28px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--background);font-size:12px;font-weight:600}
.belge-govde{padding:14px 16px}
.nokta-yukleme{display:inline-flex;gap:4px;padding:4px 0}
.nokta-yukleme i{width:6px;height:6px;border-radius:50%;background:var(--muted-fg);animation:nokta 1.2s infinite}
.nokta-yukleme i:nth-child(2){animation-delay:.2s}.nokta-yukleme i:nth-child(3){animation-delay:.4s}
@keyframes nokta{0%,80%,100%{opacity:.3}40%{opacity:1}}
.yaz{display:flex;flex-direction:column;gap:8px;padding:10px 14px 12px;border-top:1px solid var(--border);background:var(--card)}
.yaz-kutu{display:flex;align-items:flex-end;gap:8px;border:1px solid var(--input);border-radius:16px;padding:8px 8px 8px 14px;background:var(--background);transition:border-color .2s,box-shadow .2s}
.yaz-kutu:focus-within{border-color:var(--marka);box-shadow:0 0 0 3px rgba(242,79,1,.15)}
.yaz-kutu textarea{flex:1;resize:none;border:0;background:transparent;font-size:15px;line-height:1.5;max-height:220px;padding:6px 0;outline:none}
.gonder{width:38px;height:38px;border-radius:12px;border:0;background:var(--marka);color:#fff;display:grid;place-items:center;flex-shrink:0;transition:background .2s}
.gonder:hover{background:var(--marka-koyu)}
.gonder:disabled{opacity:.5;cursor:not-allowed}
.gonder svg{width:18px;height:18px}
.yaz-secenek{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted-fg)}
.secim{display:flex;align-items:center;gap:6px}
.secim select{height:28px;border-radius:8px;border:1px solid var(--border);background:var(--background);padding:0 8px;font-size:12px;max-width:220px}
.anahtar{display:flex;align-items:center;gap:5px;cursor:pointer}
.anahtar input{accent-color:var(--marka)}
.durum{margin-left:auto;font-style:italic}
.uyari-mini{margin:0}

/* ── Duyarlı ── */
@media(max-width:1000px){
  .izgara-4{grid-template-columns:repeat(2,1fr)}
  .izgara-3{grid-template-columns:1fr}
  .guvenlik{grid-template-columns:1fr}
  .hesap{grid-template-columns:1fr}
  .legal{grid-template-columns:1fr}
  .legal-menu{position:static;flex-direction:row;flex-wrap:wrap}
}
@media(max-width:768px){
  .mobil{display:inline-flex}
  .menu,.pil-hesap,.ust-sag .pil-vurgu{display:none}
  .ust{top:8px;padding:0 10px}
  .ust-ic{padding:0 12px}
  .kahraman{padding:110px 20px 120px}
  .istatistik{grid-template-columns:repeat(2,1fr)}
  .bolum{padding:64px 20px}
  .izgara-4{grid-template-columns:1fr}
  .cagri{padding:22px}
  .alt-sutunlar{grid-template-columns:repeat(2,auto);gap:24px}
  .dar{padding-top:90px}
  .ust[data-sayfa="sohbet"]{padding-top:8px}
  main.sohbet-ana{grid-template-columns:1fr;height:calc(100vh - 80px);margin-top:8px;padding:0 8px 8px}
  .yan{position:fixed;inset:0 20% 0 0;z-index:70;border-radius:0 18px 18px 0;background:var(--background);transform:translateX(-105%);transition:transform .25s}
  .yan.acik{transform:none;box-shadow:0 0 0 100vw rgba(0,0,0,.5)}
  .balon{max-width:92%}
  .ornekler{grid-template-columns:1fr}
  .akis{padding:14px 12px 6px}
  .durum{margin-left:0;width:100%}
  .hazir-tutar{grid-template-columns:repeat(2,1fr)}
}