@font-face{font-family:'Inter_400Regular';src:url(fonts/Inter_400Regular.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Inter_500Medium';src:url(fonts/Inter_500Medium.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Inter_600SemiBold';src:url(fonts/Inter_600SemiBold.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Inter_700Bold';src:url(fonts/Inter_700Bold.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Inter_800ExtraBold';src:url(fonts/Inter_800ExtraBold.woff2) format('woff2');font-display:swap}
@font-face{font-family:'JetBrainsMono-Bold';src:url(fonts/JetBrainsMono-Bold.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Ionicons';src:url(fonts/Ionicons.woff2) format('woff2');font-display:block}

:root{
  color-scheme:dark;
  --bg:#05060B; --ink:#F5F7FB; --ink-2:rgba(245,247,251,.64); --ink-3:rgba(245,247,251,.38);
  --cizgi:rgba(255,255,255,.1); --cam:rgba(255,255,255,.05);
  --tint:#22D3EE; --tint-2:#F472B6;
  --sinyal:linear-gradient(92deg,var(--tint),var(--tint-2));
  --display:"Unbounded","Inter",system-ui,sans-serif;
  --sans:"Inter",-apple-system,"Segoe UI",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"Cascadia Code",Consolas,monospace;
  --en:1120px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
#gok{position:fixed;inset:0;z-index:0;pointer-events:none;width:100%;height:100%}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;transition:background 1.2s ease;background:
  radial-gradient(760px 520px at 50% -8%,color-mix(in srgb,var(--tint) 12%,transparent),transparent 62%),
  radial-gradient(900px 640px at 50% 112%,color-mix(in srgb,var(--tint-2) 9%,transparent),transparent 62%)}
a{color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--tint);outline-offset:3px;border-radius:10px}
h1,h2,p{margin:0}
h1,h2{font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:1.02}
h1{font-size:clamp(44px,8.4vw,100px)}
h2{font-size:clamp(32px,5.6vw,68px);text-wrap:balance}
.sar{position:relative;z-index:1;max-width:var(--en);margin:0 auto;padding-inline:20px}
.renk{background:var(--sinyal);-webkit-background-clip:text;background-clip:text;color:transparent}
.kanal{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.24em;text-transform:lowercase;color:var(--tint);margin-bottom:22px}
.soz{color:var(--ink-2);max-width:44ch;font-size:clamp(17px,1.7vw,20px);margin-top:22px}
.satir{white-space:nowrap;display:block}

header{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:linear-gradient(180deg,rgba(5,6,11,.92),rgba(5,6,11,0))}
.cubuk{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}
.marka{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:500;font-size:15px;color:var(--ink);text-decoration:none}
.marka img{height:24px;width:auto}
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font-family:var(--sans);font-weight:700;font-size:15px;border-radius:999px;padding:13px 24px;background:var(--sinyal);color:#0B1120;white-space:nowrap;text-decoration:none}
.dugme.kucuk{padding:9px 17px;font-size:13.5px}
.dugme.hayalet{background:var(--cam);border:1px solid var(--cizgi);color:var(--ink)}
.dugme[disabled]{background:var(--cam);border:1px solid var(--cizgi);color:var(--ink-3);cursor:default}
body:not([data-onkayit="acik"]) .yalniz-acik{display:none}
body:not([data-onkayit="kapali"]) .yalniz-kapali{display:none}
body:not([data-onkayit="hata"]) .yalniz-hata{display:none}

.ada{display:block;position:relative}
.ada:empty::after{content:"sinyal bekleniyor";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}

.hero{position:relative;z-index:1;text-align:center;padding-block:34px 72px}
.hero .tur{font-family:var(--mono);font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-3);margin-bottom:26px}
.hero .soz{margin-inline:auto;margin-top:6px}
.hero-son{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}

section{position:relative;z-index:1;padding-block:clamp(72px,11vw,150px)}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.ikili.ters .metin{order:2}
.kunye{font-family:var(--mono);font-weight:700;font-size:clamp(12px,1.25vw,14px);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-top:30px;min-height:1.6em;overflow-wrap:anywhere}
.sayi{display:flex;align-items:baseline;gap:14px;margin-top:26px;flex-wrap:wrap}
.sayi b{font-family:var(--display);font-weight:800;font-size:clamp(40px,6vw,76px);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.sayi span{color:var(--ink-2)}

.sir{text-align:center}
.sir .soz{margin-inline:auto}
.dosya{margin:44px auto 0;max-width:640px;font-family:var(--mono);font-weight:700;font-size:clamp(15px,3.2vw,28px);letter-spacing:.12em;line-height:1.9;color:var(--ink-3);user-select:none;overflow:hidden}
.dosya span{display:block;white-space:nowrap}
.dosya span:nth-child(odd){color:color-mix(in srgb,var(--tint) 62%,transparent)}
.dosya span:nth-child(3n){color:color-mix(in srgb,var(--tint-2) 55%,transparent)}

.ad{text-align:center}
.ad .soz{margin-inline:auto}
.ad-form{display:flex;align-items:center;gap:10px;max-width:560px;margin:38px auto 0;padding:8px 8px 8px 22px;border-radius:999px;border:1px solid var(--cizgi);background:rgba(255,255,255,.06);transition:border-color .3s}
.ad-form:focus-within{border-color:var(--tint)}
.ad-form i{font-style:normal;font-family:var(--mono);font-weight:700;font-size:22px;color:var(--tint)}
.ad-form input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ink);font-family:var(--mono);font-weight:700;font-size:clamp(17px,2.4vw,22px);letter-spacing:.04em;padding:10px 0}
.ad-form input::placeholder{color:var(--ink-3)}
.ad-durum{font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;min-height:1.7em;margin-top:14px;color:var(--ink-3)}
.ad-durum.iyi{color:#34D399} .ad-durum.kotu{color:#FBBF24}
.magazalar{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin-top:44px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}

body:not([data-basvuru="acik"]) .yalniz-basvuru{display:none}

.serit{--tw:clamp(214px,23vw,268px);position:relative;z-index:1;display:flex;gap:clamp(8px,2.4vw,30px);overflow-x:auto;scroll-snap-type:x mandatory;padding:10px calc(50% - var(--tw)/2) 8px;margin-top:38px;scrollbar-width:none}
.serit::-webkit-scrollbar{display:none}
.serit:focus-visible{outline:2px solid var(--tint);outline-offset:-2px}
.tel{flex:0 0 var(--tw);scroll-snap-align:center;transform:scale(.84);opacity:.38;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s;cursor:pointer}
.tel.orta{transform:none;opacity:1;cursor:default}
.tel-govde{position:relative;aspect-ratio:780/1688;border-radius:13%/6%;background:#0D1019;border:1px solid #333B52;box-shadow:0 24px 60px -20px rgba(0,0,0,.8),inset 0 0 0 2px #06070C}
.tel.orta .tel-govde{box-shadow:0 30px 80px -24px color-mix(in srgb,var(--tint) 45%,transparent),inset 0 0 0 2px #06070C}
.tel-ekran{position:absolute;inset:3.2%;border-radius:11%/5.1%;overflow:hidden;background:var(--bg)}
.tel-ekran::after{content:"";position:absolute;top:1.6%;left:50%;width:26%;height:2.6%;transform:translateX(-50%);background:#000;border-radius:99px;z-index:3}
.tel-canli{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.tel-canli:empty::after{content:"sinyal bekleniyor";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.serit-yazi{min-height:124px;margin-top:22px}
.serit-yazi .kanal{margin-bottom:8px}
.serit-ad{font-family:var(--display);font-weight:800;font-size:clamp(22px,3.4vw,34px);letter-spacing:-.03em;line-height:1.1}
.serit-yazi .soz{margin-top:8px;font-size:16.5px}
.gezin{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:10px}
.gezin .ok{width:40px;height:40px;border-radius:50%;border:1px solid var(--cizgi);background:var(--cam);color:var(--ink);cursor:pointer;font-size:18px;line-height:1}
.gezin .ok[disabled]{opacity:.3;cursor:default}
.noktalar{display:flex;gap:7px}
.noktalar button{position:relative;overflow:hidden;width:8px;height:8px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.22);cursor:pointer;transition:width .3s}
.noktalar button.secili{width:34px;border-radius:4px}
.noktalar button.secili::after{content:"";position:absolute;inset:0;background:var(--tint);transform-origin:left}
.noktalar button.secili.doluyor::after{animation:nokta-dol var(--sure,10s) linear forwards}
@keyframes nokta-dol{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.b-kart{background:var(--cam);border:1px solid var(--cizgi);border-radius:26px;padding:24px;min-width:0}
#b-form{display:flex;flex-direction:column;gap:18px}
.b-etiket{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.b-cihaz{display:flex;gap:9px}
.b-cihaz .hap{flex:1;text-align:center}
#b-eposta{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--cizgi);border-radius:14px;padding:13px 14px;color:var(--ink);font:500 16px var(--sans);outline:0}
#b-eposta:focus{border-color:var(--tint)}
#b-eposta::placeholder{color:var(--ink-3)}
.b-ipucu{font-size:13.5px;line-height:1.45;color:var(--ink-3);margin-top:8px}
.b-kart .haber{margin-top:0;max-width:none;font-size:14px}
.b-hata{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:#FBBF24}
.b-hata:empty,#b-bot:empty{display:none}
#b-gonder{width:100%}
.b-sonuc{text-align:center;padding-block:26px}
.b-kod{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.22em;color:var(--tint)}
.b-buyuk{font-family:var(--display);font-weight:800;font-size:clamp(24px,3.6vw,34px);letter-spacing:-.03em;line-height:1.1;margin-top:12px}
.b-sonuc .soz{margin:14px auto 0;font-size:16px}

.tanitim{text-align:center}
.tanitim .soz{margin-inline:auto}
.tanitim .soz:empty{display:none}
.cerceve{position:relative;max-width:880px;aspect-ratio:16/9;margin:clamp(28px,4vw,46px) auto 0;border-radius:26px;border:1px solid var(--cizgi);background:linear-gradient(165deg,#12162a,#07080f 62%);overflow:hidden;isolation:isolate}
.cerceve::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(150deg,var(--tint),transparent 38%,transparent 62%,var(--tint-2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}
.cerceve iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2;background:#000}
.kapak{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:inherit}
.kapak canvas{position:absolute;inset:0;width:100%;height:100%}
.kose{position:absolute;width:22px;height:22px;border:2px solid var(--ink-3)}
.kose.a{left:18px;top:18px;border-right:0;border-bottom:0}
.kose.b{right:18px;top:18px;border-left:0;border-bottom:0}
.kose.c{left:18px;bottom:18px;border-right:0;border-top:0}
.kose.d{right:18px;bottom:18px;border-left:0;border-top:0}
.oynat{position:absolute;left:50%;top:50%;width:clamp(64px,11vw,96px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--sinyal);display:flex;align-items:center;justify-content:center;transition:transform .25s}
.oynat::before,.oynat::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--tint);animation:oynat-halka 2.6s ease-out infinite}
.oynat::after{animation-delay:1.3s}
@keyframes oynat-halka{from{transform:scale(1);opacity:.7}to{transform:scale(2.3);opacity:0}}
.oynat svg{width:38%;height:38%;margin-left:6%}
.kapak:hover .oynat{transform:translate(-50%,-50%) scale(1.07)}
.cerceve-alt{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:12px;padding:0 clamp(40px,7vw,54px) clamp(20px,3.4vw,30px);font-family:var(--mono);font-weight:700;font-size:clamp(9px,1.3vw,11px);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.cerceve-alt b{color:var(--tint);font-weight:700}
.cerceve-alt span{white-space:nowrap}
@media (max-width:560px){.cerceve-alt{justify-content:center;letter-spacing:.14em}.cerceve-alt span:last-child{display:none}}
@media (prefers-reduced-motion:reduce){.oynat::before,.oynat::after{animation:none}}

footer{position:relative;z-index:1;border-top:1px solid var(--cizgi);padding-block:40px 60px;font-size:14px}
.alt{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between}
.alt nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.alt nav a{color:var(--ink-2);text-decoration:none}
.alt nav a:hover{color:var(--ink)}
.alt-son{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:28px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}

.kayit{position:relative;z-index:1;min-height:100vh;padding-top:env(safe-area-inset-top,0px)}
.k-ust{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:60px;padding-inline:20px;background:linear-gradient(180deg,rgba(5,6,11,.96),rgba(5,6,11,0))}
.k-ust .marka{white-space:nowrap}
.k-kapat{justify-self:end;color:var(--ink-2);font:600 14px var(--sans);text-decoration:none;padding:8px}
.k-kapat:hover{color:var(--ink)}
.k-ilerleme{display:flex;gap:6px;width:min(300px,38vw)}
.k-ilerleme i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.14);transition:background .4s}
.k-ilerleme i.dolu{background:var(--sinyal)}
.k-govde{max-width:940px;margin:0 auto;display:grid;grid-template-columns:340px minmax(0,1fr);gap:clamp(28px,6vw,84px);align-items:start;padding:28px 20px 40px}
body:not([data-onkayit="acik"]) .k-govde{grid-template-columns:minmax(0,560px);justify-content:center;padding-top:12vh}
body:not([data-onkayit="acik"]) .k-ilerleme{visibility:hidden}
.k-govde:not(.hazir) .yalniz-acik{display:none}
body[data-onkayit="acik"] .k-govde:not(.hazir),body[data-onkayit="bekliyor"] .k-govde{grid-template-columns:minmax(0,1fr);padding-top:30vh}
body[data-onkayit="acik"] .k-govde:not(.hazir)::before,body[data-onkayit="bekliyor"] .k-govde::before{content:"sinyal bekleniyor";text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}

.kid-sar{position:sticky;top:84px}
.kid{position:relative;border-radius:26px;padding:20px 22px 18px;background:linear-gradient(165deg,#12162a,#07080f 62%);overflow:hidden;isolation:isolate}
.kid::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(150deg,var(--tint),transparent 38%,transparent 62%,var(--tint-2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.kid::after{content:"";position:absolute;z-index:-1;width:260px;height:260px;right:-90px;top:-110px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tint) 30%,transparent),transparent 68%)}
.kid-ust{display:flex;justify-content:space-between;font-family:var(--mono);font-weight:700;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3)}
.kid-ust span:first-child{color:var(--tint)}
.kid-yuz{display:flex;justify-content:center;margin:22px 0 14px}
.kid-yuz .ada{width:132px;height:132px}
.kid-ad{font-family:var(--mono);font-weight:700;font-size:19px;letter-spacing:.04em;text-align:center;overflow-wrap:anywhere}
.kid-bilgi{margin:18px 0 0;display:grid;gap:9px}
.kid-bilgi div{display:flex;justify-content:space-between;gap:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:9px}
.kid-bilgi dt{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.kid-bilgi dd{margin:0;font-family:var(--mono);font-weight:700;font-size:12.5px;letter-spacing:.04em;text-align:right;min-width:0;overflow-wrap:anywhere;color:var(--ink-2)}
.kid-bilgi dd.dolu{color:var(--ink)}
.kid-dalga{display:block;width:100%;height:30px;margin-top:16px;opacity:.85}
.kid-damga{position:absolute;right:16px;top:62px;transform:rotate(9deg);font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#34D399;border:1.5px solid #34D399;border-radius:8px;padding:4px 9px;animation:damga .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes damga{from{transform:rotate(9deg) scale(2.2);opacity:0}}
.kid-not{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);text-align:center;margin-top:14px}

.k-sahne{min-width:0;padding-top:6px}
.k-sayac{font-family:var(--mono);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--tint);margin-bottom:18px}
.k-adim h2,.k-kapali h2{font-size:clamp(30px,4.6vw,54px)}
.k-alt{color:var(--ink-2);margin-top:14px;max-width:46ch}
.k-adim{padding-bottom:22px}
.k-girdi{display:block;margin-top:26px;max-width:460px}
.k-girdi span,.k-etiket{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.k-etiket{margin-top:30px}
.k-girdi div{display:flex;align-items:center;gap:8px;border-bottom:1.5px solid rgba(255,255,255,.18);transition:border-color .25s}
.k-girdi div:focus-within{border-color:var(--tint)}
.k-girdi i{font-style:normal;font-family:var(--mono);font-weight:700;font-size:22px;color:var(--tint)}
.k-girdi input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ink);font-family:var(--mono);font-weight:700;font-size:clamp(18px,2.2vw,22px);letter-spacing:.03em;padding:10px 0}
.k-girdi input::placeholder{color:var(--ink-3);font-weight:500}
.k-girdi em,.k-uyari{display:block;font-style:normal;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);min-height:1.7em;margin-top:8px}
.iyi{color:#34D399!important} .kotu{color:#FBBF24!important}
.k-ad{margin-top:22px;margin-bottom:22px}
#k-yuzler{max-width:400px;min-height:300px}
.k-tarih{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);gap:18px;max-width:340px}
.k-tarih .k-girdi{min-width:0}
.k-tarih input{text-align:center;width:100%}
.k-takvim{position:relative;display:inline-flex;margin-top:16px;padding:6px 0;font:600 14.5px var(--sans);color:var(--tint);cursor:pointer}
.k-takvim:focus-within{outline:2px solid var(--tint);outline-offset:3px;border-radius:10px}
.k-takvim input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}
.k-haplar{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.hap{font:600 15px var(--sans);color:var(--ink-2);background:var(--cam);border:1px solid var(--cizgi);border-radius:999px;padding:10px 17px;cursor:pointer;transition:border-color .2s,background .2s,color .2s;text-align:left}
.hap:hover{color:var(--ink)}
.hap.secili{color:var(--ink);border-color:var(--tint);background:color-mix(in srgb,var(--tint) 14%,transparent)}
.hap[disabled]{opacity:.35;cursor:default}
.k-grup{margin-top:24px}
.k-cevap{margin-top:18px;max-width:520px;border-left:2px solid var(--tint);padding-left:14px}
.k-cevap b{display:flex;justify-content:space-between;gap:12px;font-weight:600;font-size:15px}
.k-cevap b button{background:none;border:0;color:var(--ink-3);font:600 13px var(--sans);cursor:pointer}
.k-cevap input{width:100%;background:none;border:0;border-bottom:1.5px solid rgba(255,255,255,.18);outline:0;color:var(--ink);font:500 16px var(--sans);padding:9px 0}
.k-cevap input:focus{border-color:var(--tint)}
.k-guc{display:flex!important;align-items:center;gap:6px}
.k-guc i{width:44px;height:3px;border-radius:2px;background:rgba(255,255,255,.14)}
.k-guc b{font-weight:500;margin-left:6px}
.k-guc[data-guc="1"] i:nth-child(1){background:#FBBF24}
.k-guc[data-guc="2"] i:nth-child(-n+2){background:#22D3EE}
.k-guc[data-guc="3"] i{background:#34D399}
.k-bot{margin-top:18px;min-height:0}
.k-kod{display:flex;gap:10px;margin-top:30px}
.k-kod input{width:clamp(40px,11vw,56px);height:68px;text-align:center;background:var(--cam);border:0;border-bottom:2px solid rgba(255,255,255,.2);border-radius:12px 12px 0 0;outline:0;color:var(--ink);font-family:var(--mono);font-weight:700;font-size:28px}
.k-kod input:focus{border-color:var(--tint)}
.k-metin{background:none;border:0;color:var(--ink-2);font:600 14.5px var(--sans);cursor:pointer;padding:10px 4px}
.k-metin:hover{color:var(--ink)}
.k-metin[disabled]{color:var(--ink-3);cursor:default}
#k-tekrar{margin-top:16px;color:var(--tint)}
#k-tekrar[disabled]{color:var(--ink-3)}
.k-hata{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:#FBBF24;min-height:1.6em;margin-top:18px}
.k-eylem{display:flex;align-items:center;gap:18px;margin-top:10px}
#k-eylem{position:sticky;bottom:0;z-index:2;justify-content:space-between;max-width:460px;padding:14px 0 calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(5,6,11,0),rgba(5,6,11,.94) 34%)}
.k-sahne .haber,.k-sahne .haber a{font-size:14px}
.haber{display:flex;align-items:flex-start;gap:12px;text-align:left;margin-top:16px;max-width:460px;padding:13px 14px;border-radius:16px;border:1px solid var(--cizgi);background:var(--cam);cursor:pointer;color:var(--ink-2);line-height:1.45}
.k-girdi + .haber{margin-top:26px}
.haber a{color:var(--tint)}
.haber input{appearance:none;width:22px;height:22px;border-radius:7px;border:1.5px solid rgba(255,255,255,.28);flex:none;margin:1px 0 0;cursor:pointer;background:transparent}
.haber input:checked{background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1120' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/15px no-repeat;border-color:var(--tint)}
.haber:has(input:checked){border-color:var(--tint)}

@media (max-width:860px){
  .ikili{grid-template-columns:1fr}
  .ikili.ters .metin{order:0}
  .hero{padding-block:16px 48px}
  .satir{white-space:normal}
  .k-govde{grid-template-columns:minmax(0,1fr);gap:22px;padding:14px 16px 30px}
  #k-eylem{max-width:none}
  .kid-sar{position:static}
  .kid{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:14px;align-items:center;padding:14px 16px;border-radius:20px}
  .kid-ust{grid-column:1 / -1;margin-bottom:10px}
  .kid-yuz{margin:0}.kid-yuz .ada{width:64px;height:64px}
  .kid-ad{text-align:left;font-size:17px}
  .kid-bilgi,.kid-dalga,.kid-not{display:none}
  .kid-damga{top:auto;bottom:12px;right:14px}
  .k-govde.bitti .kid{display:block;padding:20px 22px 18px}
  .k-govde.bitti .kid-yuz{margin:22px 0 14px}.k-govde.bitti .kid-yuz .ada{width:132px;height:132px;margin:0 auto}
  .k-govde.bitti .kid-ad{text-align:center}
  .k-govde.bitti .kid-bilgi{display:grid}.k-govde.bitti .kid-dalga{display:block}
  .k-govde.bitti .kid-damga{top:62px;bottom:auto}
}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }