/* KIAI APP v2 · ek bölümler */
/* üst demo şeridi */
.db{position:relative;z-index:85;display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:6px 16px;color:#fff;background:linear-gradient(100deg,#2B23B8,#5049E6 40%,#8B5CF6 70%,#2B23B8);background-size:300% 100%;animation:dbG 9s linear infinite;font:700 13.5px/1.3 'Plus Jakarta Sans';text-align:center}
@keyframes dbG{to{background-position:-300% 0}}
.db b{display:inline-flex;align-items:center;gap:8px}.db b i{width:8px;height:8px;border-radius:50%;background:#7CF0C2;box-shadow:0 0 0 0 rgba(124,240,194,.7);animation:dbP 1.8s infinite}
@keyframes dbP{70%{box-shadow:0 0 0 10px rgba(124,240,194,0)}100%{box-shadow:0 0 0 0 rgba(124,240,194,0)}}
.db a{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:999px;background:#fff;color:var(--nv);font:800 13px/1 'Plus Jakarta Sans'}.db a:hover{color:var(--pr)}
.nv{top:44px}.nv.sc{top:0}
@media (max-width:760px){.db{font-size:12px;gap:10px;justify-content:space-between;text-align:left}.db .hm{display:none}.nv{top:44px}}
.nv .lgm{display:none;width:44px;height:44px;border-radius:50%;place-items:center;background:var(--lv);color:var(--nv)}
@media (max-width:1100px){.nv .lgm{display:grid}}
@media (max-width:420px){.nv .ac .b.v{display:none}}
/* hero ek: hızlı kayıt */
.hr .qk{display:flex;align-items:center;gap:6px;width:min(560px,100%);margin:26px auto 0;padding:6px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--ln),0 24px 50px -30px rgba(80,73,230,.6)}
.hr .qk input{flex:1;min-width:0;height:48px;padding:0 18px;border:0;border-radius:999px;background:none;font:600 15px/1 'Plus Jakarta Sans';color:var(--nv);outline:0}
.hr .qk .b{height:48px;flex:none}
.hr .qk .b.v{position:relative}
.hr .qk .b.v::before{content:"";position:absolute;inset:-4px;border-radius:999px;box-shadow:0 0 0 2px rgba(139,92,246,.5);animation:qkR 2.2s ease-out infinite;pointer-events:none}
@keyframes qkR{from{opacity:1;transform:scale(.96)}to{opacity:0;transform:scale(1.12)}}
.hr .qn{margin-top:12px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font:600 12.5px/1 'Plus Jakarta Sans';color:var(--mut)}.hr .qn span{display:inline-flex;align-items:center;gap:6px}.hr .qn svg{color:var(--mint)}
.hr .qk.ok{box-shadow:inset 0 0 0 2px var(--mint),0 24px 50px -30px rgba(15,181,125,.6)}
@media (max-width:560px){.hr .qk{flex-direction:column;border-radius:24px;padding:8px}.hr .qk input{width:100%;text-align:center}.hr .qk .b{width:100%}}
/* tanıtım filmi */
.fm{position:relative;padding:130px 0 120px;background:#06091F;color:#fff;overflow:hidden;isolation:isolate}
.fm::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 500px at 50% 30%,rgba(139,92,246,calc(.15 + var(--fv,0)*.3)),transparent 65%)}
.fm .hd{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.fm .fr{position:relative;margin:56px auto 0;max-width:1160px;transform:scale(calc(.86 + var(--fv,0)*.14));transition:transform .2s linear}
.fm .bd{position:relative;padding:3px;border-radius:30px;background:conic-gradient(from var(--fa,0deg),#5049E6,#B9B5FF,#8B5CF6,#06091F 40%,#5049E6 60%,#B9B5FF,#5049E6);animation:fmR 8s linear infinite;box-shadow:0 0 80px -10px rgba(139,92,246,.6)}
@property --fa{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes fmR{to{--fa:360deg}}
.fm .sc{position:relative;aspect-ratio:16/9;border-radius:27px;overflow:hidden;background:#000}
.fm .sc video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.fm .sc .kx-shot{position:absolute;inset:0;z-index:1}
.fm .sc::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.fm .cr{position:absolute;z-index:4;width:34px;height:34px;border:2px solid rgba(255,255,255,.75);pointer-events:none}
.fm .cr.a{left:20px;top:20px;border-right:0;border-bottom:0;border-radius:10px 0 0 0}.fm .cr.b{right:20px;top:20px;border-left:0;border-bottom:0;border-radius:0 10px 0 0}.fm .cr.c{left:20px;bottom:20px;border-right:0;border-top:0;border-radius:0 0 0 10px}.fm .cr.d{right:20px;bottom:20px;border-left:0;border-top:0;border-radius:0 0 10px 0}
.fm .hu{position:absolute;z-index:4;left:66px;top:24px;display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.fm .hu i{width:8px;height:8px;border-radius:50%;background:#FF4D5E;animation:evB 1.2s steps(1) infinite}@keyframes evB{50%{opacity:0}}
.fm .ct{position:absolute;z-index:4;right:66px;top:22px;display:flex;gap:6px}
.fm .ct button{width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer}.fm .ct button:hover{background:rgba(80,73,230,.8)}
.fm .pg{position:absolute;z-index:4;left:66px;right:66px;bottom:30px;height:3px;border-radius:2px;background:rgba(255,255,255,.2);overflow:hidden}.fm .pg i{display:block;height:100%;width:0;background:linear-gradient(90deg,#B9B5FF,#fff)}
.fm .gl{pointer-events:none;position:absolute;left:10%;right:10%;bottom:-60px;height:120px;border-radius:50%;background:radial-gradient(closest-side,rgba(139,92,246,.55),transparent);filter:blur(30px);z-index:-1}
.fm .ch{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:34px}
.fm .ch button{height:40px;padding:0 16px;border:0;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:rgba(255,255,255,.75);font:700 13px/1 'Plus Jakarta Sans';cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.fm .ch button b{font:600 11px/1 var(--mono);color:#B9B5FF}.fm .ch button:hover{color:#fff;background:rgba(255,255,255,.12)}
.fm .bt{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}
@media (max-width:760px){.fm{padding:90px 0 80px}.fm .fr{margin-top:36px;transform:none}.fm .bd{border-radius:20px}.fm .sc{border-radius:17px}.fm .cr{width:22px;height:22px}.fm .cr.a,.fm .cr.c{left:12px}.fm .cr.b,.fm .cr.d{right:12px}.fm .cr.a,.fm .cr.b{top:12px}.fm .cr.c,.fm .cr.d{bottom:12px}.fm .hu{left:42px;top:14px;height:26px;font-size:9.5px}.fm .ct{right:40px;top:12px}.fm .ct button{width:34px;height:34px}.fm .pg{left:40px;right:40px;bottom:18px}.fm .bt{flex-direction:column}.fm .bt .b{width:100%}}
/* otomatik aidat hatırlatma */
.ar{padding:130px 0;background:#fff}
.ar .gd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.ar .tl{display:flex;flex-direction:column;gap:0;margin-top:34px;position:relative}
.ar .tl::before{content:"";position:absolute;left:21px;top:10px;bottom:10px;width:2px;background:var(--lv2)}
.ar .tl::after{content:"";position:absolute;left:21px;top:10px;width:2px;height:calc(var(--ap,0)*(100% - 20px));background:linear-gradient(180deg,var(--pr),var(--mint));transition:height .5s var(--e)}
.ar .tl div{position:relative;display:flex;gap:16px;align-items:center;min-height:64px}
.ar .tl i{position:relative;z-index:1;flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 2px var(--lv2);color:var(--mut2);font:600 11px/1 var(--mono);transition:all .4s var(--e)}
.ar .tl div.on i{background:var(--pr);box-shadow:none;color:#fff}.ar .tl div.dn i{background:var(--mint);color:#fff;box-shadow:none}
.ar .tl b{display:block;font:800 16px/1.2 'Plus Jakarta Sans';color:var(--nv)}.ar .tl small{display:block;margin-top:4px;font:500 13.5px/1.4 'Plus Jakarta Sans';color:var(--mut)}
.ar .ph2{position:relative;width:min(340px,100%);margin:0 auto;aspect-ratio:390/760;border-radius:46px;padding:12px;background:linear-gradient(160deg,#2C3366,#0C1132);box-shadow:0 50px 90px -40px rgba(10,16,51,.6)}
.ar .ph2 .lk{position:relative;height:100%;border-radius:36px;overflow:hidden;background:radial-gradient(400px 300px at 50% 0%,rgba(139,92,246,.6),transparent 70%),linear-gradient(180deg,#1B1F6E,#0A1033);color:#fff;display:flex;flex-direction:column;align-items:center;padding:56px 14px 14px}
.ar .ph2 .tm{font:800 64px/1 'Plus Jakarta Sans';letter-spacing:-.04em}.ar .ph2 .dt{margin-top:6px;font:600 13px/1 'Plus Jakarta Sans';color:rgba(255,255,255,.7)}
.ar .ph2 .ns{position:absolute;left:14px;right:14px;top:170px;display:flex;flex-direction:column;gap:8px}
.ar .nt{display:flex;gap:10px;padding:12px;border-radius:18px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);animation:ntI .6s var(--e) both}
@keyframes ntI{from{opacity:0;transform:translateY(-20px) scale(.95)}}
.ar .nt .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff}
.ar .nt .ic.wa{background:#25D366}.ar .nt .ic.sm{background:#5049E6}.ar .nt .ic.ap{background:linear-gradient(140deg,#625BF0,#8B5CF6)}.ar .nt .ic.ok{background:var(--mint)}
.ar .nt b{display:flex;justify-content:space-between;font:800 12.5px/1.2 'Plus Jakarta Sans'}.ar .nt b em{font-style:normal;font-weight:600;color:rgba(255,255,255,.55)}
.ar .nt p{margin:3px 0 0;font:500 12.5px/1.35 'Plus Jakarta Sans';color:rgba(255,255,255,.85)}
.ar .ch2{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.ar .ch2 span{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--ln);font:700 13.5px/1 'Plus Jakarta Sans'}
@media (max-width:960px){.ar .gd{grid-template-columns:1fr}.ar{padding:90px 0}.ar .ph2{width:min(300px,86vw)}}
/* oyunlaştırma */
.gm{position:relative;padding:140px 0;background:linear-gradient(180deg,#FFF9EC,#fff 40%,var(--lv));overflow:hidden}
.gm .gd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}
.gm .lb{color:#B07A00}
.gm .h2 em{color:#D99500}
.gm .ft{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:34px}
.gm .ft div{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #F2E6C9}
.gm .ft i{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#FFD25A,#F2A516);color:#5A3B00}
.gm .ft b{display:block;font:800 15px/1.2 'Plus Jakarta Sans';color:var(--nv)}.gm .ft small{display:block;margin-top:4px;font:500 13px/1.4 'Plus Jakarta Sans';color:var(--mut)}
.gm .st{position:relative;padding:34px 28px 0;border-radius:36px;background:radial-gradient(500px 300px at 50% 0%,rgba(255,210,90,.35),transparent 70%),linear-gradient(180deg,#141B63,#0A1033);color:#fff;overflow:hidden}
.gm .st .tt{display:flex;justify-content:space-between;align-items:center}.gm .st .tt b{font:800 18px/1 'Plus Jakarta Sans'}.gm .st .tt small{font:600 10.5px/1 var(--mono);letter-spacing:.08em;color:rgba(255,255,255,.55);text-transform:uppercase}
.gm .stars{display:flex;justify-content:center;gap:6px;margin-top:20px}
.gm .stars svg{width:34px;height:34px;color:rgba(255,255,255,.18);transform:scale(.6) rotate(-40deg);opacity:.3;transition:transform .6s var(--e),color .4s,opacity .4s}
.gm .stars svg.on{color:#FFD25A;transform:none;opacity:1;filter:drop-shadow(0 0 10px rgba(255,210,90,.7))}
.gm .xp{margin:18px auto 0;max-width:340px}.gm .xp .rw{display:flex;justify-content:space-between;font:700 12.5px/1 'Plus Jakarta Sans';color:rgba(255,255,255,.75)}.gm .xp .rw b{font:800 13px/1 var(--mono);color:#FFD25A}
.gm .xp .br{height:10px;margin-top:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.gm .xp .br i{display:block;height:100%;width:calc(var(--xp,0)*1%);border-radius:999px;background:linear-gradient(90deg,#F2A516,#FFE08A);transition:width 1.4s var(--e)}
.gm .pd{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin-top:34px}
.gm .pd .c{flex:1;max-width:150px;display:flex;flex-direction:column;align-items:center;gap:10px}
.gm .pd .av{position:relative;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.12);box-shadow:0 0 0 3px var(--mc);display:grid;place-items:center;font:800 20px/1 'Plus Jakarta Sans';opacity:0;transform:translateY(20px);transition:all .6s var(--e)}
.gm .pd .av u{position:absolute;right:-8px;bottom:-6px;width:30px;height:30px;border-radius:50%;background:var(--mc);display:grid;place-items:center;font:800 13px/1 'Plus Jakarta Sans';color:#3A2600;text-decoration:none;box-shadow:0 4px 10px rgba(0,0,0,.4)}
.gm .pd .nm{font:700 12.5px/1.2 'Plus Jakarta Sans';text-align:center;opacity:0;transition:opacity .5s .3s}
.gm .pd .bl{width:100%;height:calc(var(--h)*var(--pp,0));border-radius:14px 14px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.3);display:flex;justify-content:center;padding-top:10px;font:800 34px/1 'Plus Jakarta Sans';color:rgba(255,255,255,.5);overflow:hidden;transition:height 1s var(--e)}
.gm.on .pd .av{opacity:1;transform:none}.gm.on .pd .nm{opacity:1}.gm.on .pd .bl{--pp:1}
.gm .pd .c:nth-child(1) .bl{transition-delay:.2s}.gm .pd .c:nth-child(2) .bl{transition-delay:0s}.gm .pd .c:nth-child(3) .bl{transition-delay:.35s}
.gm .pd .c:nth-child(1) .av{transition-delay:1s}.gm .pd .c:nth-child(2) .av{transition-delay:.8s}.gm .pd .c:nth-child(3) .av{transition-delay:1.15s}
.gm .cf{position:absolute;inset:0;pointer-events:none;overflow:hidden}.gm .cf i{position:absolute;top:-10px;width:8px;height:14px;border-radius:2px;opacity:0}
.gm.on .cf i{animation:cfF 3.4s ease-in forwards}
@keyframes cfF{0%{opacity:1;transform:translateY(0) rotate(0)}100%{opacity:0;transform:translateY(520px) rotate(720deg)}}
.gm .bg2{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:22px 0 26px}
.gm .bg2 span{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font:700 12px/1 'Plus Jakarta Sans'}
.gm .smp{margin-top:12px;text-align:center;font:600 11px/1.4 var(--mono);color:var(--mut2)}
@media (max-width:960px){.gm{padding:90px 0}.gm .gd{grid-template-columns:1fr}.gm .ft{grid-template-columns:1fr}.gm .st{padding:26px 16px 0;border-radius:28px}.gm .pd .av{width:52px;height:52px;font-size:16px}}
/* kulübünüze göre */
.cf2{padding:130px 0;background:var(--bg)}
.cf2 .gd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:start;margin-top:52px}
.cf2 .pn{display:flex;flex-direction:column;gap:26px;padding:30px;border-radius:30px;background:#fff;box-shadow:inset 0 0 0 1px var(--ln)}
.cf2 label{display:flex;flex-direction:column;gap:12px}.cf2 label .rw{display:flex;justify-content:space-between;align-items:baseline;font:800 15px/1 'Plus Jakarta Sans';color:var(--nv)}.cf2 label .rw b{font:800 26px/1 'Plus Jakarta Sans';letter-spacing:-.02em;color:var(--pr);font-variant-numeric:tabular-nums}
.cf2 input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--pr) var(--v,30%),var(--lv2) var(--v,30%));outline:0}
.cf2 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--pr),0 6px 14px rgba(80,73,230,.4);cursor:pointer}
.cf2 input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--pr);cursor:pointer}
.cf2 .tg2{display:flex;flex-wrap:wrap;gap:8px}.cf2 .tg2 button{height:40px;padding:0 14px;border:0;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--ln);font:700 13.5px/1 'Plus Jakarta Sans';color:var(--mut);cursor:pointer;transition:all .25s}.cf2 .tg2 button.on{background:var(--nv);color:#fff;box-shadow:none}
.cf2 .rs{display:flex;flex-direction:column;gap:12px}
.cf2 .rs .hd2{padding:24px 26px;border-radius:26px;color:#fff;background:radial-gradient(360px 240px at 80% 0%,rgba(139,92,246,.55),transparent 65%),linear-gradient(160deg,#1B1F6E,#0A1033)}
.cf2 .rs .hd2 small{font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#B9B5FF}.cf2 .rs .hd2 b{display:block;margin-top:10px;font:800 26px/1.15 'Plus Jakarta Sans';letter-spacing:-.02em}
.cf2 .rs .ls{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cf2 .rs .it{display:flex;gap:12px;align-items:center;min-height:64px;padding:12px 14px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--ln);font:700 14px/1.3 'Plus Jakarta Sans';color:var(--nv);animation:cfI .45s var(--e) both}
@keyframes cfI{from{opacity:0;transform:translateY(10px) scale(.97)}}
.cf2 .rs .it i{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--lv);color:var(--pr)}
.cf2 .rs .it.nw{box-shadow:inset 0 0 0 1.5px var(--pr)}
.cf2 .hk{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:var(--lv);font:600 14px/1.45 'Plus Jakarta Sans';color:var(--ink)}
.cf2 .hk .ring{flex:none;position:relative;width:58px;height:58px;border-radius:50%;background:conic-gradient(var(--pr) calc(var(--hp,40)*1%),#fff 0)}.cf2 .hk .ring::after{content:attr(data-v);position:absolute;inset:7px;border-radius:50%;background:var(--lv);display:grid;place-items:center;font:800 14px/1 'Plus Jakarta Sans';color:var(--pr)}
@media (max-width:960px){.cf2{padding:90px 0}.cf2 .gd{grid-template-columns:1fr}.cf2 .pn{padding:22px}.cf2 .rs .ls{grid-template-columns:1fr}}
/* evrak merkezi */
.ev2{position:relative;padding:140px 0;background:#fff;overflow:hidden}
.ev2 .gd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}
.ev2 .dl{display:flex;flex-direction:column;gap:8px;margin-top:30px}
.ev2 .dl button{display:flex;align-items:center;gap:14px;min-height:62px;padding:10px 16px;border:0;border-radius:18px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--ln);text-align:left;cursor:pointer;transition:all .3s var(--e)}
.ev2 .dl button:hover{box-shadow:inset 0 0 0 1.5px #C9C6F6}.ev2 .dl button.on{background:var(--nv);box-shadow:none;color:#fff}
.ev2 .dl i{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#fff;color:var(--pr)}.ev2 .dl button.on i{background:var(--pr);color:#fff}
.ev2 .dl b{display:block;font:800 15px/1.2 'Plus Jakarta Sans'}.ev2 .dl small{display:block;margin-top:3px;font:500 12.5px/1.35 'Plus Jakarta Sans';color:var(--mut)}.ev2 .dl button.on small{color:rgba(255,255,255,.65)}
.ev2 .cp{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.ev2 .cp span{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;background:rgba(15,181,125,.1);color:#077A53;font:800 12.5px/1 'Plus Jakarta Sans'}
.ev2 .sk{position:relative;height:560px;perspective:1600px}
.ev2 .pp{position:absolute;left:50%;top:50%;width:min(380px,74%);aspect-ratio:1/1.414;padding:7% 7% 6%;background:#fff;border-radius:6px;box-shadow:0 30px 60px -30px rgba(10,16,51,.5),0 0 0 1px rgba(10,16,51,.06);transform:translate(-50%,-50%) translate(calc(var(--dx)*var(--fo,0)),calc(var(--dy)*var(--fo,0))) rotate(calc(var(--dr)*var(--fo,0)));transition:transform .9s var(--e);display:flex;flex-direction:column;gap:6%}
.ev2 .pp:nth-child(1){--dx:-150px;--dy:30px;--dr:-12deg}.ev2 .pp:nth-child(2){--dx:-60px;--dy:-10px;--dr:-5deg}.ev2 .pp:nth-child(3){--dx:40px;--dy:10px;--dr:4deg}.ev2 .pp:nth-child(4){--dx:150px;--dy:-20px;--dr:11deg;z-index:2}
.ev2 .pp .hd3{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.ev2 .pp .hd3 b{font:800 clamp(11px,1.2vw,14px)/1.25 'Plus Jakarta Sans';color:var(--nv);text-transform:uppercase;letter-spacing:.02em}.ev2 .pp .hd3 small{font:600 clamp(7px,.7vw,9px)/1.3 var(--mono);color:var(--mut2);text-align:right}
.ev2 .pp .tb{display:flex;flex-direction:column;border-top:1.5px solid var(--nv)}
.ev2 .pp .tb div{display:grid;grid-template-columns:16px 1.4fr 1fr .8fr;gap:6px;align-items:center;min-height:clamp(16px,1.9vw,22px);border-bottom:1px solid var(--ln);font:600 clamp(7px,.75vw,9.5px)/1.2 'Plus Jakarta Sans';color:var(--ink);opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s}
.ev2 .pp .tb div.on{opacity:1;transform:none}
.ev2 .pp .tb div.h{opacity:1;transform:none;font-weight:800;color:var(--mut)}
.ev2 .pp .sg{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end}.ev2 .pp .sg span{width:30%;border-top:1px solid var(--mut2);padding-top:4px;font:600 clamp(6px,.65vw,8.5px)/1 var(--mono);color:var(--mut2)}
.ev2 .pp .st2{position:absolute;right:9%;bottom:16%;width:22%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(80,73,230,.6);display:grid;place-items:center;font:800 clamp(6px,.6vw,8px)/1.15 'Plus Jakarta Sans';color:rgba(80,73,230,.8);text-align:center;transform:rotate(-14deg) scale(1.6);opacity:0;transition:transform .45s var(--e),opacity .3s}
.ev2 .pp.dn .st2{opacity:1;transform:rotate(-14deg) scale(1)}
.ev2 .pp .wm{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.ev2 .pp .wm span{transform:rotate(-28deg);font:800 clamp(12px,1.6vw,20px)/1 'Plus Jakarta Sans';letter-spacing:.1em;color:rgba(229,72,77,.12)}
.ev2 .gn{position:absolute;left:50%;bottom:0;z-index:5;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--ln),0 20px 40px -24px rgba(10,16,51,.5);transform:translateX(-50%);white-space:nowrap}
.ev2 .gn span{font:700 13.5px/1 'Plus Jakarta Sans';color:var(--nv)}.ev2 .gn span b{font-variant-numeric:tabular-nums;color:var(--pr)}
.ev2 .smp{position:relative;z-index:6;margin-top:36px;font:600 11px/1.4 var(--mono);color:var(--mut2)}
@media (max-width:960px){.ev2{padding:90px 0}.ev2 .gd{grid-template-columns:1fr}.ev2 .sk{height:460px}.ev2 .pp:nth-child(1){--dx:-80px}.ev2 .pp:nth-child(2){--dx:-30px}.ev2 .pp:nth-child(3){--dx:20px}.ev2 .pp:nth-child(4){--dx:80px}}
@media (max-width:420px){.ev2 .sk{height:400px}.ev2 .gn{gap:8px;padding-left:14px}.ev2 .gn span{font-size:12px}}
/* federasyon uyum bandı */
.fu{padding:28px 0;background:var(--nv);color:#fff;overflow:hidden}
.fu .tr{display:flex;gap:40px;width:max-content;animation:bvM 36s linear infinite}
.fu span{display:inline-flex;align-items:center;gap:12px;font:800 18px/1 'Plus Jakarta Sans';letter-spacing:-.01em;white-space:nowrap}.fu span svg{color:#7CF0C2}
/* yüzen demo düğmesi */
.fd{position:fixed;right:20px;bottom:20px;z-index:75;display:flex;align-items:center;gap:10px;height:58px;padding:0 22px 0 8px;border-radius:999px;background:var(--nv);color:#fff;font:800 15px/1 'Plus Jakarta Sans';box-shadow:0 20px 44px -16px rgba(10,16,51,.7);transform:translateY(120px);transition:transform .5s var(--e)}
.fd.on{transform:none}.fd:hover{color:#fff}
.fd i{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--pr2),var(--vi))}
.fd i::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(#7CF0C2 calc(var(--sp,0)*1%),transparent 0);-webkit-mask:radial-gradient(closest-side,transparent 86%,#000 88%);mask:radial-gradient(closest-side,transparent 86%,#000 88%)}
@media (max-width:560px){.fd{right:12px;bottom:12px;height:52px;padding:0 16px 0 6px;font-size:14px}.fd i{width:38px;height:38px}}
@media (prefers-reduced-motion:reduce){.db,.fm .bd,.fu .tr{animation:none}.fm .fr{transform:none}}