/* YEK Live — ortak stil (gold tema) */
:root{
  --bg:#050505; --panel:#0B0B0D; --panel2:#050506; --inp:#0E0E11;
  --text:#F4F4F5; --muted:#A8A8B0; --muted2:#9C9CA5; --soft:#C4C4CC; --dim:#6C6C75; --dim2:#8A8A93;
  --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.14);
  --gold1:#F7E39B; --gold:#D9A93B; --gold2:#B8860B; --gold-solid:#E7C66A;
  --grad:linear-gradient(135deg,#F7E39B,#D9A93B 55%,#B8860B);
  --radius:16px;
  --maxw:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden;
}
a{color:var(--text);text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit}
h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.03em;line-height:1.05}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.gold{color:var(--gold-solid)}
.muted{color:var(--muted2)}

/* glow + grid arka plan */
.bgfx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bgfx .grid{position:absolute;left:0;right:0;top:0;height:1000px;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask:radial-gradient(ellipse 70% 60% at 50% 20%,#000 20%,transparent 75%);
  mask:radial-gradient(ellipse 70% 60% at 50% 20%,#000 20%,transparent 75%)}
.bgfx .halo{position:absolute;left:50%;top:-340px;width:1300px;height:900px;margin-left:-650px;
  background:radial-gradient(closest-side,rgba(217,169,59,.16),transparent)}
main,header,footer,.topbar{position:relative;z-index:1}

/* TOPBAR */
.topbar{border-bottom:1px solid rgba(255,255,255,.06);background:rgba(8,8,10,.6);backdrop-filter:blur(10px)}
.topbar .in{max-width:var(--maxw);margin:0 auto;padding:8px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px;font-size:12.5px;color:var(--muted2)}
.topbar .left{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.topbar a{color:#C9C9CF;display:inline-flex;align-items:center;gap:7px}
.topbar a:hover{color:#fff}
.topbar .msg{display:inline-flex;align-items:center;gap:8px;color:#D4D4DA}
.topbar .dot{width:6px;height:6px;border-radius:50%;background:var(--grad)}
.topbar svg{stroke:var(--gold-solid)}
.topbar svg.fill{fill:var(--gold-solid);stroke:none}

/* NAV */
.nav-wrap{max-width:var(--maxw);margin:0 auto;padding:18px 24px 0}
nav.nav{min-height:64px;display:flex;align-items:center;gap:16px;padding:8px 10px 8px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(5,5,5,.55);backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:center;gap:11px}
.brand img{height:34px;width:auto;object-fit:contain}
.brand b{font-size:17px;font-weight:600;letter-spacing:-.02em}
.brand small{font-size:10.5px;color:var(--gold-solid)}
.brand .bt{display:inline-flex;flex-direction:column;line-height:1.05;gap:3px}
.nav-links{display:flex;flex-wrap:wrap;gap:2px;margin-left:20px;flex:1 1 auto}
.nav-links a{padding:9px 13px;border-radius:9px;color:var(--muted);font-size:14px;transition:color .15s,background .15s}
.nav-links a:hover{color:var(--text);background:rgba(255,255,255,.05)}
.nav-links a.active{color:var(--text);background:rgba(255,255,255,.06)}
.nav-right{display:flex;align-items:center;gap:8px}
.lang{height:32px;padding:0 10px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:rgba(127,127,127,.06);color:var(--muted2);font:650 11px Geist,sans-serif;letter-spacing:.04em;cursor:pointer}
.navtoggle{display:none;height:40px;width:40px;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line2);background:rgba(127,127,127,.05);color:var(--text);cursor:pointer}

/* butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;text-decoration:none;cursor:pointer;border:0;transition:filter .2s,transform .2s;font-family:Geist,sans-serif}
.btn:hover{filter:brightness(1.06)}
.btn:active{transform:scale(.985)}
.btn-gold{background:var(--grad);color:#0A0A0A;font-weight:600}
.btn-ghost{border:1px solid var(--line2);background:rgba(12,12,14,.7);color:var(--text)}
.btn-sm{height:40px;padding:0 16px;font-size:14px;border-radius:10px}
.btn-md{height:50px;padding:0 24px;font-size:15.5px;border-radius:13px}
.btn-lg{height:54px;padding:0 28px;font-size:16px;border-radius:14px}
.btn-gold.btn-lg{box-shadow:0 12px 44px -14px rgba(217,169,59,.7)}
.btn-gold.btn-sm{box-shadow:0 8px 24px -12px rgba(217,169,59,.8)}

/* bölümler */
section{position:relative}
.pad{padding-top:120px}
.pad-s{padding-top:80px}
.center{text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--muted2)}
.eyebrow .d{width:6px;height:6px;border-radius:50%;background:var(--grad)}
h1{font-size:clamp(40px,7vw,76px);letter-spacing:-.045em}
.h-sub{color:#8E8E97}
h2{font-size:clamp(30px,5vw,46px);letter-spacing:-.04em;margin-top:14px}
.lead{margin:22px auto 0;max-width:660px;font-size:18px;line-height:1.6;color:var(--muted)}
.fine{font-size:12.5px;color:var(--dim2);line-height:1.6}

.pill{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:999px;border:1px solid rgba(231,198,106,.3);background:rgba(217,169,59,.08);font-size:13px;color:var(--gold-solid)}
.pill .live{width:6px;height:6px;border-radius:50%;background:var(--grad);box-shadow:0 0 10px rgba(217,169,59,.8)}

/* şerit */
.strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip > div{padding:28px 22px}
.strip > div + div{border-left:1px solid var(--line)}
.strip h4{margin:0;font-size:17px;font-weight:500;letter-spacing:-.02em}
.strip p{margin:6px 0 0;font-size:13.5px;color:var(--muted2)}

.card{border-radius:18px;border:1px solid var(--line);background:var(--panel);padding:26px 24px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

/* uygunluk testi */
.test{position:relative;margin-top:36px;border-radius:24px;border:1px solid rgba(231,198,106,.18);background:var(--panel);overflow:hidden;box-shadow:0 40px 100px -50px rgba(217,169,59,.3);max-width:1000px;margin-left:auto;margin-right:auto}
.test .body{padding:40px 44px 44px}
.steps{display:flex;align-items:center;gap:14px}
.segs{flex:1;display:flex;gap:6px}
.segs span{flex:1;height:5px;border-radius:999px;background:rgba(255,255,255,.08);transition:background .4s}
.segs span.on{background:var(--grad)}
.q{margin:26px 0 0;font-size:clamp(22px,4vw,28px)}
.opts{margin-top:22px;display:flex;flex-direction:column;gap:12px}
.opt{text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:var(--inp);color:var(--text);cursor:pointer;font:500 16px Geist,sans-serif;transition:border-color .2s,background .2s,transform .15s}
.opt:hover{border-color:rgba(231,198,106,.55);background:rgba(231,198,106,.06);transform:translateX(3px)}
.opt .okc{flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;color:var(--muted2);transition:.2s}
.opt:hover .okc{background:var(--grad);border-color:transparent;color:#0A0A0A}
.result{text-align:center;padding:14px 0 4px}
.result .ic{width:64px;height:64px;margin:0 auto;border-radius:18px;display:flex;align-items:center;justify-content:center}
.result .ic.ok{background:var(--grad);box-shadow:0 16px 40px -16px rgba(217,169,59,.8)}
.result .ic.mid{background:rgba(231,198,106,.1);border:1px solid rgba(231,198,106,.4)}
.result .ic.no{background:rgba(255,255,255,.05);border:1px solid var(--line2)}
.result h3{margin:20px 0 0;font-size:30px}
.result p{margin:12px auto 0;max-width:480px;font-size:15.5px;color:var(--muted)}
.result .cta{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.btn-back,.btn-reset{height:36px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--muted);font:14px Geist,sans-serif;cursor:pointer}
.linklike{background:transparent;border:0;color:var(--dim2);font:13px Geist,sans-serif;cursor:pointer;text-decoration:underline}

/* neden biz kartlar */
.feat{position:relative;border-radius:18px;border:1px solid var(--line);background:var(--panel);padding:26px 24px;transition:border-color .25s,background .25s}
.feat:hover{border-color:rgba(231,198,106,.5)}
.feat.open{border-color:rgba(231,198,106,.5);background:rgba(217,169,59,.05)}
.feat .qmark{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:8px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:#C9C9CF;font:700 14px Geist,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center}
.feat.open .qmark{background:var(--grad);border-color:transparent;color:#0A0A0A}
.feat .ico{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(231,198,106,.1);border:1px solid rgba(231,198,106,.3);color:var(--gold-solid);font-size:18px}
.feat h4{margin:16px 0 0;font-size:19px;font-weight:500;letter-spacing:-.02em}
.feat .sum{margin-top:7px;font-size:14px;color:var(--muted2)}
.feat .det{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;line-height:1.6;color:var(--soft);display:none}
.feat.open .det{display:block}

/* okuma paragrafı */
.readline{max-width:1000px;margin:0 auto;font-size:clamp(26px,4vw,38px);line-height:1.3;color:var(--text)}

/* kademeler */
.tiers{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tier{text-align:left;display:block;padding:28px 26px 30px;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:var(--panel);cursor:pointer;color:var(--text);position:relative;transition:border-color .2s,box-shadow .2s}
.tier .top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tier .nm{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:600;letter-spacing:-.02em}
.tier .sw{width:10px;height:10px;border-radius:3px}
.tier .badge{height:22px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:var(--grad);color:#0A0A0A;font-size:11px;font-weight:700}
.tier .esk{margin-top:8px;font-size:13.5px;color:var(--muted2)}
.tier ul{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}
.tier li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;color:var(--soft)}
.tier li svg{flex:0 0 auto;margin-top:2px}
.tier .act{margin-top:24px;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:11px;background:rgba(255,255,255,.06);color:var(--soft);font-size:14.5px;font-weight:500}
.tier.sel{border-color:rgba(231,198,106,.5);background:linear-gradient(180deg,rgba(217,169,59,.06),var(--panel));box-shadow:0 30px 70px -40px rgba(217,169,59,.7)}
.tier.sel .act{background:var(--grad);color:#0A0A0A}

/* PK mock */
.pkbox{position:relative;border-radius:28px;border:1px solid var(--line);background:var(--panel);overflow:hidden}
.pkbox .g1{position:absolute;left:-200px;top:-200px;width:700px;height:600px;background:radial-gradient(closest-side,rgba(217,169,59,.12),transparent)}
.pkbox .in{position:relative;padding:56px;display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.scoreboard{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:var(--panel2);overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.95)}
.scoreboard .hd{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--dim2)}
.scoreboard .live{width:7px;height:7px;border-radius:50%;background:var(--gold-solid);box-shadow:0 0 8px rgba(231,198,106,.8)}
.scoreboard .vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:26px 20px}
.scoreboard .av{width:54px;height:54px;margin:0 auto;border-radius:50%}
.scoreboard .av.me{background:linear-gradient(135deg,#F7E39B,#B8860B)}
.scoreboard .av.op{background:linear-gradient(135deg,#2A2A33,#15151b)}
.scoreboard .sc{margin-top:4px;font-size:24px;font-weight:700;letter-spacing:-.02em}
.scoreboard .bar{height:8px;margin:0 20px;border-radius:999px;background:#1a1a20;overflow:hidden}
.scoreboard .bar > i{display:block;height:100%;width:86%;background:linear-gradient(90deg,#B8860B,#F7E39B)}
.scoreboard .ft{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 22px;font-size:12px;color:var(--dim2)}

/* hesaplayıcı */
.calc{margin-top:36px;display:flex;flex-wrap:wrap;gap:20px;align-items:stretch}
.calc .in,.calc .out{flex:1 1 420px;min-width:0;padding:30px;border-radius:20px}
.calc .in{border:1px solid rgba(255,255,255,.09);background:var(--panel)}
.calc .out{border:1px solid rgba(231,198,106,.25);background:linear-gradient(180deg,rgba(217,169,59,.06),var(--panel))}
.calc label{display:block}
.calc label + label{margin-top:22px}
.calc .lb{display:flex;justify-content:space-between;align-items:baseline;font-size:14.5px}
.calc .lb .v{font-weight:600;color:var(--gold-solid)}
.calc input[type=range]{width:100%;margin-top:12px;accent-color:var(--gold)}
.calc .ends{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--dim)}
.calc .total{margin-top:10px;font-size:48px;font-weight:600;letter-spacing:-.03em}
.calc .cbadge{height:24px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;background:var(--grad);color:#0A0A0A;font-size:11.5px;font-weight:700}
.crow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:13px;border:1px solid var(--line);background:var(--panel2)}
.crow.gold{border-color:rgba(231,198,106,.2)}
.crow .t{font-size:14px;font-weight:500}
.crow .s{margin-top:3px;font-size:12px;color:var(--dim2)}
.chips{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-size:12.5px;color:var(--dim)}
.chip.ok{border-color:rgba(231,198,106,.4);color:var(--gold-solid)}
.ktable{margin-top:20px;border-radius:20px;border:1px solid var(--line);background:var(--panel);overflow:hidden}
.ktable .hr,.ktable .rw{display:grid;grid-template-columns:120px 1fr 1fr 1fr;align-items:center;padding:14px 24px}
.ktable .hr{font-size:12px;color:var(--dim);border-bottom:1px solid var(--line);padding:16px 24px}
.ktable .rw{border-bottom:1px solid rgba(255,255,255,.05);font-size:13.5px}
.ktable .rw.sel{background:rgba(217,169,59,.08)}
.ktable .rw .no{font-size:14px;font-weight:600}
.ktable .ar{text-align:right}

/* karşılaştırma tablosu (kademeler sayfası) */
.cmp{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;border-radius:20px;border:1px solid rgba(255,255,255,.09);overflow:hidden;background:var(--panel)}
.cmp .h0{padding:24px 22px;border-bottom:1px solid var(--line);font-size:13px;color:var(--dim2)}
.cmp .hc{text-align:center;padding:22px 14px;border-left:1px solid rgba(255,255,255,.07);border-bottom:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;font-family:Geist,sans-serif}
.cmp .hc.sel{background:rgba(217,169,59,.08)}
.cmp .hc .nm{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:600;letter-spacing:-.02em}
.cmp .hc .sw{width:9px;height:9px;border-radius:3px}
.cmp .hc .bd{margin-top:7px}
.cmp .hc .bd span{height:20px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;background:var(--grad);color:#0A0A0A;font-size:10.5px;font-weight:700}
.cmp .hc .es{margin-top:8px;font-size:11.5px;color:var(--dim2)}
.cmp .rn{padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;color:var(--soft);display:flex;align-items:center}
.cmp .rv{padding:16px 14px;border-left:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);text-align:center;font-size:13.5px;color:var(--soft)}
.cmp .rv.sel,.cmp .rn.sel{background:rgba(217,169,59,.06)}
.cmp .ac{padding:18px 14px;border-left:1px solid rgba(255,255,255,.05);text-align:center}
/* SSS akordeon aç/kapa */
.faq .det{display:none}
.faq .item.open .det{display:block}
/* blog yazı detayı */
.article{max-width:760px;margin:0 auto}
.article .back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:14px}
.article .back:hover{color:var(--gold-solid)}
.article .ahead{margin:14px 0 0}
.article .acat{display:inline-flex;height:22px;align-items:center;padding:0 12px;border-radius:999px;background:rgba(231,198,106,.14);color:var(--gold-solid);font-size:12px;font-weight:600}
.article h1{font-size:clamp(28px,4.5vw,42px);line-height:1.18;letter-spacing:-.02em;margin:16px 0 10px}
.article .adate{font-size:13px;color:var(--dim)}
.article .cover-lg{height:220px;border-radius:18px;margin:26px 0 34px;border:1px solid rgba(255,255,255,.07)}
.article .lead{font-size:18px;color:var(--text);line-height:1.75;margin:0 0 20px}
.article p{font-size:16.5px;line-height:1.8;color:var(--soft);margin:0 0 18px}
.article h2{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:34px 0 12px}

/* ödül havuzu */
.prizes{display:flex;flex-direction:column;gap:12px}
.prize{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:var(--panel2)}
.prize.first{border-color:rgba(231,198,106,.4);background:rgba(217,169,59,.06)}
.prize .n{font-size:20px;font-weight:700;color:#C9C9CF}
.prize.first .n{color:var(--gold-solid)}

/* lig tablosu */
.ltabs{display:inline-flex;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:var(--panel)}
.ltabs button{height:36px;padding:0 18px;border-radius:9px;border:0;background:transparent;color:var(--muted);font:500 14px Geist,sans-serif;cursor:pointer;transition:.2s}
.ltabs button.sel{background:var(--grad);color:#0A0A0A}
.league{margin-top:20px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:var(--panel);overflow:hidden}
.league .hr,.league .rw{display:grid;grid-template-columns:56px 1fr 120px 120px;align-items:center;padding:16px 20px}
.league .hr{font-size:12px;color:var(--dim);border-bottom:1px solid var(--line);padding:14px 20px}
.league .rw{border-bottom:1px solid rgba(255,255,255,.05)}
.league .rw.first{background:rgba(217,169,59,.08)}
.league .nmc{display:inline-flex;align-items:center;gap:12px}
.league .avc{width:32px;height:32px;border-radius:50%}
.league .ar{text-align:right}

/* blog */
.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.filters button{height:38px;padding:0 18px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--muted);font:500 14px Geist,sans-serif;cursor:pointer;transition:.2s}
.filters button.sel{border-color:transparent;background:var(--grad);color:#0A0A0A}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.post{display:flex;flex-direction:column;border-radius:18px;border:1px solid var(--line);background:var(--panel);overflow:hidden;color:var(--text);transition:border-color .2s,transform .2s}
.post:hover{border-color:rgba(231,198,106,.4);transform:translateY(-3px)}
.post .cover{height:150px;display:flex;align-items:flex-end;padding:14px}
.post .cat{height:24px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:rgba(5,5,5,.7);backdrop-filter:blur(6px);font-size:11.5px;color:var(--gold-solid)}
.post .body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1 1 auto}
.post h3{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.post p{margin:10px 0 0;font-size:14px;line-height:1.55;color:var(--muted2);flex:1 1 auto}
.post .meta{margin-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--dim)}

/* iletişim */
.contact{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;max-width:1140px;margin:0 auto}
.channels{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:14px}
.channel{display:flex;align-items:center;gap:16px;padding:22px 24px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:var(--panel);transition:border-color .2s}
.channel:hover{border-color:rgba(231,198,106,.35)}
.channel .ic{flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:rgba(231,198,106,.1);border:1px solid rgba(231,198,106,.3);display:flex;align-items:center;justify-content:center}
.channel .k{display:block;font-size:12px;color:var(--dim2)}
.channel .v{display:block;margin-top:3px;font-size:16px;font-weight:500}
.formcard{flex:1.2 1 440px;min-width:0;padding:30px;border-radius:20px;border:1px solid rgba(231,198,106,.2);background:linear-gradient(180deg,rgba(217,169,59,.05),var(--panel))}
.formcard h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em}
form .fields{margin-top:22px;display:flex;flex-direction:column;gap:16px}
form .row{display:flex;flex-wrap:wrap;gap:16px}
form label{display:block;flex:1 1 180px;min-width:0}
form label > span{font-size:13px;color:#C9C9CF}
.inp,textarea.inp{width:100%;box-sizing:border-box;margin-top:8px;padding:0 14px;height:46px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:var(--inp);color:var(--text);font:15px Geist,sans-serif;transition:border-color .2s}
textarea.inp{padding:12px 14px;height:auto;resize:vertical}
.inp:focus,textarea.inp:focus{outline:none;border-color:rgba(231,198,106,.5)}
.okmsg{font-size:13.5px;color:var(--gold-solid);display:none}
.okmsg.show{display:block}

/* CTA */
.ctabox{position:relative;border-radius:28px;border:1px solid rgba(231,198,106,.25);background:var(--panel);overflow:hidden;text-align:center;padding:72px 32px 76px}
.ctabox .g{position:absolute;left:50%;top:-220px;width:900px;height:700px;margin-left:-450px;background:radial-gradient(closest-side,rgba(217,169,59,.16),transparent)}
.ctabox .inr{position:relative}

/* footer */
footer{border-top:1px solid var(--line);margin-top:110px;padding:48px 0 56px}
.foot{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}
.foot .col{display:flex;flex-direction:column;gap:10px;font-size:14px}
.foot .col .hd{font-size:12px;color:var(--dim);letter-spacing:.04em;text-transform:uppercase}
.foot .col a{color:var(--muted);text-decoration:none}
.foot .col a:hover{color:var(--text)}
.foot .brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:320px}
.foot .brand small{color:var(--gold-solid)}
.foot .about{max-width:320px;font-size:13.5px;color:var(--dim2);line-height:1.6;margin-top:14px}
.legal{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:12.5px;color:var(--dim)}
.legal .powered{color:var(--muted);text-decoration:none;transition:color .2s}
.legal .powered:hover{color:var(--gold-solid)}

/* sabit widget'lar */
.notify{position:fixed;left:20px;bottom:20px;z-index:40;max-width:340px}
.notify .b{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid rgba(231,198,106,.25);background:rgba(11,11,13,.9);backdrop-filter:blur(14px);box-shadow:0 20px 50px -20px rgba(0,0,0,.9)}
.notify .ic{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center}
.notify .ad{font-size:13.5px;font-weight:600}
.notify .mt{margin-top:2px;font-size:12.5px;color:var(--muted);line-height:1.4}
.notify .tm{margin-top:3px;font-size:11px;color:var(--dim)}
.wafab{position:fixed;right:20px;bottom:20px;z-index:40;height:48px;display:inline-flex;align-items:center;gap:10px;padding:0 18px;border-radius:999px;border:1px solid rgba(231,198,106,.3);background:rgba(11,11,13,.9);backdrop-filter:blur(14px);color:var(--text);font-size:14px;font-weight:500;box-shadow:0 16px 40px -16px rgba(0,0,0,.9)}
.wafab svg{fill:var(--gold-solid)}

.hide{display:none!important}

/* ---- responsive ---- */
@media(max-width:860px){
  .pad{padding-top:88px}
  .nav-links,.nav-right .btn-ghost{display:none}
  .nav-links.open{display:flex;flex-direction:column;position:absolute;left:24px;right:24px;top:88px;z-index:30;gap:4px;padding:12px;border-radius:16px;border:1px solid var(--line);background:rgba(11,11,13,.97);backdrop-filter:blur(16px)}
  .navtoggle{display:flex}
  .strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .strip > div:nth-child(odd){border-left:0}
  .grid-3,.tiers,.posts,.grid-2{grid-template-columns:1fr}
  .test .body{padding:26px 20px}
  .pkbox .in{padding:30px 22px}
  .cmp{grid-template-columns:1fr;max-width:460px}
  .cmp .hc,.cmp .rv{border-left:0}
  .cmp .rn{font-weight:600;color:var(--text);background:rgba(255,255,255,.02)}
  .cmp .h0{display:none}
  .ltabs{width:100%}
  .ltabs button{flex:1}
  .notify{display:none}
  .wafab span{display:none}
  .wafab{padding:0;width:52px;justify-content:center}
  footer{margin-top:72px}
  .foot{gap:28px}
}
@media(max-width:520px){
  .topbar .msg{display:none}
  .ktable .hr,.ktable .rw{grid-template-columns:70px 1fr 1fr;font-size:12px}
  .ktable .hr span:nth-child(4),.ktable .rw span:nth-child(4){display:none}
}

/* ================= i18n: dil seçici ================= */
.langsel{position:relative}
.lang{display:inline-flex;align-items:center;gap:6px}
.lang .cur{font:650 11px Geist,sans-serif;letter-spacing:.04em;color:var(--muted2)}
.lang svg{opacity:.7}
.langmenu{position:absolute;top:calc(100% + 6px);right:0;min-width:148px;display:none;flex-direction:column;padding:6px;border-radius:12px;border:1px solid var(--line2);background:rgba(11,11,13,.98);backdrop-filter:blur(16px);box-shadow:0 20px 50px -20px rgba(0,0,0,.9);z-index:60}
.langsel.open .langmenu{display:flex}
.langmenu button{text-align:left;height:38px;padding:0 12px;border-radius:9px;border:0;background:transparent;color:var(--muted);font:500 14px Geist,sans-serif;cursor:pointer;transition:background .15s,color .15s}
.langmenu button:hover{background:rgba(255,255,255,.06);color:var(--text)}
.langmenu button.sel{color:var(--gold-solid);background:rgba(217,169,59,.08)}

/* ================= i18n: RTL (Arapça) ================= */
html[dir=rtl] body{text-align:right}
html[dir=rtl] .langmenu{right:auto;left:0}
html[dir=rtl] .nav-links{margin-left:0;margin-right:20px}
html[dir=rtl] .opt{text-align:right}
html[dir=rtl] .opt:hover{transform:translateX(-3px)}
html[dir=rtl] .strip>div+div{border-left:0;border-right:1px solid var(--line)}
html[dir=rtl] .feat .qmark{right:auto;left:16px}
html[dir=rtl] .tier,html[dir=rtl] .tier ul,html[dir=rtl] .article,html[dir=rtl] .foot .brand,html[dir=rtl] .formcard,html[dir=rtl] form label{text-align:right}
html[dir=rtl] .tier li{flex-direction:row-reverse}
html[dir=rtl] .ktable .ar,html[dir=rtl] .league .ar{text-align:left}
html[dir=rtl] .calc .ends{flex-direction:row-reverse}
html[dir=rtl] .cmp .hc,html[dir=rtl] .cmp .rv,html[dir=rtl] .cmp .ac{border-left:0;border-right:1px solid rgba(255,255,255,.07)}
html[dir=rtl] .cmp .rv{border-right-color:rgba(255,255,255,.05)}
html[dir=rtl] .notify{left:auto;right:20px}
html[dir=rtl] .wafab{right:auto;left:20px}
html[dir=rtl] .faq .item button,html[dir=rtl] .result p,html[dir=rtl] .channel{text-align:right}
@media(max-width:860px){
  html[dir=rtl] .nav-links.open{left:24px;right:24px}
  html[dir=rtl] .strip>div:nth-child(odd){border-right:0}
}