/* =====================================================================
   Onaylatsana — "Gece Operasyonu" teması, Bootstrap 5.3 üstünde.
   Düzen (ızgara, boşluk, kırılımlar) Bootstrap'ten gelir; bu dosya yalnız
   tema ve bileşenleri tanımlar. Mobil öncelikli; kırılımlar Bootstrap ile aynı:
   sm ≥576 · md ≥768 · lg ≥992 · xl ≥1200.
   ===================================================================== */

/* ---------- 1. Tasarım belirteçleri + Bootstrap değişkenleri ---------- */
:root,[data-bs-theme=dark]{
  --bg:#07090d;--bg2:#0d1117;--card:#11161f;--fg:#e8f4fa;--mut:#8da2b3;
  --accent:#3fd0ff;--onaccent:#001018;--line:#1f2a36;--ring:#3fd0ff33;
  --ok:#7dffb0;--okbg:#7dffb01a;--wait:#ffcf5c;--waitbg:#ffcf5c1a;--bad:#ff6b7d;--badbg:#ff6b7d1a;--gold:#ffcf5c;
  --r:10px;--head:'Space Grotesk',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;--sans:Inter,system-ui,sans-serif;

  --bs-body-bg:var(--bg);--bs-body-color:var(--fg);--bs-body-font-family:var(--sans);--bs-body-font-size:15px;--bs-body-line-height:1.5;
  --bs-border-color:var(--line);--bs-secondary-color:var(--mut);--bs-emphasis-color:var(--fg);
  --bs-link-color:var(--accent);--bs-link-hover-color:var(--fg);--bs-heading-color:var(--fg);
  --bs-primary:var(--accent);--bs-primary-rgb:63,208,255;--bs-border-radius:var(--r);
  --bs-tertiary-bg:var(--card);--bs-secondary-bg:var(--bg2);
  --bs-gutter-x:1rem
}

/* ---------- 2. Temel ---------- */
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--bg);color:var(--fg);overflow-x:clip;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(#3fd0ff08 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,#3fd0ff08 1px,transparent 1px) 0 0/48px 48px;
  -webkit-mask:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 75%);mask:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 75%);animation:gridmove 20s linear infinite}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
h1,h2,h3,h4,.logo{font-family:var(--head);font-weight:700;line-height:1.1}
a{color:inherit;text-decoration:none}
ul{padding:0;list-style:none}
code,pre,.mono{font-family:var(--mono)}
code{color:var(--accent)}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:16px}
@media(min-width:576px){.wrap{padding-inline:20px}}
/* JS kabuğu doldurana kadar içerik gizli → ilk boyamada kayma (CLS) yok */
html:not(.ready) .appmain,html:not(.ready) body>.wrap,html:not(.ready) .auth{visibility:hidden}

/* ---------- 3. Yardımcılar ---------- */
.mut{color:var(--mut)}
.sm{font-size:12px}
.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);animation:ping 1.6s infinite}
.bar{height:6px;border-radius:9px;background:var(--bg2);overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent);transition:width 1s linear}
.bar.load i{width:40%;animation:load 1.4s ease-in-out infinite}
.pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;white-space:nowrap;line-height:1.4}
.pill .i{width:12px;height:12px}
.ok{background:var(--okbg);color:var(--ok)}.wait{background:var(--waitbg);color:var(--wait)}
.bad{background:var(--badbg);color:var(--bad)}.neu{background:#ffffff10;color:var(--mut)}
.pill.vipp{background:var(--gold);color:#1a1300}
.cnt{display:inline-block;min-width:20px;font:700 11px var(--mono);padding:1px 6px;border-radius:99px;background:#ffffff10;margin-left:4px}
.empty{padding:32px 16px;text-align:center;color:var(--mut)}
.linkb{background:none;border:0;color:var(--accent);font:600 12px var(--sans);cursor:pointer;padding:2px 0}
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.si{display:inline-grid;place-items:center;width:28px;height:28px;flex:0 0 28px;aspect-ratio:1;border-radius:8px;color:#fff;font-weight:800;font-size:13px;margin-right:8px;vertical-align:middle}
.fl{font-size:24px;line-height:1;flex:0 0 28px;text-align:center}
.fic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;color:var(--accent);background:linear-gradient(135deg,#3fd0ff22,#3fd0ff05);border:1px solid #3fd0ff33;box-shadow:0 0 24px #3fd0ff1a}
.fic .i{width:22px;height:22px}
.tag{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);border:1px solid var(--line);padding:6px 12px;border-radius:99px;margin-bottom:18px;background:#3fd0ff0a}
.stp{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.stp>b{font:700 12px var(--mono);color:var(--accent);border:1px solid #3fd0ff44;border-radius:8px;padding:3px 8px;background:#3fd0ff0d}
.stp h3{margin:0;font-size:17px}

/* ---------- 4. Butonlar (Bootstrap .btn + tema) ---------- */
.btn{--bs-btn-padding-x:18px;--bs-btn-padding-y:10px;--bs-btn-font-size:14px;--bs-btn-font-weight:700;--bs-btn-border-radius:var(--r);
  --bs-btn-color:var(--fg);--bs-btn-bg:transparent;--bs-btn-border-color:var(--line);
  --bs-btn-hover-color:var(--fg);--bs-btn-hover-bg:#3fd0ff0d;--bs-btn-hover-border-color:var(--accent);
  --bs-btn-active-color:var(--fg);--bs-btn-active-bg:#3fd0ff1a;--bs-btn-active-border-color:var(--accent);
  --bs-btn-focus-box-shadow:0 0 0 3px var(--ring);--bs-btn-disabled-opacity:.5;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;border-width:1.5px;white-space:nowrap;transition:.2s}
.btn .i{width:15px;height:15px}
.btn.p{--bs-btn-color:var(--onaccent);--bs-btn-bg:var(--accent);--bs-btn-border-color:var(--accent);
  --bs-btn-hover-color:var(--onaccent);--bs-btn-hover-bg:#6fdcff;--bs-btn-hover-border-color:#6fdcff;
  --bs-btn-active-color:var(--onaccent);--bs-btn-active-bg:#2fb6e0;--bs-btn-active-border-color:#2fb6e0;position:relative;overflow:hidden}
.btn.p:hover{box-shadow:0 0 26px #3fd0ff77}
.btn.p::after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:translateX(-150%) skewX(-20deg);animation:shine 3.5s infinite;pointer-events:none}
.btn.sm{--bs-btn-padding-x:12px;--bs-btn-padding-y:6px;--bs-btn-font-size:12px}
.btn.w{width:100%}
.btn.dang{--bs-btn-hover-color:var(--bad);--bs-btn-hover-border-color:var(--bad);--bs-btn-hover-bg:var(--badbg)}
.sbtn{gap:10px;padding:12px;width:100%}.sbtn .i{width:19px;height:19px}
.tgb{--bs-btn-bg:#229ed9;--bs-btn-border-color:#229ed9;--bs-btn-color:#fff;--bs-btn-hover-bg:#2fb0ec;--bs-btn-hover-border-color:#2fb0ec;--bs-btn-hover-color:#fff}
.gb{--bs-btn-bg:#fff;--bs-btn-border-color:#fff;--bs-btn-color:#1f1f1f;--bs-btn-hover-bg:#f1f3f4;--bs-btn-hover-border-color:#f1f3f4;--bs-btn-hover-color:#1f1f1f}
.sbtn.ld{opacity:.6;pointer-events:none}

/* ---------- 5. Form öğeleri ---------- */
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{
  width:100%;background:var(--bg2);color:var(--fg);border:1px solid var(--line);border-radius:var(--r);padding:11px 14px;font:14px var(--sans);outline:none;transition:.2s;min-width:0}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}
input::placeholder,textarea::placeholder{color:#5f7385}
textarea{min-height:110px;resize:vertical}
label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px;color:var(--mut)}
label.chk{display:flex;gap:8px;align-items:center;font-weight:400}
label.chk input{width:auto;accent-color:var(--accent)}
select.lang{width:auto;padding:7px 10px;font-weight:600;font-size:13px;cursor:pointer}
.cpf{display:flex;gap:8px}.cpf input{flex:1}
.err{color:var(--bad);font-size:13px;margin-top:8px;min-height:1em}
/* anahtar (toggle) */
.tgl{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);margin:0;color:var(--fg);font-weight:500;font-size:14px;cursor:pointer}
.tgl:first-child{border:0}
.tgl input{position:absolute;opacity:0;width:1px;height:1px}
.tgl i{flex:none;width:42px;height:24px;border-radius:99px;background:var(--line);position:relative;transition:.25s}
.tgl i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.25s}
.tgl input:checked+i{background:var(--accent);box-shadow:0 0 14px #3fd0ff66}
.tgl input:checked+i::after{left:21px}
.tgl input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}

/* ---------- 6. Kartlar ---------- */
.card{--bs-card-bg:var(--card);--bs-card-border-color:var(--line);--bs-card-border-radius:16px;--bs-card-color:var(--fg);
  display:block;padding:18px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}
@media(min-width:576px){.card{padding:22px}}
.card h3{font-size:18px;margin-bottom:8px}
.card p{font-size:14px;color:var(--mut)}
.card.hv:hover{transform:translateY(-4px);border-color:#3fd0ff66;box-shadow:0 20px 50px #3fd0ff14}
.kpi{position:relative;overflow:hidden;height:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;transition:.3s}
.kpi:hover{border-color:#3fd0ff55}
.kpi span{display:block;font-size:10px;color:var(--mut);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi b{display:block;font:700 18px var(--head);margin-top:4px;white-space:nowrap}
@media(min-width:576px){.kpi b{font-size:22px}.kpi span{font-size:11px}}
.kpi .spark{position:absolute;right:0;bottom:0;width:60%;height:34px;opacity:.9}
.kpi .spark path{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:400;stroke-dashoffset:400;animation:drawl 1.6s .2s ease forwards}
.kpi .spark .ar{fill:url(#sg);stroke:none;opacity:.5;animation:none}
/* sayfa başı paneli */
.phero{position:relative;display:grid;gap:22px;align-items:center;padding:20px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(135deg,#0f1520,#090c12);overflow:hidden;margin-bottom:18px}
.phero>*{min-width:0}
@media(min-width:992px){.phero{grid-template-columns:1.3fr 1fr;padding:30px}}
.phero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#3fd0ff0a 1px,transparent 1px) 0 0/36px 36px,linear-gradient(90deg,#3fd0ff0a 1px,transparent 1px) 0 0/36px 36px;-webkit-mask:radial-gradient(ellipse at 70% 40%,#000,transparent 70%);mask:radial-gradient(ellipse at 70% 40%,#000,transparent 70%)}
.phero h2{font-size:clamp(22px,3.4vw,36px);letter-spacing:-1px;margin-bottom:8px}
.ph1{font-size:clamp(28px,7vw,54px);letter-spacing:-1.5px;margin:0 0 10px;overflow-wrap:anywhere}
.orb{position:absolute;width:420px;height:420px;max-width:100vw;border-radius:50%;background:radial-gradient(#3fd0ff30,transparent 65%);right:-100px;top:-100px;z-index:-1;animation:float 8s ease-in-out infinite;pointer-events:none}
/* panel üst şeridi */
.pstrip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:center;padding:14px 16px;margin-bottom:16px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(135deg,#0f1520,#090c12)}
.pstrip h2{font-size:16px;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pstrip .ps-hi p{display:none}
.ps-bal{display:flex;flex-direction:column;text-align:right}
.ps-bal b{font-size:22px;line-height:1.1;text-shadow:0 0 24px #3fd0ff44}.ps-bal small{font-size:11px;color:var(--mut);margin-left:4px}
.pstrip .kpis{grid-column:1/-1;margin:0}
.pstrip .ctas{grid-column:1/-1;display:flex;gap:8px}.pstrip .ctas .btn{flex:1}
@media(min-width:768px){
  .pstrip{grid-template-columns:minmax(0,1fr) auto auto;padding:14px 18px}
  .pstrip h2{font-size:18px}.pstrip .ps-hi p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ps-bal{text-align:left;padding:0 18px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.ps-bal b{font-size:26px}
  .pstrip .ctas{grid-column:auto}.pstrip .ctas .btn{flex:none}
}
@media(min-width:1400px){.pstrip{grid-template-columns:minmax(0,1.2fr) auto minmax(0,1.6fr) auto}.pstrip .kpis{grid-column:auto}}

/* Kupon kullanıcı seçici */
.coupon-user-picker{min-width:0}
.coupon-user-picker>label{margin:0 0 6px}
.coupon-user-count{display:inline-flex;align-items:center;min-height:24px;margin:0 0 8px;padding:2px 9px;border:1px solid var(--line);border-radius:99px;background:var(--bg2);color:var(--mut);font-size:11px;font-weight:700}
.coupon-user-options{max-height:220px;overflow-y:auto;overflow-x:hidden;align-content:start;margin-inline:0;padding:7px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);scrollbar-color:var(--line) var(--bg2);scrollbar-width:thin}
.coupon-user-option{display:flex;align-items:center;gap:9px;min-width:0;margin:0;padding:8px 9px;border:1px solid transparent;border-radius:8px;background:var(--card);color:var(--fg);font-size:12px;font-weight:500;cursor:pointer;user-select:none;-webkit-user-select:none}
.coupon-user-option:hover{border-color:var(--line);background:#ffffff08}
.coupon-user-option input{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}
.coupon-user-option input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.coupon-user-option span{min-width:0;overflow-wrap:anywhere}
.coupon-user-selected{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.coupon-user-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-width:0;padding:3px 5px 3px 9px;border:1px solid var(--line);border-radius:99px;background:var(--card);color:var(--fg);font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.coupon-user-remove{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mut);font:500 16px/1 var(--sans);cursor:pointer;transition:background .15s,color .15s}
.coupon-user-remove:hover{background:#ffffff12;color:var(--fg)}
.coupon-user-remove:focus-visible{outline:2px solid var(--accent);outline-offset:1px;color:var(--fg)}
/* ---------- 7. Genel site (üst menü, alt bilgi, landing) ---------- */
.hdr{position:sticky;top:0;z-index:50;height:68px;background:#07090dcc;backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s}
.hdr.sc{border-color:var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;height:68px}
.logo{font-size:21px;display:inline-flex;align-items:center;letter-spacing:-.5px;white-space:nowrap}
.logo .a{color:var(--accent)}.logo svg{width:24px;height:24px;margin-right:6px;flex:none}
.logo svg path{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .8s .3s ease forwards}
.right{display:flex;gap:8px;align-items:center}
.right .btn.g,.hdr .right .btn.p{display:none}
.burger{display:grid;place-items:center;background:none;border:1px solid var(--line);color:var(--fg);border-radius:var(--r);width:40px;height:40px;font-size:18px;cursor:pointer}
.links{position:fixed;top:68px;left:0;right:0;display:flex;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--line);border-radius:0 0 16px 16px;padding:8px 16px;transform:translateY(-130%);visibility:hidden;transition:transform .3s,visibility .3s;z-index:-1;font-size:14px}
.links.open{transform:none;visibility:visible}
.links a{padding:13px 10px;border-radius:10px}
.links a.cur{background:var(--accent);color:var(--onaccent);font-weight:700}
.mobile-actions{display:flex;gap:10px;padding:12px 0 8px;margin-top:6px;border-top:1px solid var(--line)}
.mobile-actions .btn{display:inline-flex;flex:1;justify-content:center;align-items:center;padding:12px 10px;border-radius:10px;text-align:center}
@media(min-width:992px){.mobile-actions{display:none}}
@media(min-width:992px){.hdr .right .btn.g,.hdr .right .btn.p{display:inline-flex}}
@media(min-width:992px){
  .burger{display:none}.right .btn.g{display:inline-flex}
  .links{position:static;flex-direction:row;gap:2px;transform:none;visibility:visible;z-index:auto;background:#11161fb0;border:1px solid var(--line);border-radius:99px;padding:5px}
  .links a{padding:8px 16px;border-radius:99px;opacity:.75;transition:.25s}
  .links a:hover{background:#3fd0ff12;opacity:1}
  .links a.cur{opacity:1;box-shadow:0 0 20px #3fd0ff55}
}
.ftr{border-top:1px solid var(--line);padding:36px 0;margin-top:40px;font-size:14px}
.ftr .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ftr nav{display:flex;gap:18px;flex-wrap:wrap;color:var(--mut)}
section{padding:56px 0}
@media(min-width:768px){section{padding:80px 0}}
.sh{font-size:clamp(26px,4vw,42px);letter-spacing:-1px;margin-bottom:8px}
.sub{color:var(--mut);margin-bottom:28px;max-width:620px}
/* hero */
.hero{position:relative;padding:28px 0 56px}
@media(min-width:992px){.hero{padding:60px 0 90px}}
.hero h1{font-size:clamp(38px,6.4vw,80px);line-height:.98;letter-spacing:-2.5px;margin-bottom:20px}
h1 em{font-style:normal;color:var(--accent);text-shadow:0 0 30px #3fd0ff88;animation:flick 5s infinite}
.hero p.lead{font-size:17px;font-weight:400;color:var(--mut);max-width:520px;margin-bottom:26px}
.hero .ctas{display:flex;gap:10px;flex-wrap:wrap}
.hero .home-login,.hero .home-mobile-label{display:none}
@media(max-width:991.98px){.hero .home-login,.hero .home-mobile-label{display:inline-flex}.hero .home-desktop-label,.hero .guest-pricing{display:none}}
.stats{display:flex;gap:20px 30px;margin-top:34px;flex-wrap:wrap}
.stats b{display:block;font:700 26px var(--head)}.stats span{font-size:13px;color:var(--mut)}
.otp{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 0 80px #3fd0ff22;position:relative;overflow:hidden;animation:floaty 7s ease-in-out infinite}
.otp::before{content:"";position:absolute;left:0;right:0;height:60px;background:linear-gradient(transparent,#3fd0ff14,transparent);animation:scan 3s linear infinite;pointer-events:none}
.orw{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--mut);margin-bottom:14px;gap:10px}
.otp .num{font-size:20px;margin-bottom:18px}
.code{display:flex;gap:6px;margin-bottom:18px}
.code span{flex:1;text-align:center;font:700 clamp(20px,6vw,34px) var(--mono);height:clamp(48px,14vw,66px);line-height:clamp(48px,14vw,66px);border-radius:var(--r);background:var(--bg2);border:1px solid var(--line);transition:.3s}
.code span.hit{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px var(--ring);animation:pop .35s}
.ticker{border-block:1px solid var(--line);overflow:hidden;padding:14px 0;background:#0b0f15}
.ticker div{display:flex;gap:40px;width:max-content;animation:marq 40s linear infinite;font-size:14px;color:var(--mut)}
.ticker b{color:var(--accent);font-family:var(--mono)}
/* özellik kartları (bento) */
.bento .card{min-height:240px;display:flex;flex-direction:column;height:100%}
.bento .fic{margin-bottom:16px}
.vz{margin-top:auto;padding-top:20px}
.tl{display:flex;align-items:center}
.tl span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--bg2);border:1px solid var(--line);color:var(--accent);flex:none}
.tl span:last-of-type{border-color:var(--ok);color:var(--ok);box-shadow:0 0 20px #7dffb033}
.tl i{flex:1;height:2px;background:var(--line);position:relative;overflow:hidden}
.tl i::after{content:"";position:absolute;top:-2px;left:-30%;width:30%;height:6px;border-radius:9px;background:linear-gradient(90deg,transparent,var(--accent));animation:travel 1.8s linear infinite}
.tl i:nth-of-type(2)::after{animation-delay:.9s}
.tl b{margin-left:14px;font-size:22px;color:var(--accent);text-shadow:0 0 20px #3fd0ff66}
.rg{display:flex;align-items:center;gap:16px}
.rg svg{width:88px;height:88px;transform:rotate(-90deg)}
.rg circle{fill:none;stroke-width:9}.rg .bg{stroke:var(--line)}
.rg .pr{stroke:var(--ok);stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset 1.8s cubic-bezier(.2,.7,.2,1) .3s;filter:drop-shadow(0 0 6px #7dffb088)}
.rv.in .rg .pr{stroke-dashoffset:0}
.rg b{font:700 30px var(--head);color:var(--ok)}
.map{position:relative;height:120px;border-radius:12px;background:radial-gradient(circle,#3fd0ff30 1.2px,transparent 1.6px) 0 0/10px 10px;-webkit-mask:radial-gradient(ellipse at center,#000 45%,transparent 75%);mask:radial-gradient(ellipse at center,#000 45%,transparent 75%)}
.map i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);animation:ping2 2.4s infinite}
.term{margin:auto 0 0;font-size:13px;background:#05070a;min-height:90px}
.term .ty{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;border-right:2px solid var(--accent);width:0;animation:type 6s steps(34) infinite}
.term .rs{opacity:0;animation:show 6s infinite}
.chat{display:flex;flex-direction:column;gap:8px}
.chat .bub{font-size:13px;padding:10px 14px;max-width:80%}
.steps{counter-reset:s}
.steps .card{height:100%}
.steps .card::before{counter-increment:s;content:"0" counter(s);font:700 54px var(--head);color:#3fd0ff22;position:absolute;right:16px;top:6px}
/* SSS */
details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:10px;transition:border-color .2s}
details[open]{border-color:#3fd0ff55}
summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--accent);font-size:20px;line-height:1;transition:.2s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin-top:12px;color:var(--mut)}

/* ---------- 8. Tablolar (mobilde kart) ---------- */
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--mut);padding:10px 8px;font-weight:600}
.tbl td{padding:12px 8px;border-top:1px solid var(--line);vertical-align:middle}
.tbl tbody tr:hover{background:#3fd0ff08}
.tbl .r{text-align:right}
@media(max-width:767.98px){
  .tbl.stack thead{display:none}
  .tbl.stack tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px 4px;border-top:1px solid var(--line)}
  .tbl.stack td{border:0;padding:0}
  .tbl.stack td[data-l]::before{content:attr(data-l) ": ";color:var(--mut);font-size:12px}
}
.ptbl{table-layout:fixed;margin:14px 0}.ptbl td{font-size:13px;overflow-wrap:anywhere}
.ptbl td:first-child{width:28%;font-family:var(--mono);color:var(--accent)}

/* ---------- 9. Çipler, sekmeler, araç çubuğu ---------- */
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;padding:7px 13px;border-radius:99px;border:1px solid var(--line);background:var(--card);font-size:13px;font-weight:600;cursor:pointer;transition:.2s;color:var(--fg)}
.chip .si{width:20px;height:20px;flex-basis:20px;font-size:10px;margin-right:6px}
.chip.on,.chip:hover{border-color:var(--accent);color:var(--accent)}
.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{background:none;border:0;color:var(--mut);padding:9px 13px;font:600 14px var(--sans);cursor:pointer;white-space:nowrap;border-radius:9px}
.tabs button.on{background:#3fd0ff18;color:var(--accent)}
.tabs.seg{border:1px solid var(--line);border-radius:12px;padding:4px;background:var(--card);max-width:100%;width:max-content}
.toolbar{display:flex;gap:10px;flex-wrap:wrap}.toolbar input{flex:1;min-width:180px}.toolbar select{width:auto}
.ohd{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.ohd #oq{flex:1;min-width:180px;width:auto}
.views{margin-bottom:12px}.views button{padding:9px 16px;font-size:15px}
.durs{margin-bottom:4px}

/* ---------- 10. Uygulama kabuğu ---------- */
body.app{padding-bottom:96px}
.side{display:none}
.appmain{min-width:0}
.top{position:sticky;top:0;z-index:40;height:61px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;background:#07090dcc;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top h1{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user{display:flex;align-items:center;gap:10px}
.user .balv{font-size:14px}
.av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#7dffb0);color:var(--onaccent);display:grid;place-items:center;font-weight:800;flex:none}
.ub{border:0;cursor:pointer;transition:box-shadow .2s}.ub:hover,.ub[aria-expanded=true]{box-shadow:0 0 0 3px var(--ring)}
.udrop{--bs-dropdown-bg:var(--card);--bs-dropdown-border-color:var(--line);--bs-dropdown-border-radius:14px;--bs-dropdown-link-color:var(--fg);--bs-dropdown-link-hover-bg:#3fd0ff12;--bs-dropdown-link-hover-color:var(--fg);--bs-dropdown-link-active-bg:#3fd0ff22;
  width:250px;padding:6px;box-shadow:0 20px 60px #000c}
.udrop .uh{padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.udrop .uh small{display:block;color:var(--mut);font-size:12px;margin-top:2px}
.udrop .dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-size:14px}
.udrop .dropdown-item b{margin-left:auto;font-size:12px;color:var(--accent)}.udrop .i{width:17px;height:17px;color:var(--mut)}
.udrop .out2{border-top:1px solid var(--line);margin-top:6px;border-radius:0 0 10px 10px;color:var(--bad)}.udrop .out2 .i{color:var(--bad)}
.content{padding:16px;max-width:1520px;margin-inline:auto;width:100%}
.panel-menu-toggle{position:fixed;inset-inline-end:14px;bottom:14px;z-index:70;display:flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid #3fd0ff55;border-radius:14px;background:#11161feF;color:var(--fg);font:700 14px var(--sans),sans-serif;box-shadow:0 10px 30px #000a;cursor:pointer}
.panel-menu-toggle .i{width:19px;height:19px;color:var(--accent)}
.panel-menu-toggle:focus-visible,.panel-drawer-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.panel-drawer-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-inline-start:auto;border:1px solid var(--line);border-radius:11px;background:var(--bg2);color:var(--fg);cursor:pointer}
.panel-drawer-close .i{width:18px;height:18px}
.panel-drawer-backdrop{position:fixed;inset:0;z-index:79;border:0;background:#000a;backdrop-filter:blur(2px)}
body.panel-drawer-open{overflow:hidden}
body.panel-drawer-open .mascot{z-index:78}
.side{position:fixed;inset-block:0;inset-inline-start:0;width:min(320px,calc(100vw - 48px));height:100dvh;padding:18px 16px;background:linear-gradient(180deg,#0e131b,#0a0e14);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;z-index:80;transform:translateX(-105%);visibility:hidden;transition:transform .24s ease,visibility .24s;box-shadow:0 0 45px #0008}
.side.drawer-open{transform:translateX(0);visibility:visible}
.side .sec{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#5a6d7d;margin:16px 12px 8px}
.side nav a{position:relative;display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--r);font-size:14px;margin-bottom:3px;color:var(--mut);transition:.2s}
.side nav a:hover{color:var(--fg);background:#3fd0ff10}
.side nav a.cur{background:linear-gradient(90deg,#3fd0ff22,#3fd0ff05);color:var(--fg);font-weight:700}
.side nav a.cur::before{content:"";position:absolute;inset-inline-start:-16px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 14px var(--accent)}
.side nav a.cur .i{color:var(--accent);filter:drop-shadow(0 0 6px #3fd0ff88)}
.side .bal{margin-top:auto;padding:16px;border-radius:var(--r);background:linear-gradient(135deg,#3fd0ff1a,#0d1117);border:1px solid #3fd0ff33}
.side .bal b{font:700 24px var(--mono),monospace;display:block;margin-bottom:10px}
.side .out{display:flex;gap:10px;align-items:center;color:var(--mut);font-size:14px;padding:12px;margin-top:8px}
.side .out:hover{color:var(--bad)}
[dir=rtl] .side{transform:translateX(105%)}
[dir=rtl] .side.drawer-open{transform:translateX(0)}
@media(max-width:399.98px){.user .balv{display:none}}
@media(min-width:768px){.content{padding:24px}.top{padding:0 24px}.top h1{font-size:20px}}
@media(min-width:992px){
  body.app{display:grid;grid-template-columns:240px minmax(0,1fr);padding-bottom:0}
  .panel-menu-toggle,.panel-drawer-backdrop,.panel-drawer-close{display:none}
  .side{position:sticky;inset:auto;top:0;width:auto;height:100vh;background:linear-gradient(180deg,#0e131b,#0a0e14);border-inline-end:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;overflow:hidden;z-index:60;transform:none;visibility:visible;box-shadow:none}
  [dir=rtl] body.app .side{transform:none}
  .side::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(#3fd0ff1c,transparent 65%);top:-120px;left:-120px;pointer-events:none}
  .side .logo{margin:0 8px 26px}
  .side .sec{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#5a6d7d;margin:16px 12px 8px}
  .side nav a{position:relative;display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--r);font-size:14px;margin-bottom:3px;color:var(--mut);transition:.2s}
  .side nav a:hover{color:var(--fg);background:#3fd0ff10}
  .side nav a.cur{background:linear-gradient(90deg,#3fd0ff22,#3fd0ff05);color:var(--fg);font-weight:700}
  .side nav a.cur::before{content:"";position:absolute;inset-inline-start:-16px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent);box-shadow:0 0 14px var(--accent)}
  .side nav a.cur .i{color:var(--accent);filter:drop-shadow(0 0 6px #3fd0ff88)}
  .side .bal{margin-top:auto;padding:16px;border-radius:var(--r);background:linear-gradient(135deg,#3fd0ff1a,#0d1117);border:1px solid #3fd0ff33}
  .side .bal b{font:700 24px var(--mono);display:block;margin-bottom:10px}
  .side .out{display:flex;gap:10px;align-items:center;color:var(--mut);font-size:14px;padding:12px;margin-top:8px}
  .side .out:hover{color:var(--bad)}
}

/* ---------- 11. Numara Al: mod, seçici, sağlayıcılar ---------- */
.modes button{width:100%;height:100%;display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:14px;border:1px solid var(--line);background:var(--bg2);color:var(--fg);cursor:pointer;text-align:left;transition:.2s;font:inherit}
.modes button .i{width:24px;height:24px;color:var(--mut)}
.modes b{display:block;font-size:15px}.modes small{display:block;font-size:12px;color:var(--mut)}
.modes button:hover{border-color:#3fd0ff55}
.modes button.on{border-color:var(--accent);background:linear-gradient(135deg,#3fd0ff1c,var(--bg2));box-shadow:0 0 0 3px var(--ring)}
.modes button.on .i{color:var(--accent);filter:drop-shadow(0 0 6px #3fd0ff88)}
.cb{position:relative}
.cb-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:var(--bg2);color:var(--fg);cursor:pointer;text-align:left;font:600 15px var(--sans);transition:.2s}
.cb-btn:hover,.cb.open .cb-btn{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}
.cb-btn>span:not(.si):not(.fl){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-btn small{display:block;font-size:11px;color:var(--mut);font-weight:600;text-transform:uppercase;letter-spacing:1px}
.cb-btn .si{margin:0}
.cb-btn>.i{transform:rotate(90deg);color:var(--mut);transition:.2s}.cb.open .cb-btn>.i{transform:rotate(-90deg);color:var(--accent)}
.cb-pop{display:none;position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 20px 60px #000c;animation:slide .2s ease}
@media(min-width:576px){.cb-pop{min-width:340px}}
.cb.open .cb-pop{display:block}
.cb-pop input{margin-bottom:6px}
.cb-list{max-height:300px;overflow:auto}
.cb-list button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;background:none;color:var(--fg);border-radius:10px;cursor:pointer;font:600 14px var(--sans);text-align:left}
.cb-list button:hover,.cb-list button.on{background:#3fd0ff14}
.cb-list button.on{color:var(--accent)}
.cb-list button>span:not(.si):not(.fl){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-list .si{margin:0;width:24px;height:24px;flex-basis:24px;font-size:11px}
.cb-list em{font-style:normal;white-space:nowrap}
.cb-list em.meta{display:flex;gap:6px;align-items:center;flex:none}
.cb-list .mp{font:700 13px var(--mono);color:var(--accent);background:#3fd0ff14;border:1px solid #3fd0ff33;padding:3px 8px;border-radius:8px;min-width:60px;text-align:right}
.cb-list .ms{font:600 12px var(--sans);color:var(--mut);background:#ffffff08;border:1px solid var(--line);padding:3px 8px;border-radius:8px;min-width:70px;text-align:right}
.cb-list button.on .ms{color:var(--fg)}
@media(max-width:399.98px){.cb-list .ms{display:none}}
#pop .chip{padding:6px 12px 6px 6px}
/* sağlayıcı satırı: mobilde kart, sm+ tek satır */
.offers{display:grid;gap:8px}
.ofh{display:none}
.orow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n p" "s e" "b b";gap:10px 12px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--bg2);transition:border-color .2s;align-items:center}
.orow:hover{border-color:#3fd0ff55}
.orow.best{border-color:var(--accent);background:linear-gradient(90deg,#3fd0ff12,var(--bg2))}
.orow .on{grid-area:n;display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}
.orow .on b{font-size:15px}
.orow .om{display:flex;align-items:center;gap:8px;font-size:13px;min-width:0}
.orow .om b{font-family:var(--mono);font-size:13px}
.orow .om.st{grid-area:s}
.orow .om:not(.st){grid-area:e;justify-content:flex-end}
.orow .opr{grid-area:p;display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;text-align:right}
.orow .pbtn{grid-area:b;width:100%;padding:10px}
.opr b{font:800 20px var(--mono);letter-spacing:-.3px}
.orow.best .opr b{color:var(--accent)}
.opr s{font:500 12px var(--mono);color:#8da2b3;text-decoration-thickness:1.5px}
.opr .vipx{font:600 11.5px var(--mono);color:var(--gold)}
.stk{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:99px;font:700 13px var(--mono);border:1px solid var(--line);background:var(--bg2);white-space:nowrap}
.stk small{font:500 11px var(--sans);color:var(--mut)}
.stk i{width:8px;height:8px;border-radius:50%;flex:none}
.stk.hi i{background:var(--ok);box-shadow:0 0 8px var(--ok)}.stk.md i{background:var(--wait);box-shadow:0 0 8px var(--wait)}.stk.lo i{background:var(--bad);box-shadow:0 0 8px var(--bad)}
.stk.lo{color:var(--bad)}
@media(min-width:576px){
  .ofh,.orow{grid-template-columns:minmax(0,1fr) 118px 56px 88px 104px;grid-template-areas:"n s e p b";gap:12px}
  .ofh{display:grid;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--mut);padding:0 14px}
  .ofh span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .orow{padding:10px 14px;border-radius:12px}
  .orow .om:not(.st){justify-content:flex-start}
  .orow .opr{align-items:flex-start;text-align:left}
  .opr b{font-size:17px}
  .orow .pbtn{padding:7px 10px}
}
@media(min-width:1200px){.ofh,.orow{grid-template-columns:minmax(130px,1fr) 150px 80px 110px 116px}}
.viph{margin:12px 2px 0;font-size:13px;color:var(--mut);display:flex;gap:6px 8px;align-items:center;flex-wrap:wrap}
.viph.on{color:#ffe39a}
.viph .miss{color:var(--gold);font-weight:600}
/* pricing satırı (başarı oranı ile) */
.mini{flex:1;height:4px;border-radius:9px;background:var(--line);overflow:hidden;max-width:80px}
.mini i{display:block;height:100%;background:var(--accent)}
.prow{grid-template-areas:"n n" "s e" "p b"}
.prow>.om:nth-of-type(1){grid-area:s}.prow>.om:nth-of-type(2){grid-area:e}.prow>.om:nth-of-type(3){grid-area:p}.prow>.btn{grid-area:b}
@media(min-width:576px){.prow,#plist .ofh{grid-template-columns:minmax(0,1fr) 100px 80px 50px 120px;grid-template-areas:"n s e p b"}}
.nm2{display:flex;flex-direction:column;min-width:0;line-height:1.25}.nm2 .mut{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mlist{display:grid;gap:4px;padding:18px}
.mrow{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;transition:.2s;font-size:14px}
.mrow:hover{background:#3fd0ff12}.mrow>.mn{flex:1;min-width:0}.mrow b{color:var(--accent)}.mrow .si{margin:0;width:26px;height:26px;flex-basis:26px;font-size:11px}
.pbar{position:sticky;top:76px;z-index:20;padding:14px;background:#11161fee;backdrop-filter:blur(12px)}

/* ---------- 12. Numaralarım / geçmiş satırları ---------- */
.olist{display:grid;gap:8px}
.ord{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"r w a" "n n n" "c c c" "s s s";gap:8px 12px;align-items:center;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--bg2);transition:border-color .2s}
.ord:hover{border-color:#3fd0ff44}
.ord.st-wait{border-color:#ffcf5c33;background:linear-gradient(90deg,#ffcf5c08,var(--bg2))}
.ord.st-rent{border-color:#3fd0ff33;background:linear-gradient(90deg,#3fd0ff0a,var(--bg2))}
.ord.st-refund,.ord.st-cancel{opacity:.65}
.ord>.ring{grid-area:r}.ord>.ow{grid-area:w;min-width:0}.ord>.nb{grid-area:n}.ord>.cd{grid-area:c}.ord>.oa{grid-area:a}.ord>.rsms{grid-area:s}
.ord .ow>div:first-child,.ord .ow .sm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ord>.nb,.ord>.cd{width:100%}
.ord .oa{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media(min-width:768px){.ord{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"r w a" "r n c" "s s s"}.ord>.nb,.ord>.cd{width:auto;min-width:160px}}
@media(min-width:1200px){.ord{grid-template-columns:46px minmax(0,1fr) 200px 170px 210px;grid-template-areas:"r w n c a" "s s s s s"}.ord>.nb,.ord>.cd{width:100%;min-width:0}.ord .oa{flex-wrap:nowrap}}
.ring{--p:100;width:40px;height:40px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center;flex:none}
.ring span{width:33px;height:33px;border-radius:50%;background:var(--card);display:grid;place-items:center;font:700 9px var(--mono)}
.ring.off{background:none;border-radius:12px}.ring.off .si{margin:0;width:38px;height:38px;flex-basis:38px;font-size:15px}
.rsms{display:grid;gap:6px;margin-top:4px}
.sms{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:var(--card);border:1px solid var(--line);font-size:13px}
.sms>div{min-width:0;overflow-wrap:anywhere}.sms .code-cp{font-size:15px;letter-spacing:1px;flex:none}
@media(max-width:575.98px){.sms{flex-direction:column;align-items:stretch}.sms .code-cp{width:100%}}
/* kopyalanabilir kutu */
.cpbox{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:10px;border:1px dashed #3fd0ff44;background:#3fd0ff08;color:var(--fg);font:500 14px var(--mono);cursor:pointer;transition:.2s;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpbox .i{width:15px;height:15px;color:var(--mut)}
.cpbox:hover{border-style:solid;border-color:var(--accent);background:#3fd0ff14}.cpbox:hover .i{color:var(--accent)}
.cpbox.cpd{border-color:var(--ok);background:var(--okbg);color:var(--ok)}
.cpbox.cpx{border-color:var(--bad);color:var(--bad)}
.cpbox.code-cp{font-size:18px;font-weight:700;letter-spacing:3px;color:var(--accent);border-color:#3fd0ff77;box-shadow:0 0 18px #3fd0ff22;padding:6px 12px}
.cpbox.wbox{border:0;background:none;cursor:default;justify-content:center}.cpbox.wbox .bar{flex:1}
.cpbox.wide,.krow .cpbox{width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;font-size:14px;line-height:1.45}
.cpbox.wide{padding:13px 15px}
/* panelde yan liste */
.mside{display:flex;flex-direction:column;padding:16px}
.mside .stp{flex:none;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line)}
.mside h3{font-size:16px}
.mside #act{overflow-y:auto;max-height:440px;scrollbar-width:thin}
@media(min-width:1200px){.mside{height:0;min-height:100%}.mside #act{flex:1;min-height:0;max-height:none}}
.act.mylist{gap:8px}
.act.mylist .ord{padding:10px;gap:6px 10px;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"r w" "n n" "c c" "a a" "s s"}
.act.mylist .ring{width:34px;height:34px}.act.mylist .ring span{width:28px;height:28px;font-size:8px}.act.mylist .ring.off .si{width:30px;height:30px;flex-basis:30px}
.act.mylist .ow .sm,.act.mylist .ow .pill{display:none}
.act.mylist .ow>div:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.act.mylist>.ord>.nb,.act.mylist>.ord>.cd{width:100%;min-width:0}
.act.mylist .cpbox{padding:6px 10px;font-size:13px}.act.mylist .code-cp{font-size:16px}
.act.mylist .oa{justify-content:flex-start}.act.mylist .oa .btn{--bs-btn-padding-x:8px;--bs-btn-padding-y:5px;--bs-btn-font-size:11px}
.act.mylist .rsms .sms{flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px}.act.mylist .rsms .code-cp{width:100%}
.act.mylist>.btn{margin-top:4px}

/* ---------- 13. Bakiye ---------- */
.amts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(min-width:576px){.amts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.amts button{min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg2);color:var(--fg);font:700 16px var(--mono);cursor:pointer;transition:.2s}
.amts small{display:block;font:700 11px var(--sans);color:var(--ok)}
.amts small:empty{display:none}
.amts button.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);color:var(--accent)}
.amts button[data-a="250"],.amts button[data-a="500"],.amts button[data-a="1000"]{border-color:#ffcf5c44}
.amts button[data-a="250"].on,.amts button[data-a="500"].on,.amts button[data-a="1000"].on{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 3px #ffcf5c33,0 0 30px #ffcf5c33}
.tiers{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.tiers span{font-size:12px;padding:5px 10px;border-radius:99px;border:1px solid var(--line);color:var(--mut)}
.tiers span.on{border-color:#7dffb066;color:var(--ok);background:var(--okbg)}
.meths{display:grid;gap:8px}
.meths button{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;min-height:60px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg2);color:var(--fg);font:600 14px var(--sans);text-align:left;cursor:pointer;transition:.2s}
.meths button .pill{display:none}
@media(min-width:420px){.meths button{grid-template-columns:34px minmax(0,1fr) auto auto}.meths button .pill{display:inline-flex;font-size:11px}}
.meths .mn{min-width:0}.meths .mn b,.meths .mn small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meths small{font-size:11px;color:var(--mut);font-weight:400}
.meths button.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}
.meths button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.meths button.rec{border-color:#7dffb055}.meths button.rec.on{border-color:var(--ok);box-shadow:0 0 0 3px #7dffb033}
.mb{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 20%,transparent);color:var(--c);font:800 15px var(--sans);flex:none}
.fee{font:700 11px var(--mono);font-style:normal;padding:3px 8px;border-radius:99px;background:var(--waitbg);color:var(--wait);white-space:nowrap}
.fee.z{background:var(--okbg);color:var(--ok);font-family:var(--sans)}
.sumcard{display:flex;flex-direction:column}
.sum{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:16px 0}
.sum>div{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.sum b{font-family:var(--mono)}.sum .g{color:var(--ok)}
.sum .nudge{display:block;font-size:12px;color:var(--mut)}.sum .nudge>span{display:block;min-height:3em;line-height:1.5}.sum .nudge .bar{margin-top:6px;height:5px}
.sum .free{color:var(--ok)}.sum .free b{font-size:18px}
.sum .feeln{color:var(--wait)}
.sum .tot{border-top:1px solid var(--line);padding-top:12px;margin-top:4px}.sum .tot b{font-size:28px;color:var(--accent)}
.sum .pay{font-weight:700}.sum .pay b{font-size:18px}
.vipb{display:block;padding:12px;border-radius:12px;background:#ffcf5c14;border:1px solid #ffcf5c44;opacity:.45;filter:grayscale(1);transition:.3s}
.vipb.on{opacity:1;filter:none}
.vipb .pill{background:var(--gold);color:#1a1300}
.vipb ul{margin-top:8px;display:grid;gap:4px}.vipb li{display:flex;gap:8px;align-items:center;font-size:13px;color:#ffe39a}.vipb .i{width:14px;height:14px}
.vipb small{display:block;margin-top:6px;font-size:11px;color:var(--mut)}.vipb.on small{visibility:hidden}
.card.gold{border-color:#ffcf5c88;background:linear-gradient(160deg,#2a2210,var(--card) 55%);box-shadow:0 0 50px #ffcf5c22}
.card.gold .tot b{color:var(--gold);text-shadow:0 0 24px #ffcf5c88}
.card.vip{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 80px #ffcf5c33;animation:vipglow 3s ease-in-out infinite}
#affc{margin-top:auto}

/* ---------- 14. Destek ---------- */
.tlim{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:var(--badbg);color:var(--bad);font-size:13px}
#tf :disabled{opacity:.5;cursor:not-allowed}
.att{display:grid;gap:8px;margin-top:12px}
.attrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.attb{cursor:pointer}
.thumbs{display:flex;gap:8px;flex-wrap:wrap}.thumbs:empty{display:none}
.th{position:relative;width:64px;height:64px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.th img{width:100%;height:100%;object-fit:cover}
.th button{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:0;background:#000b;color:#fff;cursor:pointer;line-height:1;padding:0}
.mimgs{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.mimgs img{width:110px;height:80px;object-fit:cover;border-radius:8px;cursor:zoom-in;border:1px solid var(--line)}
.tk-main{display:flex;flex-direction:column;padding:0}
.tk-head{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}
.tk-head h2{font-size:18px;margin:0;overflow-wrap:anywhere}
.thread{display:flex;flex-direction:column;gap:14px;padding:16px;max-height:min(60vh,560px);min-height:240px;overflow-y:auto;background:radial-gradient(circle at 50% 0,#3fd0ff08,transparent 60%)}
.msgr{display:flex;gap:10px;align-items:flex-end}.msgr.me{flex-direction:row-reverse}
.bub{max-width:85%;padding:12px 14px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);overflow-wrap:anywhere}
.bub.me{align-self:flex-end;background:#3fd0ff14;border-color:#3fd0ff44}
.bub small{display:block;color:var(--mut);font-size:11px;margin-bottom:4px}
@media(min-width:768px){.bub{max-width:75%}}
.av.sm2{width:32px;height:32px;font-size:13px}.av.ag{background:var(--bg2);border:1px solid #3fd0ff44}.av.ag svg{width:18px;height:18px}
.typing{display:inline-flex;gap:4px}.typing i{width:6px;height:6px;border-radius:50%;background:var(--mut);animation:bounce 1.2s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
.composer{border-top:1px solid var(--line);padding:14px 16px;display:grid;gap:10px;background:var(--card)}
.composer .chips,.composer .att{margin:0}
.cmp{display:flex;gap:10px;align-items:flex-end}.cmp textarea{min-height:48px;resize:none}
.cmp .btn{height:48px;width:52px;padding:0;flex:none}.cmp .i{width:20px;height:20px}
.tk-closed{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--line);color:var(--mut)}
.tk-closed span{display:flex;gap:8px;align-items:center}
.tk-side{display:grid;gap:16px}
@media(min-width:1200px){.tk-side{position:sticky;top:80px}}
.kv{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:13px}.kv span{color:var(--mut)}
.mini-ord{display:flex;gap:10px;align-items:center}.mini-ord>div{flex:1;min-width:0}.mini-ord .si{margin:0}

/* ---------- 15. Profil, ortaklık, iş ortakları ---------- */
.pcard{display:flex;gap:16px;align-items:center;flex-wrap:wrap;position:relative}
.pc-id{flex:1;min-width:180px}.pc-id h2{margin:0 0 4px}
.av.big{width:64px;height:64px;font-size:28px;box-shadow:0 0 40px #3fd0ff55}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 4px}
.pstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin-top:6px}
.pstats div{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#0d1117aa;min-width:0}
.pstats span{display:block;font-size:10px;color:var(--mut);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pstats b{font:700 16px var(--head)}
@media(min-width:576px){.pstats b{font-size:20px}.pstats span{font-size:11px}}
.krow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"w d" "k k";gap:10px;align-items:center;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--bg2)}
.krow>.ow{grid-area:w;min-width:0}.krow>.cpbox{grid-area:k;font-size:13px}.krow>.btn{grid-area:d}
.krow.fresh{border-color:var(--ok);animation:pop .4s}
.lrow{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.lrow:first-of-type{border:0}
.lrow>div{flex:1;min-width:0}.lrow .sm{overflow-wrap:anywhere}
.li{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none}
.alog{display:grid}
.lg{display:flex;gap:14px;padding:10px 0;position:relative}
.lg i{flex:none;width:10px;height:10px;border-radius:50%;margin-top:5px;background:var(--accent);box-shadow:0 0 0 4px #3fd0ff1a}
.lg i.pw{background:var(--wait);box-shadow:0 0 0 4px var(--waitbg)}.lg i.topup{background:var(--ok);box-shadow:0 0 0 4px var(--okbg)}
.lg:not(:last-child)::before{content:"";position:absolute;left:4.5px;top:24px;bottom:-6px;width:1px;background:var(--line)}
.tiers2{display:grid;gap:10px;position:relative}
.tier{display:grid;grid-template-columns:1fr auto;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#0d1117cc}
.tier em{grid-row:span 2;align-self:center;font:700 24px var(--head);font-style:normal;color:var(--accent)}
.tier.on{border-color:var(--accent);box-shadow:0 0 30px #3fd0ff22}
.ptn{display:flex;flex-direction:column;gap:14px;height:100%}
.ptn.soon{opacity:.7}
.ph{display:flex;gap:12px;align-items:center}.ph>div{flex:1;min-width:0}
.ph .mut{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plogo{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font:800 15px var(--head);color:var(--onaccent);background:linear-gradient(135deg,var(--accent),#7dffb0);flex:none}
.ptn.soon .plogo{background:linear-gradient(135deg,#5a6d7d,#2a3644);color:var(--fg)}
.pst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(min-width:420px){.pst{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pst div{padding:10px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);min-width:0}
.pst span{display:block;font-size:10px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pst b{font:700 16px var(--head)}
.pf{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}
.becm{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap;background:linear-gradient(135deg,#3fd0ff14,var(--card))}

/* ---------- 16. Giriş / kayıt ---------- */
.auth{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:32px 16px}
.auth .card{width:100%;max-width:420px}
@media(min-width:576px){.auth .card{padding:32px}}
.auth h1{font-size:clamp(24px,7vw,30px);margin-bottom:6px;overflow-wrap:anywhere}
.auth .alt{text-align:center;margin-top:18px;font-size:14px;color:var(--mut)}.auth .alt a{color:var(--accent)}
.auth-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.auth-brand .logo{font-size:21px}
.auth-brand .logo svg{width:24px;height:24px}
.auth-mascot{display:block;width:44px;height:53px;flex:none;filter:drop-shadow(0 5px 10px #0008) drop-shadow(0 0 10px #3fd0ff33)}
.auth-mascot svg{display:block;width:100%;height:100%}
.auth-mascot .m-ant{animation:none}
.auth-mascot .m-eyes{animation:none}
.auth-mascot .m-eyelids{display:none}
.auth.password-focused .auth-mascot .m-eyes{visibility:hidden}
.auth.password-focused .auth-mascot .m-eyelids{display:block}
#soc{margin:20px 0 4px;display:grid;gap:10px}
.or{display:flex;align-items:center;gap:12px;color:var(--mut);font-size:12px;margin:4px 0 -4px}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}

/* ---------- 17. API dokümanı ---------- */
.toc{display:flex;gap:4px;overflow-x:auto;font-size:13px;padding:8px;scrollbar-width:none}
.toc::-webkit-scrollbar{display:none}
.toc a{flex:none;display:flex;gap:8px;align-items:center;border-radius:10px;padding:8px 10px;color:var(--mut)}
.toc a .i{width:16px;height:16px}.toc a:hover{color:var(--fg)}.toc a.on{background:#3fd0ff14;color:var(--accent)}
@media(min-width:992px){.toc{position:sticky;top:86px;flex-direction:column;overflow:visible}.toc a{flex:auto}}
.ep{scroll-margin-top:90px}.ep h2{font-size:21px;margin:10px 0 6px}
.eph{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:#05070a;border:1px solid var(--line);overflow-x:auto}
.meth{display:inline-block;font:700 10px var(--mono);padding:3px 6px;border-radius:6px;background:var(--okbg);color:var(--ok)}
.meth.POST{background:var(--waitbg);color:var(--wait)}
.eph .meth{font-size:12px;padding:4px 8px}.path{font-family:var(--mono);font-size:14px;white-space:nowrap}
pre{background:#05070a;border:1px solid var(--line);border-radius:12px;padding:14px;overflow-x:auto;font-size:13px;line-height:1.6;margin:12px 0;position:relative;color:var(--fg)}
pre .k{color:var(--accent)}pre .s{color:var(--ok)}
.codebox{margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#05070a}
.codebox pre{margin:0;border:0;border-radius:0;background:none}
.ltabs{display:flex;gap:2px;align-items:center;padding:6px;border-bottom:1px solid var(--line);background:#0a0e14;font-size:12px;overflow-x:auto}
.ltabs button{background:none;border:0;color:var(--mut);font:600 12px var(--sans);padding:6px 10px;border-radius:8px;cursor:pointer;white-space:nowrap}
.ltabs button.on{background:#3fd0ff18;color:var(--accent)}
.ltabs .cp2{margin-left:auto}.ltabs .cp2 .i{width:15px;height:15px}.ltabs .cp2:hover{color:var(--accent)}
.ltabs span{padding:4px 8px;color:var(--mut)}

/* ---------- 18. Sözleşmeler ---------- */
.ltabs2{display:flex;gap:6px;margin:28px 0 16px;overflow-x:auto;border:1px solid var(--line);border-radius:14px;padding:5px;width:max-content;max-width:100%;background:var(--card);scrollbar-width:none}
.ltabs2 a{padding:9px 16px;border-radius:10px;font-weight:600;font-size:14px;color:var(--mut);white-space:nowrap}
.ltabs2 a.on{background:var(--accent);color:var(--onaccent);box-shadow:0 0 20px #3fd0ff55}
.legal{max-width:820px;padding:clamp(20px,4vw,44px)}
.legal h1{font-size:clamp(26px,4vw,40px);letter-spacing:-1px;margin-bottom:6px}
.legal h2{font-size:19px;margin:28px 0 10px}
.legal p{color:#b9c7d3;margin-bottom:10px;line-height:1.7}
.legal section{padding:0;scroll-margin-top:90px}
.ltoc{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 6px}
.ltoc a{font-size:12px;padding:5px 10px;border:1px solid var(--line);border-radius:99px;color:var(--mut)}.ltoc a:hover{color:var(--accent);border-color:var(--accent)}

/* ---------- 19. Pencereler (Bootstrap modal) ve bildirim ---------- */
.modal{--bs-modal-bg:var(--card);--bs-modal-border-color:#3fd0ff44;--bs-modal-border-radius:18px;--bs-modal-color:var(--fg);--bs-modal-padding:22px;--bs-backdrop-bg:#000;--bs-backdrop-opacity:.65}
.modal-content{box-shadow:0 30px 80px #000,0 0 60px #3fd0ff22}
.modal-body h3{font-size:20px;margin-bottom:14px}
.mrows{display:grid;gap:10px;margin-bottom:16px}
.mrows>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}.mrows span{color:var(--mut)}
.mrows b{display:flex;align-items:center;gap:6px;text-align:right}.mrows .si{margin:0;width:22px;height:22px;flex-basis:22px;font-size:10px}
.mrows .tot{border-top:1px solid var(--line);padding-top:12px}.mrows .tot b{font:700 26px var(--mono);color:var(--accent)}
.mact{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:16px}
.modal.zoom .modal-content{background:none;border:0;box-shadow:none}.modal.zoom img{max-width:100%;max-height:86vh;border-radius:12px;cursor:zoom-out;margin:auto;display:block}
.ony-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,140px);background:var(--card);border:1px solid var(--accent);padding:12px 18px;border-radius:var(--r);z-index:1100;transition:transform .35s;box-shadow:0 10px 40px #000a;max-width:calc(100vw - 32px)}
.ony-toast.on{transform:translate(-50%,0)}
body.app .ony-toast{bottom:92px}
@media(min-width:992px){body.app .ony-toast{bottom:20px}}
.spark{position:fixed;width:7px;height:7px;border-radius:2px;z-index:1150;pointer-events:none;animation:spark .9s cubic-bezier(.2,.7,.3,1) forwards}

/* ---------- 20. Maskot ---------- */
.mascot{position:fixed;right:12px;bottom:92px;z-index:90;transition:transform 3.2s ease-in-out;pointer-events:none}
@media(min-width:992px){.mascot{right:18px;bottom:18px}}
body:not(.app) .mascot{bottom:18px}
.mascot.free{right:auto;bottom:auto}
.mascot>*{pointer-events:auto}
.mascot.drag{transition:none;z-index:1060}
.mbody{display:block;width:58px;height:70px;background:none;border:0;padding:0;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 10px 18px #0009) drop-shadow(0 0 16px #3fd0ff44);animation:bob 3s ease-in-out infinite}
@media(min-width:992px){.mbody{width:74px;height:88px}}
.mbody svg{width:100%;height:100%;overflow:visible}
.m-eyes{animation:blink 5s infinite;transform-origin:40px 43px}
.m-eyes ellipse,.m-pu{transform-box:fill-box;transform-origin:center}
.m-pu{transition:transform .15s}
.m-eyelids{display:none}
.m-ant{transform-origin:40px 22px;animation:wig 4s ease-in-out infinite}
.mascot.walk .mbody{animation:walk .35s ease-in-out infinite}
.mascot.walk .m-feet ellipse:nth-child(1){animation:step .35s infinite}.mascot.walk .m-feet ellipse:nth-child(2){animation:step .35s .17s infinite}
.mascot.flip .mbody svg{transform:scaleX(-1)}
.mascot.jump .mbody{animation:jump .6s cubic-bezier(.3,1.6,.5,1)}
.mascot.land .mbody{animation:land .5s cubic-bezier(.3,1.6,.5,1)}
.mascot.drag .mbody{cursor:grabbing;animation:dangle .5s ease-in-out infinite;filter:drop-shadow(0 24px 24px #000a) drop-shadow(0 0 22px #3fd0ff77)}
.mascot.drag .m-feet{animation:kick .3s infinite}
.mascot.wave .m-ant{animation:wave .4s ease-in-out 3}
.mascot.stretch .mbody{animation:stretch 1.1s ease-in-out}
.mascot.spin .mbody{animation:spin .8s cubic-bezier(.4,1.4,.5,1)}
.mascot.wiggle .mbody{animation:wiggle .6s ease-in-out}
.mascot.wink .m-eyes{animation:none}.mascot.wink .m-eyes ellipse:last-of-type,.mascot.wink .m-pu:last-of-type{animation:wink .9s}
.mascot.dance .mbody{animation:dance 1.1s ease-in-out}
.mascot.shy .mbody{animation:shy 1.1s ease-in-out}.mascot.shy circle[fill="#ff8fb355"]{fill:#ff8fb3cc}
.mascot.dizzy .mbody{animation:dizzy 1.2s ease-in-out}.mascot.dizzy .m-pu{animation:orbit .4s linear 3}
.mascot.sleep .m-eyes{animation:none;transform:scaleY(.1)}.mascot.sleep .mbody{animation:breathe 3s ease-in-out infinite}
.mascot[data-mood="s"] .mbody{filter:drop-shadow(0 10px 18px #0009) drop-shadow(0 0 16px #ff6b7d55)}
.mb2{position:absolute;right:50px;bottom:56px;width:max-content;max-width:min(260px,calc(100vw - 100px));background:var(--card);border:1px solid #3fd0ff55;border-radius:14px 14px 4px 14px;padding:10px 30px 10px 12px;font-size:13px;box-shadow:0 12px 30px #000a;opacity:0;transform:translateY(8px) scale(.95);transform-origin:bottom right;transition:.25s;pointer-events:none}
@media(min-width:992px){.mb2{right:62px;bottom:70px}}
.mascot.talk .mb2{opacity:1;transform:none;pointer-events:auto}
.mascot.lft .mb2{right:auto;left:50px;border-radius:14px 14px 14px 4px;transform-origin:bottom left}
@media(min-width:992px){.mascot.lft .mb2{left:62px}}
.mascot.news .mb2{border-color:#ffcf5c88;background:linear-gradient(135deg,#2a2210,var(--card));box-shadow:0 12px 30px #000a,0 0 24px #ffcf5c33}
.mb2 button{position:absolute;top:4px;right:6px;background:none;border:0;color:var(--mut);font-size:16px;cursor:pointer;line-height:1;padding:0}
.mascot.closed{display:none}
.mx{position:absolute;top:-6px;left:-6px;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--mut);font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:.2s;display:grid;place-items:center;padding:0}
.mascot:hover .mx,.mascot.talk .mx,.mx:focus-visible{opacity:1}.mx:hover{color:var(--bad);border-color:var(--bad)}
@media(hover:none){.mx{opacity:.8}}
.zz{position:absolute;right:4px;top:-14px;font:700 14px var(--head);color:var(--accent);opacity:0;pointer-events:none}
.zz b,.zz i{font-style:normal;display:inline-block;margin-left:2px}
.mascot.sleep .zz{opacity:1}.mascot.sleep .zz>*{animation:zz 2.4s infinite}.mascot.sleep .zz b{animation-delay:.4s}.mascot.sleep .zz i{animation-delay:.8s}
.mball{position:fixed;z-index:89;font-size:22px;font-style:normal;pointer-events:none;opacity:0;line-height:1}
.mball.on{opacity:1}
.mball.roll{animation:roll 1.6s cubic-bezier(.25,.7,.4,1) forwards}
.mball.jug{animation:jug .6s ease-in-out 3}
.heart{position:fixed;z-index:95;font-size:18px;font-style:normal;pointer-events:none;animation:heart 1.4s ease-out both}

/* ---------- 21. Animasyonlar ---------- */
@keyframes gridmove{to{background-position:0 48px,48px 0}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes shine{60%,100%{transform:translateX(350%) skewX(-20deg)}}
@keyframes ping{0%{box-shadow:0 0 0 0 var(--ok)}70%{box-shadow:0 0 0 10px transparent}}
@keyframes ping2{0%{box-shadow:0 0 0 0 #3fd0ffaa}80%,100%{box-shadow:0 0 0 18px transparent}}
@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
@keyframes float{50%{transform:translate(-30px,24px) scale(1.08)}}
@keyframes floaty{50%{transform:translateY(-8px)}}
@keyframes flick{0%,92%,100%{opacity:1}93%{opacity:.4}95%{opacity:1}96%{opacity:.6}}
@keyframes scan{from{top:-60px}to{top:100%}}
@keyframes pop{50%{transform:scale(1.12)}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes travel{to{left:100%}}
@keyframes type{0%{width:0}35%,100%{width:34ch}}
@keyframes show{0%,45%{opacity:0}50%,100%{opacity:1}}
@keyframes bounce{30%{transform:translateY(-5px);background:var(--accent)}}
@keyframes slide{from{opacity:0;transform:translateY(-10px)}}
@keyframes drawl{to{stroke-dashoffset:0}}
@keyframes vipglow{50%{box-shadow:0 0 0 1px var(--gold),0 0 110px #ffcf5c55}}
@keyframes spark{to{transform:translate(var(--dx),var(--dy)) rotate(260deg);opacity:0}}
@keyframes bob{50%{transform:translateY(-5px)}}
@keyframes blink{0%,94%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
@keyframes wig{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-12deg)}90%{transform:rotate(10deg)}}
@keyframes walk{50%{transform:translateY(-4px) rotate(3deg)}}
@keyframes step{50%{transform:translateY(-3px)}}
@keyframes jump{30%{transform:translateY(-26px) rotate(-8deg) scale(1.05)}60%{transform:translateY(0) scale(1.08,.92)}}
@keyframes land{0%{transform:scale(1.2,.8) translateY(6px)}60%{transform:scale(.95,1.06)}}
@keyframes dangle{0%,100%{transform:rotate(-8deg) scale(1.08)}50%{transform:rotate(8deg) scale(1.08)}}
@keyframes kick{50%{transform:translateY(-4px)}}
@keyframes wave{50%{transform:rotate(-28deg)}}
@keyframes stretch{40%{transform:scale(.94,1.12)}70%{transform:scale(1.05,.95)}}
@keyframes spin{50%{transform:translateY(-20px) rotate(180deg)}100%{transform:rotate(360deg)}}
@keyframes wiggle{20%,60%{transform:rotate(-10deg)}40%,80%{transform:rotate(10deg)}}
@keyframes wink{30%,70%{transform:scaleY(.1)}}
@keyframes dance{15%{transform:translateX(-8px) rotate(-8deg)}30%{transform:translateY(-10px)}45%{transform:translateX(8px) rotate(8deg)}60%{transform:translateY(-10px)}80%{transform:rotate(-4deg)}}
@keyframes shy{30%,70%{transform:scale(.92) translateY(4px) rotate(-4deg)}}
@keyframes dizzy{to{transform:rotate(720deg)}}
@keyframes orbit{0%{transform:translate(2px,0)}25%{transform:translate(0,2px)}50%{transform:translate(-2px,0)}75%{transform:translate(0,-2px)}}
@keyframes breathe{50%{transform:scale(1.03,.97)}}
@keyframes zz{0%{opacity:0;transform:translate(0,6px)}40%{opacity:1}100%{opacity:0;transform:translate(8px,-14px)}}
@keyframes roll{0%{transform:translate(0,0) rotate(0)}30%{transform:translate(calc(var(--tx)*.45),-60px) rotate(260deg)}60%{transform:translate(calc(var(--tx)*.85),0) rotate(540deg)}80%{transform:translate(calc(var(--tx)*.95),-14px) rotate(640deg)}100%{transform:translate(var(--tx),0) rotate(720deg)}}
@keyframes jug{50%{transform:translateY(-40px) rotate(180deg)}}
@keyframes heart{0%{opacity:0;transform:translate(0,0) scale(.5)}20%{opacity:1}100%{opacity:0;transform:translate(var(--dx),-80px) scale(1.2)}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}
  .rv{opacity:1;transform:none}
}
.phero-1{grid-template-columns:1fr}@media(min-width:992px){.phero-1{grid-template-columns:1fr}}
.pstrip-1{grid-template-columns:minmax(0,1fr)}.pstrip-1 .ps-hi p{display:block;white-space:normal}@media(min-width:768px){.pstrip-1{grid-template-columns:minmax(0,1fr)}}
.docs{margin-top:10px;padding-bottom:40px}
@media(max-width:575.98px){.modes button{padding:9px 10px;gap:8px}.modes button .i{width:20px;height:20px}.modes b{font-size:13px}.modes small{font-size:10.5px}}
/* v14.1 */
.sum>.vipb{display:block}
.vipb li{overflow-wrap:anywhere}
@media(max-width:575.98px){.ord .ow>div:first-child{white-space:normal}}
/* kayma önleme: JS'in dolduracağı kabuklara yer ayır; canlı OTP kartında satır kırılması olmasın */
#hdr{height:68px}#top{height:61px}
.orw>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.orw .pill{flex:none}
.otp .num{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stats b{font-variant-numeric:tabular-nums;min-width:3.2ch}
/* ülke listesi — sağlayıcı listesiyle aynı dil */
.stp-c{flex-wrap:wrap}.stp-c .cq{margin-left:auto;width:100%;max-width:220px;background:var(--bg2);border-color:var(--line)}
@media(max-width:575.98px){.stp-c .cq{max-width:none}}
.clist{max-height:292px;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}
.clist .ofh,.crow{display:grid;grid-template-columns:minmax(0,1fr) 112px 72px;gap:10px;align-items:center}
.clist .ofh{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--mut);padding:0 12px}
.clist .ofh span:nth-child(3){text-align:right}
.crow{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--fg);text-align:left;transition:border-color .2s}
.crow:hover{border-color:#3fd0ff55}
.crow.on{border-color:var(--accent);background:linear-gradient(90deg,#3fd0ff12,var(--bg2))}
.crow .cn{display:flex;align-items:center;gap:8px;min-width:0}.crow .cn b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.crow .fl{font-size:18px;flex:none}
.crow .stk{justify-self:start}
.crow .cpr{font:700 15px var(--mono),monospace;text-align:right}.crow.on .cpr{color:var(--accent)}
@media(max-width:399.98px){.clist .ofh{display:none}.crow{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:9px 10px}.crow .stk{padding:3px 7px;font-size:12px;gap:5px}.crow .stk small{display:none}.crow .cpr{font-size:14px}}
/* son SMS + okunur tarih */
.lsms{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:4px;font-size:12.5px}
.lsms svg{width:14px;height:14px;color:var(--accent);flex:none}
.lsms b{color:var(--fg)}
.when{font-size:12px;color:var(--mut);white-space:nowrap}.when b{font:600 12px var(--mono),monospace;color:var(--fg);padding:2px 7px;border-radius:6px;background:#3fd0ff14;border:1px solid #3fd0ff33}
.sms .smh{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:3px}
.ptn .pf .cpbox{font-size:13px}
@media(max-width:575.98px){.ord{grid-template-columns:36px minmax(0,1fr);grid-template-areas:"r w" "n n" "c c" "a a" "s s"}.ord .oa{justify-content:stretch}.ord .oa .btn{flex:1}}
/* v16: okunur kalan süre, son dakikalarda uyarı rengi */
.ring{width:48px;height:48px}.ring span{width:40px;height:40px;font:700 11px var(--mono),monospace;letter-spacing:-.3px}
.act.mylist .ring{width:44px;height:44px}.act.mylist .ring span{width:37px;height:37px;font-size:10.5px}
.act.mylist .ord{grid-template-columns:44px minmax(0,1fr)}
@media(min-width:768px){.ord{grid-template-columns:48px minmax(0,1fr) auto}}
@media(min-width:1200px){.ord{grid-template-columns:48px minmax(0,1fr) 200px 170px 210px}}
@media(max-width:575.98px){.ord{grid-template-columns:48px minmax(0,1fr)}}
.ord .left{color:var(--accent);font-weight:600}
.ord.hot{border-color:#ff5c7a88;background:linear-gradient(90deg,#ff5c7a14,var(--bg2));animation:hotb 1.6s ease-in-out infinite}
.ord.hot .ring{background:conic-gradient(var(--bad) calc(var(--p)*1%),var(--line) 0)}
.ord.hot .ring span,.ord.hot .left{color:var(--bad)}
@keyframes hotb{50%{border-color:#ff5c7a33}}
/* KPI etiketleri dar ekranda kesilmesin */
@media(max-width:575.98px){.pstrip .kpi{padding:9px 10px}.pstrip .kpi span{white-space:normal;letter-spacing:.3px;line-height:1.2;min-height:2.4em;font-size:9.5px}.pstrip .kpi b{font-size:17px}}
#apikeys{scroll-margin-top:80px}#apikeys:target>.card{border-color:var(--accent);box-shadow:0 0 0 3px #3fd0ff33}
.ptools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.ptools input{flex:1 1 220px;max-width:340px;background:var(--bg2);border-color:var(--line)}
@media(max-width:575.98px){.ptools input{max-width:none}}
.stp-c .csort{width:100%;max-width:100%}.stp-c .csort button{flex:1;white-space:nowrap;font-size:12px;padding:6px 10px}
@media(min-width:768px){.stp-c .csort{width:auto;order:3}.stp-c .cq{order:2}}
@media(max-width:399.98px){.csort button span{display:none}}
/* ---------- yönetim paneli ---------- */
body.adm{padding-bottom:24px}
.adm .mascot{display:none}
.atabs{padding:0 16px 10px;gap:6px}.atabs a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--mut);white-space:nowrap;text-decoration:none;font-size:13px}
.atabs a.cur{color:var(--fg);border-color:var(--accent)}.atabs .i{width:16px;height:16px}
@media(min-width:992px){.atabs{display:none}body.adm{padding-bottom:0}}
.abadge{margin-left:auto;font-style:normal;font:700 11px var(--mono),monospace;background:var(--wait);color:#1a1405;border-radius:99px;padding:1px 7px}
.atabs .abadge{margin-left:4px}
.atool{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.atool input{flex:1 1 220px;max-width:360px;background:var(--bg2);border-color:var(--line)}
.alpage{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin:10px 0}.alpage select{width:auto;min-width:112px;background:var(--bg2);border-color:var(--line);color:var(--fg)}
.asp .cb-pop{min-width:min(340px,calc(100vw - 40px))}.asp .cb-list{max-height:320px}.asp-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 2px 2px;border-top:1px solid var(--line)}.asp-pages small{font:500 11px var(--mono),monospace;color:var(--mut)}
.aservice-select{width:min(100%,320px);min-width:220px}.aservice-select .cb-btn{min-height:40px}.acat-trans{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}.acat-trans summary{color:var(--accent);cursor:pointer;font-weight:600}.acat-trans p{margin:8px 0}
.amargin{width:112px;max-width:100%;background:var(--bg2);border-color:var(--line)}
@media(max-width:575.98px){.alpage{justify-content:space-between}.aservice-select{width:100%;min-width:0}.alpage select{min-width:96px}}
.ov{overflow:hidden}.atbl td{vertical-align:middle}.aact{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.atbl tr.aban{opacity:.55}.atbl tr.await td{background:#ffcf5c0a}
.kpi small{display:block;font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abars{display:flex;align-items:flex-end;gap:6px;height:180px;margin-top:12px}.abars div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}
.abars i{width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--accent),#3fd0ff33)}.abars span{font:500 10px var(--mono),monospace;color:var(--mut)}
.aprov{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.aprov b{flex:1;min-width:90px}
.aline{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);min-width:0}.aline>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asvc{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);cursor:pointer;width:100%}.asvc>span:not(.asw){flex:1;min-width:0;display:flex;flex-direction:column}.asvc small{font-size:11px}
.asw{position:relative;display:inline-block;width:40px;height:22px;flex:none}.asw input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;z-index:1}
.asw span{position:absolute;inset:0;border-radius:99px;background:var(--line);transition:.2s}.asw span::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--fg);transition:.2s}
.asw input:checked+span{background:var(--accent)}.asw input:checked+span::after{transform:translateX(18px);background:#051018}
.asw input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.achat{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow:auto;margin:10px 0}
.sms .smh{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:3px}.sms .smh b{font-size:14px}
.exts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}@media(min-width:420px){.exts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ext{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--fg);text-align:left;transition:border-color .2s}.ext:hover{border-color:var(--accent)}
.ext span{font-size:17px;font-weight:700;color:var(--accent)}.ext small{font-size:11px}.ext em{font-style:normal;color:var(--ok)}
/* kayma yok: ülke listesi sabit yükseklik, sayılar sabit genişlik */
.clist{height:292px;max-height:none}.crow .stk,.crow .cpr,.orow .stk,.orow .opr b{font-variant-numeric:tabular-nums}
.durs{flex-wrap:wrap}
/* sözleşmeler v2 */
.lhero{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 22px;padding:20px;border-radius:20px;border:1px solid var(--line);background:radial-gradient(500px 160px at 0 0,#3fd0ff1c,transparent),linear-gradient(135deg,#0f1520,#090c12)}
.lh-t{display:flex;gap:14px;align-items:center;min-width:0}.lh-t h1{font-size:clamp(22px,3.4vw,34px);letter-spacing:-.8px;margin:0 0 4px}
.lic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#3fd0ff18;border:1px solid #3fd0ff44;color:var(--accent);flex:none}.lic .i{width:24px;height:24px}
.lhero .ltabs2{margin:0}.ltabs2 a{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.ltabs2 .i{width:15px;height:15px}
.ltoc2{position:sticky;top:84px;display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:16px;border:1px solid var(--line);background:var(--card)}
.ltoc2 a{display:flex;gap:10px;align-items:baseline;padding:8px 10px;border-radius:10px;color:var(--mut);font-size:13.5px;text-decoration:none;border-left:2px solid transparent}
.ltoc2 a b{font:700 11px var(--mono),monospace;color:var(--mut)}.ltoc2 a:hover{color:var(--fg);background:var(--bg2)}
.ltoc2 a.on{color:var(--fg);background:#3fd0ff10;border-left-color:var(--accent)}.ltoc2 a.on b{color:var(--accent)}
@media(max-width:991.98px){.lwrap>.col-lg-3{display:none}}
@media(max-width:767.98px){.lhero .ltabs2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.lhero .ltabs2 a{justify-content:center;padding:9px 6px;font-size:12.5px;white-space:normal;text-align:center;line-height:1.2}.lhero .ltabs2 .i{display:none}}
.legal2{display:flex;flex-direction:column;gap:12px;padding-bottom:50px}
.legal2 section{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:20px;border-radius:16px;border:1px solid var(--line);background:var(--card);scroll-margin-top:90px}
.legal2 .ln{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font:700 14px var(--mono),monospace;color:var(--accent);background:#3fd0ff12;border:1px solid #3fd0ff33}
.legal2 h2{font-size:18px;margin:10px 0 10px}.legal2 p{color:#b9c7d3;line-height:1.75;margin:0 0 10px;font-size:15px}.legal2 p:last-child{margin:0}
@media(max-width:575.98px){.legal2 section{grid-template-columns:1fr;padding:16px;gap:8px}.legal2 .ln{width:36px;height:36px;font-size:12px}.legal2 h2{margin-top:0}}
.lnote{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#ffcf5c0d;border:1px solid #ffcf5c33;color:var(--mut);font-size:13px;margin:6px 0 0}.lnote .i{color:var(--wait);flex:none;width:18px;height:18px}
@media print{.hdr,.ftr,.ltoc2,.lhero .ltabs2,.mascot{display:none}.legal2 section{break-inside:avoid;background:none}}
.si img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.elist{display:flex;flex-direction:column;gap:8px}.erow{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.erow label{flex:1 1 90px;min-width:0;margin:0}.erow small{display:block;font-size:11px;color:var(--mut);margin-bottom:2px}
.erow .form-control{background:var(--bg2);border-color:var(--line)}.erow input[type=color]{padding:2px;height:31px}.elist>.btn{align-self:flex-start}
.lvprev{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.lvrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:44px;padding:10px 12px;margin-bottom:10px;border-radius:12px;border:1px dashed var(--line);font-size:13px}.lvrow small{width:100%}
.sum>.lvrow{display:grid;grid-template-columns:minmax(0,1fr)}

.lvrow{display:grid;grid-template-rows:24px 18px;align-content:center;gap:4px;height:66px}.lvrow>div{display:flex;gap:8px;align-items:center;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lvrow>div>span:last-child{overflow:hidden;text-overflow:ellipsis}.lvrow small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* işlem geçmişi kartları */
.txl{display:flex;flex-direction:column;gap:8px}
.txr{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--bg2)}
.txr.wait{border-color:#ffcf5c55;background:linear-gradient(90deg,#ffcf5c0c,var(--bg2))}
.txi{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#ffffff0a;color:var(--mut)}.txi.in{background:#3ddc8418;color:var(--ok)}.txi .i{width:18px;height:18px}
.txm{min-width:0;display:flex;flex-direction:column;gap:2px}.txm b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txm small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.txa{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}.txa b{font-size:15px;font-variant-numeric:tabular-nums}
@media(max-width:399.98px){.txr{grid-template-columns:34px minmax(0,1fr);}.txi{width:34px;height:34px}.txa{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}}
.qrw{display:flex;gap:14px;align-items:center;margin-top:12px;padding:12px;border-radius:12px;border:1px dashed var(--line)}.qr{width:120px;height:120px;flex:none;background:#fff;border-radius:10px;padding:4px}.qr svg{width:100%;height:100%;display:block}
.ptstrip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px}
.ptstrip a{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--mut);text-decoration:none;filter:grayscale(1);opacity:.8;transition:.2s}
.ptstrip a:hover{filter:none;opacity:1;color:var(--fg);border-color:#3fd0ff55}
.ptstrip .plogo{width:34px;height:34px;font-size:12px;border-radius:10px}.ptstrip b{font-size:14px}.ptstrip img{height:30px;max-width:130px;object-fit:contain}
.ptstrip-s{padding-top:10px}
.authic{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#3fd0ff14;border:1px solid #3fd0ff44;font-size:26px;margin-bottom:14px}
.err{color:var(--bad);font-size:13px;min-height:20px;margin:8px 0 0}
.fgt{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}.fgt .linkb:disabled{opacity:.5;cursor:default}
.pww{position:relative}.pww input{padding-right:44px}.pwe{position:absolute;right:6px;top:50%;translate:0 -50%;background:none;border:0;font-size:16px;cursor:pointer;opacity:.7}
.pwm{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 0 4px}.pwm i{height:4px;border-radius:4px;background:var(--line)}
.pwm.s1 i:nth-child(-n+1){background:var(--bad)}.pwm.s2 i:nth-child(-n+2){background:var(--wait)}.pwm.s3 i:nth-child(-n+3){background:#9be15d}.pwm.s4 i{background:var(--ok)}
.pwr{list-style:none;padding:0;margin:0 0 6px;display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;font-size:12px;color:var(--mut)}.pwr li.ok{color:var(--ok)}
/* duyuru şeridi, zil, duyurular sayfası, popup */
.nbar{display:flex;align-items:center;gap:10px;padding:9px 14px;margin:0 0 0;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#3fd0ff1a,transparent);font-size:13px;min-height:42px}
.nbar.t-promo{background:linear-gradient(90deg,#ffcf5c24,transparent)}.nbar.t-warn{background:linear-gradient(90deg,#ff5c7a1c,transparent)}
.nbi{color:var(--accent);flex:none;display:grid}.nbar.t-promo .nbi{color:var(--gold)}.nbar.t-warn .nbi{color:var(--bad)}.nbi .i{width:16px;height:16px}
.nbt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nbt span{color:var(--mut)}
.nbl{flex:none;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap}.nbx{flex:none;background:none;border:0;color:var(--mut);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}
@media(max-width:575.98px){.nbt span{display:none}}
body:not(.app)>.nbar{position:relative;z-index:49}
.bell{position:relative;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--fg);display:grid;place-items:center}.bell .i{width:18px;height:18px}
.bell em{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--bad);color:#fff;font:700 10px/18px var(--mono),monospace;font-style:normal}
.ndrop{width:min(330px,92vw);padding:6px}.nitem{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;white-space:normal;border-radius:10px;padding:8px 10px}.nitem b{font-size:13px}.nitem small{grid-column:2}.nitem.new{background:#3fd0ff0d}
.nlist{display:flex;flex-direction:column;gap:14px;max-width:820px;margin:0 auto 50px}
.ncard{padding:22px;border-radius:18px;border:1px solid var(--line);background:var(--card);scroll-margin-top:90px}.ncard.t-promo{border-color:#ffcf5c44}.ncard:target{box-shadow:0 0 0 3px #3fd0ff33;border-color:var(--accent)}
.ncard .nh{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.ncard .nh time{margin-left:auto}.ncard .pill .i{width:13px;height:13px;margin-right:4px}
.ncard h2{font-size:20px;margin:0 0 8px}.ncard p{color:#b9c7d3;margin:0 0 12px;line-height:1.7}
.ppm .modal-body{text-align:center}.ppimg{width:100%;max-height:220px;object-fit:cover;border-radius:14px;margin-bottom:14px}
.ubar{height:5px;border-radius:5px;background:var(--line);overflow:hidden;width:110px;margin-bottom:3px}.ubar i{display:block;height:100%;background:var(--accent)}
.whev{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px}.whev .chk{margin:0}
/* ---------- Arapça / RTL ---------- */
[dir=rtl] body,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .btn{font-family:'IBM Plex Sans Arabic',var(--sans),system-ui,sans-serif;letter-spacing:0}
[dir=rtl] .mono,[dir=rtl] .cpbox,[dir=rtl] code,[dir=rtl] pre,[dir=rtl] input[type=email],[dir=rtl] input[type=url]{direction:ltr;unicode-bidi:isolate}
[dir=rtl] pre{text-align:left}
[dir=rtl] .r,[dir=rtl] .opr,[dir=rtl] .txa,[dir=rtl] .crow .cpr,[dir=rtl] .clist .ofh span:nth-child(3){text-align:left}
[dir=rtl] .opr,[dir=rtl] .txa{align-items:flex-start}
[dir=rtl] .ps-bal{text-align:left}
@media(min-width:768px){[dir=rtl] .ps-bal{text-align:right}}
[dir=rtl] .ncard .nh time,[dir=rtl] .stp-c .cq{margin-left:0;margin-right:auto}
[dir=rtl] .ltoc2 a{border-left:0;border-right:2px solid transparent}[dir=rtl] .ltoc2 a.on{border-right-color:var(--accent)}
[dir=rtl] .pww input{padding-right:12px;padding-left:44px}[dir=rtl] .pwe{right:auto;left:6px}
[dir=rtl] .bell em{right:auto;left:-5px}
[dir=rtl] .ring{transform:scaleX(-1)}[dir=rtl] .ring span{transform:scaleX(-1)}
/* ---------- popup v2 ---------- */
.ppm .modal-dialog{max-width:420px;margin-inline:auto;padding:0 12px}
.ppm .modal-content{background:none;border:0;box-shadow:none}.ppm .modal-body{padding:0;text-align:center}
.pp{--pc:#3fd0ff;position:relative;border-radius:24px;overflow:hidden;background:var(--card);border:1px solid color-mix(in srgb,var(--pc) 45%,var(--line));box-shadow:0 30px 80px #000c,0 0 60px color-mix(in srgb,var(--pc) 22%,transparent)}
.ppm.show .pp{animation:ppin .5s cubic-bezier(.2,1.3,.4,1)}
@keyframes ppin{0%{opacity:0;transform:translateY(24px) scale(.94)}100%{opacity:1;transform:none}}
.ppx{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid #ffffff22;background:#0008;color:var(--fg);font-size:20px;line-height:1;cursor:pointer;backdrop-filter:blur(6px)}
[dir=rtl] .ppx{right:auto;left:12px}
.pphero{position:relative;height:150px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(260px 140px at 50% 110%,color-mix(in srgb,var(--pc) 55%,transparent),transparent 70%),linear-gradient(color-mix(in srgb,var(--pc) 10%,transparent) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(90deg,color-mix(in srgb,var(--pc) 10%,transparent) 1px,transparent 1px) 0 0/26px 26px,#0a0e14}
.pphero img{width:100%;height:100%;object-fit:cover}
.ppemo{position:relative;z-index:1;font-size:64px;line-height:1;filter:drop-shadow(0 10px 24px #000a);animation:ppbob 3s ease-in-out infinite}
@keyframes ppbob{50%{transform:translateY(-8px) rotate(-4deg)}}
.ppglow{position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--pc),transparent)}
.ppbody{padding:20px 22px 18px;display:flex;flex-direction:column;align-items:center;gap:10px}
.ppbadge{display:inline-block;padding:4px 12px;border-radius:99px;font:700 11px var(--sans),sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--pc);background:color-mix(in srgb,var(--pc) 14%,transparent);border:1px solid color-mix(in srgb,var(--pc) 40%,transparent)}
.ppbody h3{font-size:22px;margin:0;letter-spacing:-.4px}.ppbody p{margin:0;color:#b9c7d3;line-height:1.6;font-size:14.5px}
.ppcode{display:flex;align-items:center;gap:10px;width:100%;justify-content:center;padding:10px 14px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--pc) 60%,transparent);background:color-mix(in srgb,var(--pc) 8%,transparent);color:var(--fg);cursor:pointer}
.ppcode small{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:1px}.ppcode b{font:700 20px var(--mono),monospace;letter-spacing:3px;color:var(--pc)}.ppcode .i{width:16px;height:16px;color:var(--mut)}
.ppcd{width:100%}.ppcd>small{display:block;color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
.ppcdv{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ppcdv span{padding:8px 0;border-radius:10px;background:var(--bg2);border:1px solid var(--line)}
.ppcdv b{display:block;font:700 20px var(--mono),monospace;font-variant-numeric:tabular-nums;color:var(--fg)}.ppcdv small{font-size:10px;color:var(--mut)}
.ppcta{margin-top:4px;padding:12px;font-weight:800;background:var(--pc);border-color:var(--pc);color:#051018;box-shadow:0 0 28px color-mix(in srgb,var(--pc) 45%,transparent)}
.ppcta:hover{filter:brightness(1.08);color:#051018}
.ppfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:2px;font-size:12.5px}.ppfoot .chk{margin:0;color:var(--mut)}
html.bsw body{visibility:hidden}
/* servis rehberi */
.svtool{margin:18px 0}.svtool .seg{overflow-x:auto}
.svc{display:flex;flex-direction:column;gap:6px;height:100%;padding:16px;text-decoration:none;color:var(--fg);transition:border-color .2s,transform .2s;border-top:3px solid var(--sc)}
.svc:hover{border-color:#3fd0ff55;border-top-color:var(--sc);transform:translateY(-2px);color:var(--fg)}
.svc .si{width:42px;height:42px;flex-basis:42px;font-size:18px;margin:0 0 4px}.svc b{font-size:16px}
.svm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.svm span{min-width:0}.svm small{display:block;font-size:10px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svm b{font-size:13px}
.svgrid{padding-bottom:50px}
/* blog */
.blog-page{padding-bottom:56px}
.blog-card{display:flex;flex-direction:column;gap:10px;color:var(--fg);text-decoration:none;transition:border-color .2s}.blog-card:hover{border-color:#3fd0ff55}
.blog-cover{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:12px;background:var(--bg2)}
.blog-card h2{font-size:20px;margin:0}.blog-card p{color:var(--mut);margin:0}
.blog-meta{font:500 13px var(--mono),monospace;color:var(--mut)}.blog-more{color:var(--accent);font-weight:600;margin-top:auto}
.blog-pager{display:flex;justify-content:space-between;gap:10px;margin-top:24px}
.blog-post{max-width:760px;margin:30px auto 0}.blog-post h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1px;margin:12px 0;overflow-wrap:anywhere}.blog-back{color:var(--mut)}
.blog-body{font-size:17px;line-height:1.75;overflow-wrap:anywhere}.blog-body h2{font-size:26px;margin:32px 0 12px}.blog-body h3{font-size:21px;margin:26px 0 10px}
.blog-body p,.blog-body ul,.blog-body ol,.blog-body blockquote{margin:0 0 16px}.blog-body a{color:var(--accent);text-decoration:underline}
.blog-body img{max-width:100%;height:auto;border-radius:12px}.blog-body blockquote{border-inline-start:3px solid var(--accent);padding:4px 16px;color:var(--mut)}
/* admin blog editor */
.adm .blog-editor{min-height:260px;background:var(--bg2);color:var(--fg)}
.adm .ql-toolbar.ql-snow,.adm .ql-container.ql-snow{border-color:var(--line)}
.adm .ql-toolbar.ql-snow{background:var(--card);border-radius:10px 10px 0 0}
.adm .ql-snow .ql-stroke{stroke:var(--fg)}
.adm .ql-snow .ql-fill{fill:var(--fg)}
.adm .ql-snow .ql-picker{color:var(--fg)}
.adm .ql-snow .ql-picker-options{background:var(--card)}
.adm .ql-editor img{max-width:100%}

/* Provider catalog management */
.acatalog-provider{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.acatalog-provider label{flex:1 1 240px;min-width:0}.acatalog-provider [data-catalog-state]{flex:1 1 100%;color:var(--mut)}
.acatalog-tabs{margin:12px 0}.acatalog-tools,.acatalog-bulk,.acatalog-pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.acatalog-tools .acatalog-search{flex:1 1 220px}.acatalog-tools select{width:auto;min-width:88px}.acatalog-bulk{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg2)}.acatalog-bulk label,.acatalog-replace{display:inline-flex;align-items:center;gap:7px;margin:0}.acatalog-row{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg2);margin:7px 0;min-width:0}.acatalog-row.conflict{border-color:#ff6b6b77}.acatalog-check{padding-top:3px}.acatalog-main{display:flex;flex:1;min-width:0;align-items:center;gap:8px;flex-wrap:wrap}.acatalog-main>b{min-width:120px}.acatalog-main>small{overflow-wrap:anywhere}.acatalog-target{flex:1 1 200px;min-width:160px}.acatalog-inline{display:flex;align-items:center;gap:8px}.acatalog-inline select{min-width:150px}.acatalog-details{display:flex;align-items:end;gap:10px;flex-wrap:wrap;width:100%;padding:10px;border:1px solid var(--line);border-radius:9px}.acatalog-details>div{flex:1 1 220px}.acatalog-details input[type=color]{display:block}.acatalog-empty{padding:28px 12px;text-align:center;color:var(--mut);border:1px dashed var(--line);border-radius:10px}.acatalog-pager{justify-content:center}.acatalog-pager span{min-width:70px;text-align:center;color:var(--mut)}
.adm :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:575.98px){.acatalog-row{gap:8px;padding:9px}.acatalog-main>b{min-width:0;flex-basis:100%}.acatalog-tools>*{flex:1 1 100%}.acatalog-tools select{width:100%}.acatalog-inline{width:100%;align-items:flex-start;flex-direction:column}.acatalog-inline select{width:100%}}