/* Telegram Kiosk v4 — koyu premium (owner onayı 13 Eki 2026); referans: Raycast Store, App Store web, Chrome Web Store */
:root{
  --bg:#05060a; --bg2:#0a0c11; --card:#0f1218; --card2:#131720; --line:rgba(255,255,255,.07); --line2:rgba(255,255,255,.12);
  --tx:#f4f6fa; --mu:#a0a8b7; --mu2:#6d7584; --tg:#2aabee; --tg2:#1d8fd8; --vi:#8b5cf6; --ok:#34d399; --adult:#fb4f6f;
  --r1:12px; --r2:18px; --r3:28px; --w:1200px;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--tx);font:15px/1.55 "Inter","Noto Sans Devanagari","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block}
svg{flex:none}
.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}

/* ---------- üst bar ---------- */
.top{position:sticky;top:14px;z-index:20;margin-top:14px}
.top .bar{display:flex;align-items:center;gap:18px;height:62px;padding:0 10px 0 18px;border:1px solid var(--line2);border-radius:20px;
  background:rgba(12,14,20,.62);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 10px 40px rgba(0,0,0,.35)}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16.5px;letter-spacing:-.01em;white-space:nowrap}
.logo .mk{width:34px;height:34px;border-radius:10px;display:block;flex:none;box-shadow:0 4px 16px rgba(42,140,255,.4)}
.logo em{font-style:normal;color:var(--mu)}
.nav{display:flex;gap:2px;margin-left:18px}
.nav a{padding:8px 13px;border-radius:10px;color:var(--mu);font-size:14px;font-weight:500}
.nav a:hover,.nav a.on{color:var(--tx);background:rgba(255,255,255,.06)}
.sp{flex:1}
.qs{display:flex;align-items:center;gap:9px;height:40px;width:230px;padding:0 10px 0 13px;border-radius:11px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--mu2);font-size:13.5px}
.qs .ph{flex:1}
.kbd{font:600 11px/1 "Inter";color:var(--mu);border:1px solid var(--line2);border-radius:6px;padding:4px 6px}
.lang{display:flex;align-items:center;gap:6px;height:40px;padding:0 11px;border-radius:11px;color:var(--mu);font-size:13px;font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:11px;font-weight:600;font-size:14px;white-space:nowrap;border:1px solid transparent}
.btn.pri{background:#fff;color:#0a0c12;box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 6px 20px rgba(255,255,255,.08)}
.btn.tg{background:linear-gradient(180deg,#36b4f3,#1d93db);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 24px rgba(42,171,238,.32)}
.btn.gh{background:rgba(255,255,255,.05);border-color:var(--line2);color:var(--tx)}
.btn.sm{height:32px;padding:0 13px;border-radius:9px;font-size:13px}
.btn.lg{height:52px;padding:0 24px;border-radius:14px;font-size:16px}
.ico-btn{display:none;width:40px;height:40px;border-radius:11px;place-items:center;color:var(--mu);border:1px solid var(--line2)}

/* ---------- hero ---------- */
.hero{position:relative;margin-top:-90px;padding:150px 0 70px;text-align:center;overflow:hidden}
.beams{position:absolute;inset:0 0 auto;height:820px;pointer-events:none;
  -webkit-mask-image:linear-gradient(#000 35%,transparent 92%);mask-image:linear-gradient(#000 35%,transparent 92%)}
.beams::before{content:"";position:absolute;left:50%;top:-260px;width:1300px;height:900px;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(42,160,255,.30),transparent 70%)}
.beams i{position:absolute;top:-420px;width:150px;height:1300px;border-radius:999px;transform:rotate(38deg);filter:blur(26px);opacity:.75}
.beams i:nth-child(1){left:calc(50% - 560px);background:linear-gradient(transparent,#2aabee 45%,transparent);width:120px}
.beams i:nth-child(2){left:calc(50% - 360px);background:linear-gradient(transparent,#5b7bff 50%,transparent);width:200px;opacity:.55}
.beams i:nth-child(3){left:calc(50% - 120px);background:linear-gradient(transparent,#38c9ff 40%,transparent);width:90px}
.beams i:nth-child(4){left:calc(50% + 80px);background:linear-gradient(transparent,#8b5cf6 55%,transparent);width:220px;opacity:.5}
.beams i:nth-child(5){left:calc(50% + 380px);background:linear-gradient(transparent,#2aabee 50%,transparent);width:130px;opacity:.6}
.beams b{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,10,.15),rgba(5,6,10,.55) 70%,var(--bg))}
.cloud{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:46px}
.cloud .row{display:flex;gap:16px;align-items:center}
.tile{--s:104px;width:var(--s);height:var(--s);border-radius:calc(var(--s)*.27);display:grid;place-items:center;position:relative;
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.tile img{width:70%;height:70%;border-radius:50%;object-fit:cover;box-shadow:0 6px 18px rgba(0,0,0,.45)}
.tile.l{--s:120px}.tile.m{--s:104px}.tile.s{--s:92px;opacity:.55}.tile.xs{--s:84px;opacity:.25;filter:blur(.6px)}
.hero h1{position:relative;font-size:64px;line-height:1.04;font-weight:700;letter-spacing:-.04em;max-width:880px;margin:0 auto;
  background:linear-gradient(180deg,#fff 30%,#b8c2d4);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .sub{position:relative;font-size:19px;color:var(--mu);max-width:620px;margin:18px auto 0;line-height:1.5}
.search{position:relative;display:flex;align-items:center;gap:12px;max-width:640px;height:60px;margin:34px auto 0;padding:0 8px 0 20px;
  border-radius:18px;border:1px solid rgba(255,255,255,.16);background:rgba(16,19,26,.82);backdrop-filter:blur(14px);
  box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 0 6px rgba(42,171,238,.06);color:var(--mu2);font-size:16px;text-align:left}
.search .ph{flex:1}
.kinds{position:relative;display:flex;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}
.kind{display:flex;align-items:center;gap:8px;height:38px;padding:0 15px 0 12px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.03);font-size:14px;font-weight:500;color:#d6dbe4}
.kind small{color:var(--mu2);font-size:12.5px;font-weight:600}
.kind svg{color:var(--tg)}

/* ---------- bölüm başlığı ---------- */
.sec{padding:34px 0}
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.sh h2{font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.025em}
.sh p{color:var(--mu2);font-size:14.5px;margin-top:4px}
.more{display:flex;align-items:center;gap:6px;color:var(--mu);font-size:14px;font-weight:600;white-space:nowrap}

/* ---------- öne çıkanlar (App Store Today) ---------- */
.feat{display:grid;grid-template-columns:1.62fr 1fr;gap:18px}
.ed{position:relative;height:460px;border-radius:var(--r3);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.ed .bgimg{position:absolute;inset:-40%;width:180%;height:180%;object-fit:cover;filter:blur(60px) saturate(1.5) brightness(.8);z-index:-2}
.ed::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 70% at 75% 30%,transparent,rgba(5,6,10,.55)),linear-gradient(180deg,transparent 35%,rgba(5,6,10,.85))}
.ed .art{position:absolute;right:56px;top:46px;width:230px;height:230px;border-radius:50%;object-fit:cover;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 10px rgba(255,255,255,.06),0 0 0 22px rgba(255,255,255,.03)}
.ed .txt{padding:0 32px 22px;max-width:62%}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.ed h3{font-size:38px;line-height:1.08;letter-spacing:-.03em;font-weight:700;margin-top:8px;max-width:520px}
.ed .lead{color:rgba(255,255,255,.78);margin-top:10px;font-size:15.5px;max-width:470px}
.edbar{display:flex;align-items:center;gap:14px;padding:16px 22px 16px 32px;background:rgba(10,12,18,.45);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08)}
.edbar img{width:46px;height:46px;border-radius:50%}
.edbar b{display:block;font-size:15px}
.edbar span{color:var(--mu);font-size:13px}
.edbar .btn{margin-left:auto}
.offi{height:460px;border-radius:var(--r3);border:1px solid var(--line);background:linear-gradient(180deg,var(--card2),var(--card));padding:26px 26px 14px;display:flex;flex-direction:column}
.offi h3{font-size:26px;line-height:1.12;letter-spacing:-.025em;margin:8px 0 14px}
.offi .eyebrow{color:var(--tg)}
.lrow{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--line)}
.lrow:first-of-type{border-top:0}
.lrow img{width:54px;height:54px;border-radius:50%}
.lrow .t{flex:1;min-width:0}
.lrow b{display:flex;align-items:center;gap:5px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lrow span{display:block;color:var(--mu2);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- kategoriler (Chrome Web Store) ---------- */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cat{--c:42,171,238;display:flex;align-items:center;justify-content:space-between;gap:12px;height:86px;padding:0 16px 0 20px;border-radius:var(--r2);
  border:1px solid rgba(var(--c),.18);background:linear-gradient(135deg,rgba(var(--c),.16),rgba(var(--c),.03) 70%)}
.cat b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em}
.cat span{color:var(--mu2);font-size:13px}
.cat i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--c),.2);color:rgb(var(--c))}
.c-amber{--c:251,191,36}.c-coral{--c:251,113,95}.c-violet{--c:167,139,250}.c-up{--c:52,211,153}.c-tg{--c:56,189,248}.c-ink{--c:148,163,184}.c-pink{--c:244,114,182}

/* ---------- liste kartları (Raycast) ---------- */
.tabs{display:inline-flex;gap:4px;padding:4px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.tabs a{padding:8px 15px;border-radius:10px;font-size:14px;font-weight:600;color:var(--mu)}
.tabs a.on{background:rgba(255,255,255,.09);color:var(--tx);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feat>*,.grid2>*,.grid3>*,.grid4>*,.cats>*,.rbody>*{min-width:0}
.card{border-radius:var(--r2);border:1px solid var(--line);background:var(--card);padding:18px;transition:border-color .2s,background .2s}
.card:hover{border-color:var(--line2);background:var(--card2)}
.ch{display:flex;align-items:center;gap:13px}
.av{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#1b2030;flex:none}
.av.blur{filter:blur(7px) saturate(.6)}
.avw{position:relative;flex:none;border-radius:50%;overflow:hidden}
.avw .x18{position:absolute;inset:0;display:grid;place-items:center;font:800 11px/1 "Inter";color:#fff;background:rgba(251,79,111,.35)}
.ch .t{flex:1;min-width:0}
.nm{display:flex;align-items:center;gap:5px;font-weight:600;font-size:15px;line-height:1.3}
.nm .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.un{color:var(--mu2);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ds{color:var(--mu);font-size:14px;margin-top:12px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ds.l2{-webkit-line-clamp:2;min-height:43px}
.meta{display:flex;align-items:center;gap:14px;margin-top:13px;color:var(--mu2);font-size:12.5px;font-weight:500}
.meta span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.grid4 .meta span:nth-child(3){display:none}
.meta .b18{color:var(--adult);font-weight:700}
.tick{color:var(--tg)}
.center{display:flex;justify-content:center;margin-top:24px}

/* ---------- ekleme çağrısı + alt bilgi ---------- */
.cta{position:relative;overflow:hidden;display:flex;align-items:center;gap:24px;padding:34px 38px;border-radius:var(--r3);border:1px solid var(--line2);
  background:radial-gradient(60% 140% at 100% 0%,rgba(42,171,238,.22),transparent 60%),radial-gradient(50% 120% at 0% 100%,rgba(139,92,246,.16),transparent 60%),var(--card)}
.cta h3{font-size:26px;letter-spacing:-.025em;line-height:1.15}
.cta p{color:var(--mu);margin-top:6px;max-width:560px}
.cta .btn{margin-left:auto}
.foot{margin-top:56px;border-top:1px solid var(--line);padding:38px 0 30px;color:var(--mu2);font-size:13.5px}
.foot .fr{display:flex;gap:40px;align-items:flex-start}
.foot .fb{max-width:300px}
.foot .fb p{margin-top:12px;line-height:1.55}
.foot .fc{display:flex;flex-direction:column;gap:9px;min-width:140px}
.foot .fc b{color:var(--tx);font-size:13px;margin-bottom:3px}
.foot .fl{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px}

/* ---------- kayıt sayfası (App Store + Raycast) ---------- */
.crumb{display:flex;gap:8px;align-items:center;color:var(--mu2);font-size:13px;margin:34px 0 14px}
.crumb a{color:var(--mu)}
.rhero{position:relative;overflow:hidden;border-radius:var(--r3);border:1px solid var(--line);isolation:isolate;padding:40px;display:flex;align-items:center;gap:30px}
.rhero .bgimg{position:absolute;inset:-50%;width:200%;height:200%;object-fit:cover;filter:blur(70px) saturate(1.6) brightness(.65);z-index:-2}
.rhero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,6,10,.75),rgba(5,6,10,.35) 60%,rgba(5,6,10,.6))}
.rav{width:140px;height:140px;border-radius:50%;object-fit:cover;box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 0 8px rgba(255,255,255,.07)}
.rhero .t{flex:1;min-width:0}
.rhero h1{display:flex;align-items:center;gap:10px;font-size:42px;line-height:1.08;letter-spacing:-.035em}
.rhero .u{color:rgba(255,255,255,.65);font-size:15px;margin-top:6px}
.rhero .lead{font-size:17px;color:rgba(255,255,255,.85);margin-top:12px;max-width:560px}
.chips{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.chip.a18{background:rgba(251,79,111,.16);border-color:rgba(251,79,111,.35);color:#ffb3c1}
.racts{display:flex;flex-direction:column;gap:10px;align-items:stretch;min-width:220px}
.stats{display:grid;grid-template-columns:repeat(6,1fr);margin-top:18px;border-radius:var(--r2);border:1px solid var(--line);background:var(--card)}
.st{padding:18px 12px;text-align:center;border-left:1px solid var(--line)}
.st:first-child{border-left:0}
.st small{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mu2)}
.st b{display:block;font-size:22px;letter-spacing:-.02em;margin-top:5px;line-height:1.2}
.st span{display:block;color:var(--mu2);font-size:12.5px;margin-top:2px}
.st .live{display:inline-flex;align-items:center;gap:7px}
.st .live::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(52,211,153,.18)}
.rbody{display:grid;grid-template-columns:1fr 340px;gap:24px;margin-top:26px;align-items:start}
.panel{border-radius:var(--r2);border:1px solid var(--line);background:var(--card);padding:26px}
.panel h2{font-size:20px;letter-spacing:-.02em;margin-bottom:10px}
.panel p{color:var(--mu);font-size:15.5px;line-height:1.65}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.step{border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02);padding:16px}
.step i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(42,171,238,.15);color:var(--tg);font:700 13px/1 "Inter";font-style:normal}
.step b{display:block;margin-top:10px;font-size:14.5px}
.step span{color:var(--mu2);font-size:13px}
.kv{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:14px}
.kv:first-of-type{border-top:0}
.kv span{color:var(--mu2)}
.kv b{font-weight:600;text-align:right}
.own{margin-top:14px;border-radius:var(--r2);padding:20px;border:1px dashed rgba(42,171,238,.35);background:rgba(42,171,238,.06)}
.own b{display:block;font-size:15px}
.own p{color:var(--mu);font-size:13.5px;margin:4px 0 12px}

/* ---------- kategori sayfası ---------- */
.khero{position:relative;overflow:hidden;margin-top:34px;border-radius:var(--r3);border:1px solid rgba(var(--c),.2);padding:38px 40px;display:flex;align-items:center;gap:24px;
  background:radial-gradient(70% 160% at 100% 0%,rgba(var(--c),.28),transparent 60%),linear-gradient(135deg,rgba(var(--c),.10),var(--card) 60%)}
.khero .ki{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:rgba(var(--c),.18);color:rgb(var(--c));border:1px solid rgba(var(--c),.3)}
.khero h1{font-size:38px;line-height:1.1;letter-spacing:-.035em}
.khero p{color:var(--mu);margin-top:6px;font-size:15.5px}
.khero .avs{margin-left:auto;display:flex}
.khero .avs img{width:58px;height:58px;border-radius:50%;margin-left:-14px;border:3px solid #10141c;object-fit:cover}
.tool{display:flex;align-items:center;gap:12px;margin:22px 0 18px;flex-wrap:wrap}
.sel{display:flex;align-items:center;gap:8px;height:40px;padding:0 13px;border-radius:11px;border:1px solid var(--line2);font-size:13.5px;color:var(--mu);font-weight:500}
.sel b{color:var(--tx);font-weight:600}
.sw{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--mu)}
.sw i{width:36px;height:21px;border-radius:999px;background:rgba(255,255,255,.12);position:relative}
.sw i::after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#cbd2de}
.gcard{display:flex;flex-direction:column}
.gcard .av{width:56px;height:56px}
.gcard .foot2{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.gcard .meta{margin-top:0}
.rel{display:flex;gap:10px;flex-wrap:wrap}
.pager{display:flex;justify-content:center;gap:6px;margin-top:24px}
.pager a{min-width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);color:var(--mu);font-size:13.5px;font-weight:600}
.pager a.on{background:rgba(255,255,255,.09);color:var(--tx);border-color:var(--line2)}

/* ---------- telefon ---------- */
/* uzun dillerde (es, hi, ar…) başlık çubuğu ~1060px ister: 1100 altında arama kutusu yerine simge */
@media (max-width:1100px){.qs{display:none}a.ico-btn{display:grid}}
@media (max-width:900px){
  .nav,.qs,.lang{display:none}
  .ico-btn{display:grid}
  .feat{grid-template-columns:1fr}
  .cats{grid-template-columns:1fr 1fr}
  .grid3,.grid4{grid-template-columns:1fr 1fr}
  .rbody{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(3,1fr)}
  .st:nth-child(4){border-left:0}
  .st:nth-child(n+4){border-top:1px solid var(--line)}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .top{top:10px;margin-top:10px}
  .top .bar{height:56px;gap:8px;padding:0 8px 0 12px;border-radius:16px}
  .logo{font-size:15.5px}
  .btn.add-sm span{display:none}
  .hero{padding:118px 0 40px;margin-top:-80px}
  .cloud{gap:10px;margin-bottom:30px}.cloud .row{gap:10px}
  .tile.l{--s:76px}.tile.m{--s:66px}.tile.s{--s:58px}.tile.xs{display:none}
  .hero h1{font-size:31px;letter-spacing:-.04em}
  .sh.tb{flex-direction:column;align-items:flex-start;gap:12px}
  .foot .fr{display:grid;grid-template-columns:repeat(3,1fr)}.foot .fr .sp{display:none}.foot .fc{min-width:0}
  .foot .fb{grid-column:1/-1}
  .hero .sub{font-size:16px;margin-top:14px}
  .search{height:54px;margin-top:26px;font-size:15px;border-radius:15px}
  .search .kbd{display:none}
  .kinds{gap:8px}.kind{height:36px;font-size:13.5px;padding:0 12px 0 10px}
  .sec{padding:24px 0}
  .sh h2{font-size:23px}
  .sh p{display:none}
  .ed{height:400px}.ed .art{width:104px;height:104px;right:20px;top:20px}
  .ed .txt{padding:0 20px 18px;max-width:none}.ed h3{font-size:28px}.ed .lead{font-size:14.5px}
  .edbar{padding:13px 16px}
  .offi{height:auto;padding:22px 20px 8px}.offi h3{font-size:22px}
  .cats{gap:10px}.cat{height:74px;padding:0 12px 0 15px}.cat b{font-size:15px}.cat i{width:38px;height:38px}
  .grid2,.grid3,.grid4{grid-template-columns:1fr;gap:10px}
  .hide-m{display:none}
  .card{padding:15px}
  .cta{flex-direction:column;align-items:flex-start;padding:26px 22px;gap:16px}.cta h3{font-size:22px}.cta .btn{margin-left:0;width:100%}
  .foot .fr{flex-wrap:wrap;gap:26px}.foot .fb{max-width:none;width:100%}.foot .fl{flex-direction:column;gap:6px}
  .rhero{flex-direction:column;align-items:flex-start;padding:26px 20px;gap:18px}
  .rav{width:96px;height:96px}
  .rhero h1{font-size:30px}.rhero .lead{font-size:15.5px}
  .racts{width:100%;flex-direction:row;min-width:0}.racts .btn{flex:1}
  .stats{grid-template-columns:repeat(2,1fr)}
  .st:nth-child(odd){border-left:0}.st:nth-child(4){border-left:1px solid var(--line)}
  .st:nth-child(n+3){border-top:1px solid var(--line)}
  .st b{font-size:19px}
  .steps{grid-template-columns:1fr;gap:8px}.step{display:flex;align-items:center;gap:12px;padding:12px 14px}.step b{margin-top:0}.step span{display:block}
  .panel{padding:20px}
  .khero{flex-direction:column;align-items:flex-start;padding:26px 20px;gap:14px}
  .khero h1{font-size:28px}.khero .avs{margin-left:14px}
  .khero .ki{width:60px;height:60px;border-radius:18px}
  .tool .sp{display:none}
}
.st .live2{display:inline-flex;align-items:center;gap:6px}

/* ---- tüm kategoriler: 6 grup sekmesi (CSS radio) ---- */
.gtabs{margin-top:26px}
.gtabs>input{position:absolute;opacity:0;pointer-events:none}
.gsel{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.gs{display:flex;flex-direction:column;gap:4px;padding:14px 14px 13px;border-radius:var(--r2);border:1px solid var(--line);
  background:rgba(255,255,255,.025);cursor:pointer;transition:border-color .15s,background .15s;min-width:0}
.gs:hover{border-color:rgba(var(--c),.35)}
.gs i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(var(--c),.18);color:rgb(var(--c));margin-bottom:6px}
.gs b{font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs span{font-size:12.5px;color:var(--mu2)}
.gp{display:none;margin-top:16px}
.cat.soon{opacity:.42;border-style:dashed;background:transparent}
.cat.soon span{color:var(--mu2);font-weight:600;letter-spacing:.02em;text-transform:uppercase;font-size:11px}
.note{display:flex;align-items:center;gap:8px;color:var(--mu2);font-size:13px;margin-top:18px}
@media (max-width:900px){.gsel{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){
  .gtabs{margin-top:18px}
  .gsel{grid-template-columns:1fr 1fr;gap:8px}
  .gs{flex-direction:row;align-items:center;gap:10px;padding:10px 11px}
  .gs i{width:34px;height:34px;margin:0;flex:none}
  .gs b{font-size:14px;display:block}
  .gs span{display:none}
}

/* ================= canlı site ekleri ================= */
button{font:inherit;color:inherit}
.qs input,.search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--tx);font:inherit}
.qs input::placeholder,.search input::placeholder{color:var(--mu2)}
.qs input::-webkit-search-cancel-button,.search input::-webkit-search-cancel-button{display:none}
.qs:focus-within,.search:focus-within{border-color:rgba(42,171,238,.55)}
.ico-btn{background:none;cursor:pointer}
.lang{position:relative;padding:0}
.lang>button{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;height:40px;padding:0 11px;border-radius:11px}
.lang>button:hover{color:var(--tx);background:rgba(255,255,255,.05)}
.langmenu{display:none;position:absolute;right:0;top:44px;min-width:150px;padding:6px;border-radius:14px;border:1px solid var(--line2);background:#0f1218;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.lang:hover .langmenu,.lang:focus-within .langmenu{display:block}
.langmenu a{display:block;padding:9px 12px;border-radius:9px;color:var(--mu);font-size:14px;font-weight:500}
.langmenu a:hover,.langmenu a[aria-current]{background:rgba(255,255,255,.06);color:var(--tx)}
.mnav{margin-top:8px;padding:8px;border-radius:16px;border:1px solid var(--line2);background:rgba(12,14,20,.96);backdrop-filter:blur(18px)}
.mnav:not([hidden]){display:grid}
.mnav a{padding:12px 14px;border-radius:10px;font-weight:600;color:var(--mu)}
.mnav a.on{color:var(--tx);background:rgba(255,255,255,.06)}
.mlang{display:flex;gap:6px;padding:8px 6px 4px;border-top:1px solid var(--line);margin-top:6px}
.mlang a{padding:8px 12px;font-size:13px}
.tabs button{all:unset;cursor:pointer;padding:8px 15px;border-radius:10px;font-size:14px;font-weight:600;color:var(--mu);white-space:nowrap}
.tabs button.on,.tabs button[aria-selected=true]{background:rgba(255,255,255,.09);color:var(--tx);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
[role=tabpanel][hidden]{display:none}
.sw{all:unset;cursor:pointer;display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--mu)}
.sw i::after{transition:left .15s}
.sw[aria-pressed=true] i{background:rgba(251,79,111,.6)}
.sw[aria-pressed=true] i::after{left:18px;background:#fff}
body.s18 .av.blur,body.s18 .rav.blur{filter:none}
body.s18 .avw .x18{display:none}
.more-h{display:none}
.lst.all .more-h{display:flex}
.noav{display:grid;place-items:center;background:linear-gradient(140deg,#24304a,#141a28);color:#cfd6e4;font-weight:700;font-size:18px}
.khero .k18{font-size:22px;font-weight:800;color:rgb(var(--c))}
.crumb+.khero,.crumb+.rhero{margin-top:0}
.crumb .cur{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.h2s{font-size:20px!important}
.hint{color:var(--mu2);font-size:13.5px;margin-top:10px}
.hint.ctr{text-align:center;margin:18px 0}
.src{color:var(--mu2);font-size:12.5px;margin-top:14px}
.center button{cursor:pointer}
.card .btn,.lrow .btn{pointer-events:none}
.lrow:hover b{color:#fff}
/* kayıt sayfası */
.rav.blur{filter:blur(9px) saturate(.6)}
.rav.noav{font-size:46px}
.panel>.tabs{margin-bottom:20px;max-width:100%}
.panel h2.mt{margin-top:24px}
.pre{white-space:pre-line;word-break:break-word}
.step>div{min-width:0}
svg.chart{display:block;width:100%;height:200px;margin-top:6px}
.cmp{overflow-x:auto;border-radius:14px;border:1px solid var(--line)}
.cmp table{width:100%;border-collapse:collapse;font-size:14px}
.cmp th{text-align:left;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mu2);font-weight:700;padding:11px 12px;border-bottom:1px solid var(--line)}
.cmp td{padding:10px 12px;border-top:1px solid var(--line);white-space:nowrap}
.cmp tr.me td{background:rgba(42,171,238,.07)}
.cmp .who{display:flex;align-items:center;gap:10px}
.cmp .who img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.cmp .who img.blur{filter:blur(5px)}
.cmp .who small{display:block;color:var(--mu2);font-size:12px}
.cmp .y{color:var(--ok)}.cmp .no{color:var(--mu2)}
.faq details{border-top:1px solid var(--line);padding:14px 0}
.faq details:first-child{border-top:0;padding-top:0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq details[open] summary svg{transform:rotate(180deg)}
.faq p{margin-top:8px;font-size:14.5px}
.kvp{padding:8px 22px}
.a18t{color:#ffb3c1}
.qr{display:flex;align-items:center;gap:14px;margin-top:14px;border-radius:var(--r2);border:1px solid var(--line);background:var(--card);padding:16px}
.qr .code{width:84px;height:84px;flex:none;border-radius:10px;background:#fff;padding:6px;display:grid;place-items:center}
.qr .code img,.qr .code canvas{width:72px!important;height:72px!important}
.qr b{display:block;font-size:14.5px}.qr span{color:var(--mu2);font-size:13px}
.own .dis{opacity:.6;cursor:default}
/* ekleme */
.narrow{max-width:900px}
.addflow{margin-top:18px;padding:8px 26px}
.astep{display:flex;gap:16px;padding:20px 0;border-top:1px solid var(--line);transition:opacity .2s}
.astep:first-child{border-top:0}
.astep.off{opacity:.4;pointer-events:none}
.sn{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;background:rgba(42,171,238,.15);color:var(--tg);font-weight:700}
.sb{flex:1;min-width:0}
.sb h2{font-size:18px;letter-spacing:-.015em}
.sb p{color:var(--mu);font-size:14.5px;margin-top:4px}
.sb #tglogin,.sb #who{margin-top:14px}
.search.inl{max-width:none;height:56px;margin:14px 0 0;padding:0 6px 0 16px;box-shadow:none}
.search.big{margin-top:6px}
#prev .card{max-width:440px;margin-top:14px}
#catpick{margin-top:14px}
#catpick button{all:unset;cursor:pointer;display:inline-flex;align-items:center;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line2);font-size:13.5px;font-weight:600;color:var(--mu)}
#catpick button.on{background:#fff;color:#0a0c12;border-color:#fff}
#catpick button.a18{color:#ffb3c1;border-color:rgba(251,79,111,.35)}
.chk{display:flex;align-items:center;gap:9px;margin:16px 0;font-size:14px;color:var(--mu)}
.chip.ok{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.3);color:var(--ok)}
.lnk{color:var(--mu2);font-size:13.5px;margin-left:8px}
#result{margin-top:12px;font-size:14.5px}
.err{color:#ff8fa3}.okmsg{color:var(--ok);font-weight:600}
#result a,#prev a{color:var(--tg)}
/* makale + rehberler */
.prose{padding:34px 38px}
.prose .eyebrow{color:var(--tg)}
.prose h1{font-size:34px;line-height:1.12;letter-spacing:-.03em;margin-top:6px}
.prose h2{font-size:22px;letter-spacing:-.02em;margin:28px 0 8px}
.prose h3{font-size:17px;margin:20px 0 6px}
.prose p,.prose li{color:var(--mu);font-size:15.5px;line-height:1.7}
.prose p{margin-top:10px}
.prose ul,.prose ol{margin:10px 0 0 22px}
.prose a{color:var(--tg)}
.prose strong{color:var(--tx)}
.prose table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px}
.prose th,.prose td{text-align:left;padding:9px 10px;border-top:1px solid var(--line)}
.prose th{color:var(--mu2);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.pk{margin-top:18px}
.gl{margin-top:22px}
.card.guide{display:flex;flex-direction:column;gap:8px}
.card.guide .eyebrow{color:var(--tg)}
.card.guide b{font-size:17px;letter-spacing:-.015em;line-height:1.3}
.card.guide p{color:var(--mu);font-size:14px;flex:1}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;padding:10px 16px;border-radius:12px;background:#fff;color:#0a0c12;font-weight:600;font-size:14px}
@media (max-width:640px){
  .prose{padding:24px 20px}.prose h1{font-size:27px}
  .addflow{padding:4px 18px}
  .tabs button{padding:8px 12px;font-size:13.5px}
  .tool .tabs{flex-wrap:wrap}
  .crumb{margin:22px 0 12px;font-size:12.5px;overflow:hidden}
  .search.inl{height:52px}
  .search.inl .btn{padding:0 12px}
}
.gcard[hidden]{display:none!important}
.m-only{display:none!important}
@media (max-width:640px){
  .panel>.tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%}
  .panel>.tabs button{text-align:center;padding:8px 4px}
  .qr.hide-m,.kvp{display:none}
  .grid4 .gcard:nth-child(n+3){display:none}
  .lst:not(.all) .gcard:nth-child(n+7){display:none}
  .m-only{display:flex!important}
}

/* ---------- 404 ---------- */
.nf{position:relative;margin-top:-90px;padding:130px 0 80px;text-align:center;overflow:hidden}
.nfi{position:relative}
.nfk{display:block;width:190px;height:auto;margin:0 auto;filter:drop-shadow(0 22px 40px rgba(0,0,0,.55))}
.nfc{font:800 15px/1 "Inter";letter-spacing:.3em;color:var(--tg);margin-top:18px}
.nf h1{font-size:44px;line-height:1.08;font-weight:700;letter-spacing:-.035em;max-width:720px;margin:12px auto 0;
  background:linear-gradient(180deg,#fff 30%,#b8c2d4);-webkit-background-clip:text;background-clip:text;color:transparent}
.nf .sub{font-size:17px;color:var(--mu);max-width:540px;margin:14px auto 0;line-height:1.5}
.nf .search{margin-top:28px}
@media (max-width:640px){
  .nf{padding:110px 0 56px}.nfk{width:140px}.nf h1{font-size:28px}.nf .sub{font-size:15px}.nf .search{height:52px}
}

/* ---------- RTL (ar) — yalnız yön bağımlı kuralların aynası; Arapça harf birleşmesi için harf aralığı 0 ---------- */
[dir=rtl] *{letter-spacing:0!important}
[lang=ar] h1,[lang=ar] h2,[lang=hi] h1,[lang=hi] h2{line-height:1.3!important}   /* Arapça/Devanagari harf üstü-altı işaretleri kırpılmasın */
[dir=rtl] .top .bar{padding:0 18px 0 10px}
[dir=rtl] .nav{margin-left:0;margin-right:18px}
[dir=rtl] .qs{padding:0 13px 0 10px}
[dir=rtl] .search{padding:0 20px 0 8px;text-align:right}
[dir=rtl] .kind{padding:0 12px 0 15px}
[dir=rtl] .ed .art{right:auto;left:56px}
[dir=rtl] .edbar .btn,[dir=rtl] .cta .btn,[dir=rtl] .khero .avs{margin-left:0;margin-right:auto}
[dir=rtl] .cat{padding:0 20px 0 16px}
[dir=rtl] .st{border-left:0;border-right:1px solid var(--line)}
[dir=rtl] .st:first-child{border-right:0}
[dir=rtl] .kv b{text-align:left}
[dir=rtl] .khero .avs img{margin-left:0;margin-right:-14px}
[dir=rtl] .sw i::after{left:auto;right:3px}
[dir=rtl] .sw[aria-pressed=true] i::after{right:18px}
[dir=rtl] .langmenu{right:auto;left:0}
[dir=rtl] .cmp th,[dir=rtl] .prose th,[dir=rtl] .prose td{text-align:right}
[dir=rtl] .search.inl{padding:0 16px 0 6px}
[dir=rtl] .lnk{margin-left:0;margin-right:8px}
[dir=rtl] use[href="#i-arrow"],[dir=rtl] use[href="#i-chev"]{transform:scaleX(-1);transform-origin:center}
@media (max-width:900px){[dir=rtl] .st:nth-child(4){border-right:0}}
@media (max-width:640px){
  [dir=rtl] .top .bar{padding:0 12px 0 8px}
  [dir=rtl] .kind{padding:0 10px 0 12px}
  [dir=rtl] .ed .art{left:20px}
  [dir=rtl] .cat{padding:0 15px 0 12px}
  [dir=rtl] .cta .btn{margin-right:0}
  [dir=rtl] .st:nth-child(odd){border-right:0}[dir=rtl] .st:nth-child(4){border-right:1px solid var(--line)}
  [dir=rtl] .khero .avs{margin-right:14px}
}
/* sahiplik + bildir (14 Eki) */
.own code{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:6px;font-size:13px;user-select:all}
.own .hint .btn{margin-top:8px}
.own .rep{margin-top:12px;font-size:13px;color:var(--mu2)}
.own .rep summary{cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px}
.own .rep summary::-webkit-details-marker{display:none}
.own .rep form{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.own .rep select{flex:1 1 160px;min-width:0;background:rgba(255,255,255,.06);color:inherit;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:7px 10px;font:inherit}
.own .rep select option{color:#111}