/* ============================================================
   biokul.com.tr — tanıtım sitesi ortak stili (ana sayfa + kurum sayfaları)
   Renkler logodan gelir: gök mavisi (MEB okulları), çivit (özel okullar), nane (kurs merkezleri)
   ============================================================ */
:root{
  --gece:#0B1233;        /* koyu zemin */
  --gece2:#141D47;
  --murekkep:#111A3E;    /* metin */
  --gri:#56607A;         /* ikincil metin */
  --gri2:#8590A8;
  --cizgi:#E2E7F0;
  --sis:#F4F6FB;         /* açık bölüm zemini */
  --kagit:#FFFFFF;
  --meb:#1E8FE1;  --meb-k:#0F5FA6;  --meb-a:#E8F4FD;
  --ozel:#5A55D9; --ozel-k:#3E39B0; --ozel-a:#EFEEFD;
  --kurs:#14A06C; --kurs-k:#0B7650; --kurs-a:#E4F6EE;
  --nane:#7FD9A8;
  --vurgu:var(--meb); --vurgu-k:var(--meb-k); --vurgu-a:var(--meb-a);
  --baslik:'Lexend',system-ui,sans-serif;
  --govde:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --en:1200px;
  --golge:0 1px 2px rgba(17,26,62,.06),0 12px 32px -12px rgba(17,26,62,.18);
}
body.t-meb{--vurgu:var(--meb);--vurgu-k:var(--meb-k);--vurgu-a:var(--meb-a)}
body.t-ozel{--vurgu:var(--ozel);--vurgu-k:var(--ozel-k);--vurgu-a:var(--ozel-a)}
body.t-kurs{--vurgu:var(--kurs);--vurgu-k:var(--kurs-k);--vurgu-a:var(--kurs-a)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{font:400 16px/1.6 var(--govde);color:var(--murekkep);background:var(--kagit);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--vurgu);outline-offset:3px;border-radius:6px}
.kap{max-width:var(--en);margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-family:var(--baslik);font-weight:600;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}
p{text-wrap:pretty}
.gizli-y{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── Düğmeler ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 22px;border-radius:14px;font:600 15px/1 var(--govde);text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .06s}
.btn:active{transform:translateY(1px)}
.btn svg{width:18px;height:18px;flex:none}
.btn-ana{background:var(--vurgu);color:#fff}
.btn-ana:hover{background:var(--vurgu-k)}
.btn-beyaz{background:#fff;color:var(--gece)}
.btn-beyaz:hover{background:#E9EEF8}
.btn-cam{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.22)}
.btn-cam:hover{background:rgba(255,255,255,.16)}
.btn-cizgi{background:#fff;color:var(--murekkep);border-color:var(--cizgi)}
.btn-cizgi:hover{border-color:var(--murekkep)}
.btn-koyu{background:var(--gece);color:#fff}
.btn-koyu:hover{background:#1D2A66}
.btn-kucuk{height:40px;padding:0 16px;font-size:14px;border-radius:12px}
.btn-buyuk{height:56px;padding:0 28px;font-size:16px;border-radius:16px}

/* ── Üst menü ── */
.ust{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}
.ust.golge{border-bottom-color:var(--cizgi)}
.ust .kap{display:flex;align-items:center;gap:28px;height:74px}
.ust-logo{display:inline-flex;flex-direction:column;text-decoration:none;line-height:0}
.ust-logo img{height:34px;width:auto}
.ust-logo span{font:500 9px/1.2 var(--govde);color:var(--gri);margin:-3px 0 0 32px;letter-spacing:.01em;white-space:nowrap}
.ust nav{display:flex;align-items:center;gap:6px}
.ust nav>a,.kurum-ac{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:10px;font:500 14.5px/1 var(--govde);color:var(--gri);text-decoration:none;background:none;border:0;cursor:pointer}
.ust nav>a:hover,.kurum-ac:hover,.kurum-ac[aria-expanded="true"]{color:var(--murekkep);background:var(--sis)}
.ust nav>a[aria-current="page"]{color:var(--murekkep)}
.kurum-ac svg{width:14px;height:14px;transition:transform .2s}
.kurum-ac[aria-expanded="true"] svg{transform:rotate(180deg)}
.kurum-menu{position:relative}
.kurum-liste{position:absolute;top:calc(100% + 10px);left:-12px;width:360px;background:#fff;border:1px solid var(--cizgi);border-radius:18px;box-shadow:var(--golge);padding:8px;display:none}
.kurum-liste.ac{display:block}
.kurum-liste a{display:grid;grid-template-columns:40px 1fr;color:var(--murekkep);gap:12px;align-items:center;padding:10px 12px;border-radius:12px;text-decoration:none}
.kurum-liste a:hover{background:var(--sis)}
.kurum-liste i{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#fff}
.kurum-liste i svg{width:20px;height:20px}
.kurum-liste b{display:block;font:600 15px/1.25 var(--baslik)}
.kurum-liste small{display:block;font-size:13px;color:var(--gri);line-height:1.35}
.ust-sag{margin-left:auto;display:flex;align-items:center;gap:10px}
.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--cizgi);border-radius:12px;background:#fff;cursor:pointer;margin-left:auto}
.menu-btn span{display:block;width:18px;height:2px;background:var(--murekkep);margin:4px auto;border-radius:2px}
.mobil-menu{display:none}
/* koyu üst menü (ana sayfa, koyu girişin üstünde) */
.ust-koyu{background:rgba(11,18,51,.72);border-bottom-color:rgba(255,255,255,.06)}
.ust-koyu.golge{background:rgba(11,18,51,.94);border-bottom-color:rgba(255,255,255,.1)}
.ust-koyu .ust-logo span{color:rgba(255,255,255,.62)}
.ust-koyu nav>a,.ust-koyu .kurum-ac{color:rgba(255,255,255,.74)}
.ust-koyu nav>a:hover,.ust-koyu .kurum-ac:hover,.ust-koyu .kurum-ac[aria-expanded="true"]{color:#fff;background:rgba(255,255,255,.08)}
.ust-koyu .menu-btn{background:transparent;border-color:rgba(255,255,255,.25)}
.ust-koyu .menu-btn span{background:#fff}

/* ── Ana sayfa girişi (açık, sabah gökyüzü) ── */
.giris{position:relative;overflow:hidden;padding:64px 0 0;background:linear-gradient(180deg,#E9F4FE 0%,#F4F9FF 55%,#FFFFFF 100%)}
.giris .kap{position:relative;z-index:1}
.sus{position:absolute;pointer-events:none;z-index:0}
.sus-yaprak{width:46px;color:var(--nane)}
.sus-halka{width:120px;height:120px;border-radius:50%;border:2px dashed #BFDDF6}
.sus-nokta{width:10px;height:10px;border-radius:50%}
.giris-ust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:56px;align-items:center}
.giris-etiket{display:inline-flex;align-items:center;gap:10px;font:600 15px/1 var(--govde);color:var(--meb-k)}
.giris-etiket svg{width:22px;height:22px;color:var(--kurs)}
.giris h1{font-size:clamp(38px,4.3vw,60px);font-weight:700;letter-spacing:-.035em;line-height:1.04;margin-top:20px;color:var(--murekkep)}
.giris h1 .alti,.giris-v3 h1 .alti{position:relative;white-space:nowrap}
.giris h1 .alti svg,.giris-v3 h1 .alti svg{position:absolute;left:-2%;bottom:-.16em;width:104%;height:.36em;overflow:visible}
.giris h1 .alti path,.giris-v3 h1 .alti path{fill:none;stroke:var(--nane);stroke-width:9;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:ciz 1.1s .9s cubic-bezier(.6,.1,.2,1) forwards}
@keyframes ciz{to{stroke-dashoffset:0}}
.giris-yazi{font-size:18.5px;line-height:1.6;color:var(--gri);margin-top:24px;max-width:52ch}
.giris-dugme{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.giris-kurum{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.giris-kurum a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);text-decoration:none;font:600 14px/1 var(--govde);color:var(--murekkep);transition:border-color .15s,transform .15s}
.giris-kurum a:hover{border-color:var(--murekkep);transform:translateY(-2px)}
.giris-kurum i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff}
.giris-kurum i svg{width:14px;height:14px}
.giris-gercek{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:64px;padding-bottom:70px}
.giris-gercek div{background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:20px 22px}
.giris-gercek b{display:block;font:700 32px/1 var(--baslik);letter-spacing:-.02em;color:var(--murekkep);font-variant-numeric:tabular-nums}
.giris-gercek span{display:block;font-size:14px;color:var(--gri);margin-top:8px;line-height:1.4}

/* sahne: dizüstü + telefon + uçan bildirimler */
.sahne{position:relative;padding:20px 0 40px}
.tarayici{border-radius:14px;background:#fff;border:1px solid var(--cizgi);box-shadow:0 30px 70px -30px rgba(17,26,62,.35);overflow:hidden}
.tarayici-ust{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#EEF1F7}
.tarayici-ust i{width:9px;height:9px;border-radius:50%;background:#C9D1E0}
.tarayici-ust i:nth-child(1){background:#FF8A80}.tarayici-ust i:nth-child(2){background:#FFD166}.tarayici-ust i:nth-child(3){background:#7FD9A8}
.tarayici-ust span{margin-left:12px;font-size:11px;color:var(--gri);background:#fff;border-radius:6px;padding:3px 10px}
.tarayici img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left;background:#F4F6FB}
.sahne .tarayici{animation:suzul 7s ease-in-out infinite}
.telefon{position:absolute;width:30%;max-width:210px;border-radius:30px;padding:7px;background:#fff;border:1px solid var(--cizgi);box-shadow:0 30px 60px -24px rgba(17,26,62,.45)}
.telefon img{border-radius:24px;width:100%;height:auto;aspect-ratio:9/19.5;object-fit:cover;object-position:top}
.sahne .telefon{right:-18px;bottom:-4px;animation:suzul 7s 1.2s ease-in-out infinite}
@keyframes suzul{0%,100%{translate:0 0}50%{translate:0 -10px}}
.bildirim{position:absolute;display:flex;gap:11px;align-items:center;padding:11px 14px;border-radius:14px;background:#fff;color:var(--murekkep);border:1px solid var(--cizgi);box-shadow:0 18px 40px -18px rgba(17,26,62,.35);max-width:270px;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.bildirim.cik{opacity:0;transform:translateY(14px) scale(.96)}
.bildirim i{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--b,var(--meb))}
.bildirim i svg{width:18px;height:18px}
.bildirim small{display:block;font-size:11.5px;color:var(--gri);font-variant-numeric:tabular-nums}
.bildirim b{display:block;font:600 13.5px/1.3 var(--baslik);margin-top:1px}
.bildirim.b1{left:-40px;top:30%}
.bildirim.b2{left:-12px;bottom:14%}
.bildirim.b3{right:8%;top:-22px}

/* ── Kurum seçimi ── */
.kurumlar{position:relative;background:#fff;padding:20px 0 110px}
.kurumlar-bas{text-align:center;padding:30px 0 44px}
.kurumlar-bas h2{font-size:clamp(30px,3.8vw,48px)}
.kurumlar-bas p{color:var(--gri);margin-top:12px;font-size:18px}
.kurum-kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.kurum-kart{--k:var(--meb);--kk:var(--meb-k);--ka:var(--meb-a);position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi);border-radius:26px;overflow:hidden;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.kurum-kart:hover{transform:translateY(-8px);border-color:var(--k);box-shadow:0 34px 60px -32px color-mix(in srgb,var(--k) 70%,transparent)}
.kurum-kart.ozel{--k:var(--ozel);--kk:var(--ozel-k);--ka:var(--ozel-a)}
.kurum-kart.kurs{--k:var(--kurs);--kk:var(--kurs-k);--ka:var(--kurs-a)}
.kk-resim{display:block;line-height:0;overflow:hidden}
.kk-resim svg{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.kurum-kart:hover .kk-resim svg{transform:scale(1.04)}
.kk-ust{padding:24px 28px 0}
.kk-ust h3{font-size:28px;font-weight:700;color:var(--murekkep);display:flex;align-items:center;gap:10px}
.kk-ust h3::before{content:"";width:12px;height:12px;border-radius:4px;background:var(--k)}
.kk-ust p{margin-top:8px;color:var(--gri);font-size:15.5px;line-height:1.5}
.kk-govde{padding:20px 28px 28px;display:flex;flex-direction:column;flex:1}
.kk-govde ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.kk-govde li{position:relative;padding-left:28px;font-size:15px;line-height:1.45;color:var(--murekkep)}
.kk-govde li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:6px;background:var(--ka)}
.kk-govde li::after{content:"";position:absolute;left:5px;top:6px;width:8px;height:5px;border-left:2px solid var(--k);border-bottom:2px solid var(--k);transform:rotate(-45deg)}
.kk-git{margin-top:auto;padding-top:24px}
.kk-git span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-radius:14px;background:var(--k);color:#fff;font:600 15px/1.2 var(--baslik);transition:background .2s}
.kurum-kart:hover .kk-git span{background:var(--kk)}
.kk-git svg{width:20px;height:20px;transition:transform .2s}
.kurum-kart:hover .kk-git svg{transform:translateX(4px)}

/* resimlerin küçük hareketleri */
.r-bulut{animation:bulut 14s linear infinite alternate}
.r-bulut2{animation-duration:18s;animation-direction:alternate-reverse}
@keyframes bulut{from{transform:translateX(-14px)}to{transform:translateX(18px)}}
.r-bayrak{transform-origin:69px 59px;animation:bayrak 2.4s ease-in-out infinite}
@keyframes bayrak{0%,100%{transform:skewY(0) scaleX(1)}50%{transform:skewY(-4deg) scaleX(.94)}}
.r-isin{transform-origin:300px 46px;animation:isin 3s ease-in-out infinite}
@keyframes isin{0%,100%{transform:scale(1);opacity:.25}50%{transform:scale(1.18);opacity:.12}}
.r-tahta{animation:tahta 3.2s ease-in-out infinite}
@keyframes tahta{0%,100%{fill:#4EB2F5}50%{fill:#8FD0FA}}
.r-kep{animation:kep 4s ease-in-out infinite}
@keyframes kep{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-4deg)}}
.r-puskul{transform-origin:132px 54px;animation:puskul 2s ease-in-out infinite}
@keyframes puskul{0%,100%{transform:rotate(8deg)}50%{transform:rotate(-8deg)}}
.r-dolu{transform-box:fill-box;transform-origin:center;animation:balon 4.8s var(--g) ease-in-out infinite}
@keyframes balon{0%,8%{fill:#fff}14%,80%{fill:#12305A}100%{fill:#fff}}
.r-cubuk{transform-box:fill-box;transform-origin:bottom;animation:cubuk 3.6s var(--g) ease-in-out infinite}
@keyframes cubuk{0%,100%{transform:scaleY(.55)}45%,70%{transform:scaleY(1)}}
.r-kalem{animation:kalem 2.6s ease-in-out infinite}
@keyframes kalem{0%,100%{transform:rotate(38deg) translate(0,0)}50%{transform:rotate(36deg) translate(-6px,4px)}}
.r-kalem{transform-box:view-box;transform-origin:270px 140px}

/* kaydırınca beliren öğeler */
.belir{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--gec,0s)}
.belir.gorundu{opacity:1;transform:none}
.giris .acilis,.giris-v3 .acilis{opacity:0;transform:translateY(18px);animation:acilis .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--gec,0s)}
@keyframes acilis{to{opacity:1;transform:none}}

/* ── Genel bölümler ── */
.bolum{padding:110px 0}
.bolum-sis{background:var(--sis)}
.bolum-bas{max-width:760px;margin-bottom:54px}
.bolum-bas.orta{margin-left:auto;margin-right:auto;text-align:center}
.bolum-bas h2{font-size:clamp(32px,4vw,52px)}
.bolum-bas p{font-size:18px;color:var(--gri);margin-top:16px;max-width:60ch}
.bolum-bas.orta p{margin-left:auto;margin-right:auto}
.ust-yazi{display:inline-block;font:600 14px/1 var(--govde);color:var(--vurgu-k);background:var(--vurgu-a);padding:8px 12px;border-radius:999px;margin-bottom:18px}

/* modül duvarı */
.moduller{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mod-grup{background:#fff;border:1px solid var(--cizgi);border-radius:22px;padding:24px 24px 18px}
.mod-grup h3{display:flex;align-items:center;gap:12px;font-size:19px}
.mod-grup h3 i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--g,var(--meb-a));color:var(--gk,var(--meb-k))}
.mod-grup h3 i svg{width:20px;height:20px}
.mod-grup ul{list-style:none;margin-top:16px;display:flex;flex-direction:column}
.mod-grup li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--cizgi);font-size:15px}
.mod-grup li small{flex:none;font-size:12px;color:var(--gri2);align-self:center;white-space:nowrap}
.mod-grup li small.m{color:var(--meb-k)} .mod-grup li small.o{color:var(--ozel-k)} .mod-grup li small.k{color:var(--kurs-k)}
.mod-not{margin-top:26px;color:var(--gri);font-size:15px;text-align:center}

/* MEB kaynakları bandı (açık nane) */
.bant{background:linear-gradient(135deg,#E3F6EC 0%,#EEF8F3 60%,#E9F4FE 100%);color:var(--murekkep);border-radius:32px;padding:60px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;position:relative;overflow:hidden;border:1px solid #CFEBDD}
.bant>*{position:relative}
.bant h2{font-size:clamp(30px,3.4vw,44px)}
.bant p{color:var(--gri);margin-top:16px;font-size:17px}
.bant .btn{margin-top:26px}
.kitaplar{display:flex;flex-wrap:wrap;gap:8px}
.kitaplar span{padding:9px 13px;border-radius:12px;background:#fff;border:1px solid #CFEBDD;font-size:14px;color:var(--murekkep)}
.kitaplar span b{font-weight:600;color:var(--kurs-k);margin-right:4px}
.sayi-buyuk{font:700 clamp(64px,8vw,104px)/0.95 var(--baslik);letter-spacing:-.04em;color:var(--kurs);font-variant-numeric:tabular-nums}

/* güven */
.guven{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.guven div{border-top:2px solid var(--murekkep);padding-top:20px}
.guven h3{font-size:20px}
.guven p{color:var(--gri);margin-top:10px;font-size:15.5px}

/* yazılar */
.yazilar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.yazi{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid var(--cizgi);border-radius:20px;overflow:hidden;transition:border-color .15s}
.yazi:hover{border-color:var(--murekkep)}
.yazi img{aspect-ratio:16/9;object-fit:cover;background:var(--sis)}
.yazi div{padding:18px 20px 22px}
.yazi small{font-size:13px;color:var(--gri)}
.yazi h3{font-size:18px;line-height:1.3;margin-top:6px}

/* sss */
.sss{max-width:860px;margin:0 auto}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 2px;font:600 18px/1.35 var(--baslik)}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--gri);border-bottom:2px solid var(--gri);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.sss details[open] summary::after{transform:rotate(225deg)}
.sss details p{padding:0 2px 22px;color:var(--gri);font-size:16px;max-width:70ch}

/* tanıtım formu */
.tanitim-kutu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:52px;align-items:center;background:linear-gradient(135deg,#E9F4FE 0%,#F1EFFE 100%);color:var(--murekkep);border-radius:32px;padding:60px;position:relative;overflow:hidden;border:1px solid #DCE8F7}
.tanitim-kutu>*{position:relative}
.tanitim-kutu h2{font-size:clamp(30px,3.4vw,46px)}
.tanitim-kutu>div>p{color:var(--gri);margin-top:16px;font-size:17px;max-width:44ch}
.tanitim-adim{list-style:none;margin-top:28px;display:flex;flex-direction:column;gap:14px;counter-reset:a}
.tanitim-adim li{counter-increment:a;display:flex;gap:14px;align-items:center;color:var(--murekkep);font-size:15.5px}
.tanitim-adim li::before{content:counter(a);flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:600 14px/1 var(--baslik);background:#fff;border:1px solid var(--cizgi);color:var(--meb-k)}
.form{background:#fff;color:var(--murekkep);border-radius:22px;padding:28px;box-shadow:0 30px 60px -36px rgba(17,26,62,.4);display:flex;flex-direction:column;gap:14px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600}
.form input,.form select{height:48px;border:1px solid var(--cizgi);border-radius:12px;padding:0 14px;font:400 15.5px var(--govde);color:var(--murekkep);background:#fff;width:100%}
.form input:focus,.form select:focus{outline:2px solid var(--vurgu);outline-offset:0;border-color:transparent}
.form .iki{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form .btn{width:100%;height:52px;margin-top:4px;background:#1DA851;color:#fff}
.form .btn:hover{background:#178C44}
.form small{font-size:12.5px;color:var(--gri);text-align:center}
.form small.hata{color:#C93838}
.form-ara{text-align:center;font-size:14px;color:var(--gri);text-decoration:none}
.form-ara b{color:var(--murekkep)}

/* alt bilgi */
.alt{border-top:1px solid var(--cizgi);padding:44px 0 50px}
.alt .kap{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:32px}
.alt h4{font:600 14px/1.2 var(--govde);color:var(--murekkep);margin-bottom:14px}
.alt nav{display:flex;flex-direction:column;gap:9px}
.alt nav a{text-decoration:none;color:var(--gri);font-size:14.5px}
.alt nav a:hover{color:var(--murekkep)}
.alt p{color:var(--gri);font-size:14px;margin-top:14px;max-width:34ch}
.alt-son{max-width:var(--en);margin:32px auto 0;padding:20px 24px 0;border-top:1px solid var(--cizgi);display:flex;justify-content:space-between;gap:20px;font-size:13.5px;color:var(--gri2)}

/* ── Kurum sayfaları ── */
.k-giris{position:relative;background:var(--vurgu-a);overflow:hidden;padding:72px 0 0}
.k-giris::before{content:"";position:absolute;right:-180px;top:-220px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--vurgu) 22%,transparent),transparent 68%)}
.k-giris .kap{position:relative}
.k-ust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:end}
.k-ust>div:first-child{padding-bottom:72px}
.k-rozet{display:inline-flex;align-items:center;gap:10px;font:600 14.5px/1 var(--govde);color:var(--vurgu-k)}
.k-rozet i{width:34px;height:34px;border-radius:10px;background:var(--vurgu);color:#fff;display:grid;place-items:center}
.k-rozet i svg{width:19px;height:19px}
.k-giris h1{font-size:clamp(36px,4.3vw,56px);font-weight:700;letter-spacing:-.035em;margin-top:20px}
.k-giris .k-yazi{font-size:18.5px;color:var(--gri);margin-top:20px;max-width:50ch}
.k-giris .giris-dugme{margin-top:30px}
.k-sahne{position:relative}
.k-sahne .tarayici{border-color:var(--cizgi);background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -10px 60px -20px rgba(17,26,62,.3);border-bottom:0}
.k-sahne .tarayici-ust{background:#EEF1F7}
.k-sahne .tarayici-ust i{background:#C9D1E0}
.k-sahne .tarayici-ust span{background:#fff;color:var(--gri)}
.k-sahne .telefon{right:-20px;bottom:24px;background:#fff;border-color:var(--cizgi);box-shadow:0 30px 60px -20px rgba(17,26,62,.45)}
.k-sahne .telefon img{border-radius:24px}

/* öne çıkanlar (rakamsız şerit) */
.serit{background:#fff;color:var(--murekkep);border-bottom:1px solid var(--cizgi)}
.serit .kap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.serit div{padding:28px 22px}
.serit div+div{border-left:1px solid var(--cizgi)}
.serit b{display:block;font:600 17px/1.3 var(--baslik)}
.serit b::before{content:"";display:block;width:26px;height:4px;border-radius:2px;background:var(--vurgu);margin-bottom:12px}
.serit span{display:block;font-size:14px;color:var(--gri);margin-top:6px;line-height:1.45}

/* bir gün akışı */
.gun{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-top:8px}
.gun::before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:linear-gradient(90deg,var(--vurgu),color-mix(in srgb,var(--vurgu) 20%,transparent))}
.gun-adim{position:relative;padding:0 18px 0 0}
.gun-adim time{display:inline-flex;align-items:center;height:56px;font:600 15px/1 var(--baslik);font-variant-numeric:tabular-nums;color:var(--vurgu-k);background:var(--kagit);padding-right:10px;position:relative}
.bolum-sis .gun-adim time{background:var(--sis)}
.gun-adim time::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--vurgu);box-shadow:0 0 0 5px var(--vurgu-a);margin-right:10px}
.gun-adim b{display:block;font:600 17px/1.3 var(--baslik);margin-top:10px}
.gun-adim p{color:var(--gri);font-size:14.5px;margin-top:6px;line-height:1.5}

/* özellik anlatımı (ekran görüntüsüyle) */
.ozellik{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center;padding:56px 0}
.ozellik+.ozellik{border-top:1px solid var(--cizgi)}
.ozellik.ters .oz-metin{order:2}
.oz-metin small{display:block;font:600 14px/1 var(--govde);color:var(--vurgu-k);margin-bottom:14px}
.oz-metin h3{font-size:clamp(26px,2.8vw,36px)}
.oz-metin>p{color:var(--gri);font-size:17px;margin-top:14px}
.oz-metin ul{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:12px}
.oz-metin li{position:relative;padding-left:30px;font-size:15.5px;line-height:1.5}
.oz-metin li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--vurgu-a)}
.oz-metin li::after{content:"";position:absolute;left:5px;top:8px;width:8px;height:4px;border-left:2px solid var(--vurgu-k);border-bottom:2px solid var(--vurgu-k);transform:rotate(-45deg)}
.oz-gorsel{position:relative}
.oz-gorsel .tarayici{background:#fff;border-color:var(--cizgi);box-shadow:var(--golge)}
.oz-gorsel .tarayici-ust{background:#EEF1F7}
.oz-gorsel .tarayici-ust i{background:#C9D1E0}
.oz-gorsel .tarayici-ust span{background:#fff;color:var(--gri)}
.oz-gorsel.dik{display:flex;justify-content:center;gap:22px}
.oz-gorsel.dik .telefon{position:relative;width:46%;max-width:250px;background:#fff;border-color:var(--cizgi);box-shadow:var(--golge)}
.oz-gorsel.dik .telefon:nth-child(2){margin-top:60px}
.oz-gorsel .kagit-gorsel{width:min(78%,440px);height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top;margin:0 auto;border-radius:8px;box-shadow:var(--golge);border:1px solid var(--cizgi);-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}

/* kim ne görür */
.roller{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.rol{background:#fff;border:1px solid var(--cizgi);border-radius:22px;padding:26px}
.rol b{display:block;font:600 19px/1.25 var(--baslik)}
.rol span{display:block;font-size:13.5px;color:var(--vurgu-k);margin-top:4px;font-weight:600}
.rol p{color:var(--gri);font-size:15px;margin-top:12px}

/* modül listesi (kurum sayfası) */
.k-moduller{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.k-mod{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:18px}
.k-mod b{display:block;font:600 16px/1.3 var(--baslik)}
.k-mod p{font-size:14px;color:var(--gri);margin-top:6px;line-height:1.45}
.k-mod em{display:inline-block;font-style:normal;font-size:12px;font-weight:600;color:var(--vurgu-k);background:var(--vurgu-a);border-radius:999px;padding:3px 9px;margin-top:10px}

/* diğer kurumlar */
.diger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.diger a{display:flex;align-items:center;gap:16px;padding:22px 24px;border-radius:20px;text-decoration:none;background:#fff;border:1px solid var(--cizgi);transition:border-color .15s}
.diger a:hover{border-color:var(--murekkep)}
.diger i{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff}
.diger i svg{width:24px;height:24px}
.diger b{display:block;font:600 18px/1.25 var(--baslik)}
.diger span{display:block;font-size:14px;color:var(--gri);margin-top:3px}

/* ── Duyarlı ── */
@media (max-width:1080px){
  .ust nav,.ust-sag{display:none}
  .menu-btn{display:block}
  .mobil-menu.ac{display:flex;flex-direction:column;gap:6px;position:fixed;inset:74px 0 0;background:#fff;padding:20px 24px 40px;overflow:auto;z-index:59}
  .mobil-menu a{padding:14px 4px;border-bottom:1px solid var(--cizgi);text-decoration:none;font:600 17px/1.3 var(--baslik);color:var(--murekkep);display:flex;align-items:center;gap:12px}
  .mobil-menu a i{width:12px;height:12px;border-radius:4px}
  .mobil-menu .btn{margin-top:14px;border-bottom:0;justify-content:center}
  .giris-ust,.k-ust,.bant,.tanitim-kutu,.ozellik{grid-template-columns:1fr}
  .ozellik.ters .oz-metin{order:0}
  .sahne{max-width:640px}
  .k-ust>div:first-child{padding-bottom:0}
  .k-sahne{margin-top:10px}
  .kurum-kartlar,.moduller,.yazilar,.roller{grid-template-columns:1fr 1fr}
  .k-moduller{grid-template-columns:1fr 1fr}
  .gun{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
  .gun::before{display:none}
  .alt .kap{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .kap{padding:0 16px}
  .giris{padding-top:120px}
  .giris-yazi,.k-giris .k-yazi{font-size:17px}
  .giris-gercek{grid-template-columns:1fr 1fr}
  .giris-gercek div:nth-child(3){padding-left:0;border-left:0}
  .giris-gercek div{padding-top:18px;padding-bottom:18px}
  .sahne .tarayici{transform:none}
  .bildirim{left:8px;right:8px;width:auto;top:auto;bottom:-6px}
  .sahne .telefon{display:none}
  .kurum-kartlar,.moduller,.yazilar,.roller,.guven,.k-moduller,.diger{grid-template-columns:1fr}
  .bolum{padding:76px 0}
  .bant,.tanitim-kutu{padding:34px 22px;border-radius:24px}
  .form{padding:20px}
  .form .iki{grid-template-columns:1fr}
  .serit .kap{grid-template-columns:1fr 1fr}
  .serit div:nth-child(3){border-left:0}
  .gun{grid-template-columns:1fr 1fr}
  .k-sahne .telefon{width:34%;right:-6px}
  .oz-gorsel.dik .telefon:nth-child(2){margin-top:30px}
  .alt .kap{grid-template-columns:1fr}
  .alt-son{flex-direction:column}
  .btn-buyuk{height:52px;padding:0 20px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* dört panel (ana sayfa) */
.paneller{display:grid;grid-template-columns:2.1fr 1fr 1fr 1fr;gap:26px;align-items:end}
.panel-k figcaption{margin-top:16px}
.panel-k figcaption b{display:block;font:600 18px/1.25 var(--baslik)}
.panel-k figcaption span{display:block;font-size:14.5px;color:var(--gri);margin-top:4px;line-height:1.45}
.panel-k .tarayici{background:#fff;border-color:var(--cizgi);box-shadow:var(--golge)}
.panel-k .tarayici-ust{background:#EEF1F7}.panel-k .tarayici-ust i{background:#C9D1E0}.panel-k .tarayici-ust span{background:#fff;color:var(--gri)}
.panel-k .telefon{position:relative;width:100%;max-width:none;background:#fff;border-color:var(--cizgi);box-shadow:var(--golge);border-radius:26px;padding:6px}
.panel-k .telefon img{border-radius:21px;aspect-ratio:9/16}
@media (max-width:1080px){.paneller{grid-template-columns:1fr 1fr 1fr}.paneller .panel-k:first-child{grid-column:1/-1}}
@media (max-width:720px){.paneller{grid-template-columns:1fr 1fr;gap:18px}.paneller .panel-k:first-child{grid-column:1/-1}}

/* akıllı tahta çizimi (MEB sayfası) */
.tahta-mock{max-width:560px;margin:0 auto}
.tm-cerceve{background:#1B2236;border-radius:18px;padding:14px;box-shadow:var(--golge)}
.tm-ekran{background:#fff;border-radius:8px;padding:18px 20px;font-size:14px}
.tm-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--cizgi)}
.tm-ust small{display:block;color:var(--gri);font-size:12.5px}
.tm-ust b{display:block;font:600 20px/1.2 var(--baslik);margin-top:2px}
.tm-ust span{font-size:12px;font-weight:600;color:var(--meb-k);background:var(--meb-a);padding:5px 10px;border-radius:999px;white-space:nowrap}
.tm-ekran ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:14px 0}
.tm-ekran li{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:10px;background:var(--sis)}
.tm-ekran li b{font-size:12px;padding:3px 10px;border-radius:999px}
.tm-alt{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--cizgi);color:var(--gri);font-size:13px}
.tm-alt b{background:var(--gece);color:#fff;padding:9px 14px;border-radius:10px;font-size:13px}
.tm-ayak{width:24%;height:14px;margin:0 auto;background:#2A3350;border-radius:0 0 10px 10px}
@media (max-width:720px){.tm-ekran ul{grid-template-columns:1fr}}

/* giriş ve kartlar: dar ekran */
@media (max-width:1080px){
  .giris-gercek{grid-template-columns:1fr 1fr}
  .bildirim.b3{display:none}
}
@media (max-width:720px){
  .giris{padding-top:36px}
  .bildirim.b1{display:none}
  .bildirim.b2{left:8px;right:8px;bottom:-4px;max-width:none}
  .giris-gercek{gap:10px;margin-top:40px;padding-bottom:50px}
  .giris-gercek div{padding:16px}
  .giris-gercek b{font-size:26px}
  .sus{display:none}
  .diger a .diger-resim{display:none}
}
.diger-resim{flex:none;width:112px;border-radius:14px;overflow:hidden;line-height:0}
.diger-resim svg{width:100%;height:auto}
@media (prefers-reduced-motion:reduce){
  .belir,.giris .acilis,.giris-v3 .acilis{opacity:1!important;transform:none!important}
  .giris h1 .alti path,.giris-v3 h1 .alti path{stroke-dashoffset:0}
}

/* ============ v3: cihaz sahnesi, güven şeridi, kurum kartları, modül haritası, veri gösterimi ============ */
.giris-v3{position:relative;overflow:hidden;padding:56px 0 0;background:linear-gradient(180deg,#EAF4FE 0%,#F3F8FF 60%,#fff 100%)}
.giris-v3 .kap{position:relative;z-index:1}
.leke{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none;animation:leke 18s ease-in-out infinite alternate}
.leke.l1{width:520px;height:520px;background:#BFE0FB;right:-120px;top:-160px}
.leke.l2{width:420px;height:420px;background:#DDD9FB;right:24%;top:220px;animation-duration:22s}
.leke.l3{width:380px;height:380px;background:#CDEFDF;left:-140px;bottom:-60px;animation-duration:20s}
@keyframes leke{from{transform:translate(0,0) scale(1)}to{transform:translate(-40px,30px) scale(1.08)}}
.noktalar{position:absolute;right:3%;top:90px;width:120px;height:120px;background-image:radial-gradient(#9CC8EE 1.6px,transparent 1.7px);background-size:16px 16px;opacity:.7;pointer-events:none}
.v3-ust{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);gap:40px;align-items:center}
/* dizüstü */
.cihaz{position:relative;padding:10px 0 46px}
.dizustu{position:relative;margin-right:46px}
.dz-kapak{background:#1C2233;border-radius:18px 18px 6px 6px;padding:12px 12px 16px;box-shadow:0 40px 80px -36px rgba(17,26,62,.55)}
.dz-kapak::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#3A4157;margin:-6px auto 6px}
.dz-ekran{position:relative;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:#F4F6FB}
.dz-ekran img,.tel-ekran img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .9s ease}
.dz-ekran img.ak,.tel-ekran img.ak{opacity:1}
.dz-alt{position:relative;height:18px;margin:0 -7%;background:linear-gradient(180deg,#D9DEE8,#B9C0CE);border-radius:2px 2px 16px 16px}
.dz-alt::before{content:"";position:absolute;left:50%;top:0;width:16%;height:7px;transform:translateX(-50%);background:#AEB6C5;border-radius:0 0 8px 8px}
.tel-v3{position:absolute;right:0;bottom:16px;width:24%;max-width:190px;border-radius:30px;padding:8px;background:#1C2233;box-shadow:0 30px 60px -20px rgba(17,26,62,.55);animation:suzul 7s 1s ease-in-out infinite}
.tel-ekran{position:relative;aspect-ratio:9/19;border-radius:23px;overflow:hidden;background:#fff}
.tel-v3::before{content:"";position:absolute;left:50%;top:14px;width:30%;height:5px;border-radius:3px;background:#1C2233;transform:translateX(-50%);z-index:2}
.cihaz .dizustu{animation:suzul 8s ease-in-out infinite}
.cihaz .bildirim.b1{left:-46px;top:22%}
.cihaz .bildirim.b2{left:-20px;bottom:18%}
.cihaz .bildirim.b3{right:14%;top:-18px}
/* güven şeridi */
.guven-serit{position:relative;z-index:2;margin-top:34px;margin-bottom:46px;background:#fff;border:1px solid var(--cizgi);border-radius:20px;box-shadow:0 24px 50px -30px rgba(17,26,62,.3);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.guven-serit div{display:flex;align-items:center;gap:14px;padding:22px 24px}
.guven-serit div+div{border-left:1px solid var(--cizgi)}
.guven-serit i{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff}
.guven-serit i svg{width:23px;height:23px}
.guven-serit b{display:block;font:600 16px/1.25 var(--baslik)}
.guven-serit span{display:block;font-size:13.5px;color:var(--gri);margin-top:3px;line-height:1.35}
/* kurum kartları (yatay, resimli) */
.kurum-v3{background:linear-gradient(180deg,#fff,#F6F9FE);padding:80px 0 100px}
.kv3-kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.kv3{--k:var(--meb);--kk:var(--meb-k);--ka:var(--meb-a);position:relative;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;text-decoration:none;color:var(--murekkep);background:linear-gradient(160deg,var(--ka) 0%,#fff 70%);border:1px solid color-mix(in srgb,var(--k) 22%,#fff);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.kv3.ozel{--k:var(--ozel);--kk:var(--ozel-k);--ka:var(--ozel-a)}
.kv3.kurs{--k:var(--kurs);--kk:var(--kurs-k);--ka:var(--kurs-a)}
.kv3:hover{transform:translateY(-8px);box-shadow:0 36px 60px -34px color-mix(in srgb,var(--k) 75%,transparent)}
.kv3-resim{position:relative;aspect-ratio:4/3;overflow:hidden;line-height:0}
.kv3-resim img,.kv3-resim svg{width:100%;height:100%;object-fit:cover;object-position:center 62%;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.kv3:hover .kv3-resim img,.kv3:hover .kv3-resim svg{transform:scale(1.06)}
.kv3-resim::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:46px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ka) 60%,#fff));pointer-events:none}
.kv3-ikon{position:absolute;left:24px;top:-29px;z-index:2;width:58px;height:58px;border-radius:18px;background:#fff;color:var(--k);display:grid;place-items:center;box-shadow:0 14px 30px -14px color-mix(in srgb,var(--k) 80%,transparent)}
.kv3-ikon svg{width:28px;height:28px}
.kv3-govde{position:relative;padding:40px 26px 26px;display:flex;flex-direction:column;flex:1}
.kv3 h3{font-size:27px;font-weight:700}
.kv3 p{color:var(--gri);margin-top:8px;font-size:15.5px}
.kv3 ul{list-style:none;margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.kv3 li{font-size:13px;font-weight:600;color:var(--kk);background:#fff;border:1px solid color-mix(in srgb,var(--k) 25%,#fff);padding:6px 10px;border-radius:999px}
.kv3-git{margin-top:auto;padding-top:22px;display:flex;align-items:center;gap:8px;font:600 15.5px/1 var(--baslik);color:var(--kk)}
.kv3-git svg{width:18px;height:18px;transition:transform .2s}
.kv3:hover .kv3-git svg{transform:translateX(5px)}
/* modül haritası */
.harita{position:relative;margin-top:10px}
.harita>svg{width:100%;height:auto;display:block;overflow:visible}
.h-yol{fill:none;stroke:#BFD3EA;stroke-width:2;stroke-dasharray:6 7;animation:akis 1.6s linear infinite}
@keyframes akis{to{stroke-dashoffset:-26}}
.h-tane{fill:var(--meb)}
.h-dugum{cursor:pointer}
.h-dugum rect{fill:#fff;stroke:#DCE5F1;stroke-width:1.5;transition:stroke .2s,transform .2s;filter:drop-shadow(0 8px 14px rgba(17,26,62,.08))}
.h-dugum text{font:600 17px var(--baslik);fill:var(--murekkep)}
.h-dugum:hover rect,.h-dugum.sec rect{stroke:var(--dk)}
.h-dugum circle{fill:var(--da)}
.h-dugum .hi{color:var(--dk)}
.h-merkez circle.dis{fill:#fff;stroke:#DCE5F1;stroke-width:1.5;filter:drop-shadow(0 20px 40px rgba(30,143,225,.25))}
.h-merkez circle.nabiz{fill:none;stroke:var(--meb);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;animation:nabiz 3s ease-out infinite}
.h-merkez circle.nabiz.n2{animation-delay:1.5s}
@keyframes nabiz{0%{transform:scale(.9);opacity:.6}100%{transform:scale(1.5);opacity:0}}
.h-bilgi{min-height:64px;margin:6px auto 0;max-width:640px;text-align:center;color:var(--gri);font-size:16px}
.h-bilgi b{display:block;font:600 19px/1.3 var(--baslik);color:var(--murekkep);margin-bottom:4px}
.harita-mobil{display:none}
/* veri gösterimi */
.veri{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.5fr);gap:48px;align-items:center}
.veri-sekme{display:flex;flex-direction:column;gap:6px;margin-top:26px}
.veri-sekme button{position:relative;text-align:left;border:0;background:none;padding:14px 16px 16px;border-radius:14px;cursor:pointer;font:inherit;color:var(--gri);transition:background .2s,color .2s;overflow:hidden}
.veri-sekme button b{display:block;font:600 17px/1.3 var(--baslik);color:var(--murekkep)}
.veri-sekme button span{display:block;font-size:14.5px;margin-top:3px}
.veri-sekme button[aria-selected="true"]{background:#fff;box-shadow:0 14px 34px -22px rgba(17,26,62,.35)}
.veri-sekme button i{position:absolute;left:16px;right:16px;bottom:8px;height:3px;border-radius:2px;background:var(--cizgi);overflow:hidden;display:none}
.veri-sekme button[aria-selected="true"] i{display:block}
.veri-sekme button i::after{content:"";position:absolute;inset:0;background:var(--meb);transform-origin:left;transform:scaleX(0)}
.veri-sekme button[aria-selected="true"] i::after{animation:ilerle var(--sure,6s) linear forwards}
@keyframes ilerle{to{transform:scaleX(1)}}
.veri-ekran{position:relative}
.veri-ekran .tarayici{box-shadow:0 40px 80px -40px rgba(17,26,62,.45)}
.veri-ekran .goruntu{position:relative;aspect-ratio:16/10;background:#F4F6FB}
.veri-ekran .goruntu img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transform:scale(1.015);transition:opacity .6s ease,transform .8s ease}
.veri-ekran .goruntu img.ak{opacity:1;transform:none}
/* kapanış bandı */
.kapanis{position:relative;overflow:hidden;border-radius:32px;padding:56px 60px;background:linear-gradient(110deg,#1E8FE1 0%,#3F7BEA 45%,#5A55D9 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}
.kapanis::after{content:"";position:absolute;right:-60px;top:-80px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.12);animation:leke 14s ease-in-out infinite alternate}
.kapanis h2{font-size:clamp(28px,3vw,40px);position:relative;z-index:1}
.kapanis p{color:rgba(255,255,255,.86);margin-top:10px;font-size:17px;position:relative;z-index:1}
.kapanis .btn{position:relative;z-index:1}
/* kurum sayfası: önce / sonra, kurulum */
.once-sonra{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--cizgi);border-radius:24px;overflow:hidden;background:#fff}
.os-bas{padding:18px 26px;font:600 15px/1 var(--baslik)}
.os-bas.once{background:#F6F7FA;color:var(--gri)}
.os-bas.sonra{background:var(--vurgu);color:#fff}
.os-satir{display:contents}
.os-satir>div{padding:18px 26px;border-top:1px solid var(--cizgi);font-size:15px;line-height:1.5}
.os-satir>div:first-child{color:var(--gri);background:#FBFBFD}
.os-satir>div:first-child b,.os-satir>div:last-child b{display:block;font:600 15.5px/1.3 var(--baslik);color:var(--murekkep);margin-bottom:4px}
.os-satir>div:last-child{position:relative;padding-left:56px}
.os-satir>div:last-child::before{content:"";position:absolute;left:24px;top:20px;width:20px;height:20px;border-radius:50%;background:var(--vurgu-a)}
.os-satir>div:last-child::after{content:"";position:absolute;left:30px;top:26px;width:8px;height:4px;border-left:2px solid var(--vurgu-k);border-bottom:2px solid var(--vurgu-k);transform:rotate(-45deg)}
.kurulum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:k}
.kurulum div{position:relative;background:#fff;border:1px solid var(--cizgi);border-radius:22px;padding:26px 24px;counter-increment:k}
.kurulum div::before{content:counter(k);display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--vurgu);color:#fff;font:700 18px/1 var(--baslik);margin-bottom:18px}
.kurulum b{display:block;font:600 18px/1.3 var(--baslik)}
.kurulum p{color:var(--gri);font-size:15px;margin-top:8px}
.k-bina{position:absolute;right:0;top:0;width:46%;height:100%;overflow:hidden;opacity:.95;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 40%);mask-image:linear-gradient(90deg,transparent 0%,#000 40%)}
.k-bina img,.k-bina svg{width:100%;height:100%;object-fit:cover}
.k-giris.v3 .k-ust>div:first-child{position:relative;z-index:1}
.k-giris.v3 .cihaz{z-index:1}
@media (max-width:1080px){
  .v3-ust,.veri{grid-template-columns:1fr}
  .guven-serit{grid-template-columns:1fr 1fr}
  .guven-serit div:nth-child(3){border-left:0}
  .guven-serit div:nth-child(n+3){border-top:1px solid var(--cizgi)}
  .kv3-kartlar{grid-template-columns:1fr 1fr}
  .kurulum{grid-template-columns:1fr 1fr}
  .k-bina{display:none}
}
@media (max-width:720px){
  .dizustu{margin-right:22px}
  .cihaz .bildirim.b1,.cihaz .bildirim.b3{display:none}
  .cihaz .bildirim.b2{left:6px;right:6px;bottom:-6px;max-width:none}
  .guven-serit{grid-template-columns:1fr;margin-bottom:40px}
  .guven-serit div+div{border-left:0;border-top:1px solid var(--cizgi)}
  .kv3-kartlar,.kurulum{grid-template-columns:1fr}
  .harita{display:none}
  .harita-mobil{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .harita-mobil span{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:12px;font:600 14.5px/1.25 var(--baslik)}
  .harita-mobil i{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center}
  .harita-mobil i svg{width:17px;height:17px}
  .kapanis{grid-template-columns:1fr;padding:34px 24px}
  .once-sonra{grid-template-columns:1fr}
  .os-bas.once,.os-satir>div:first-child{display:none}
}
@media (prefers-reduced-motion:reduce){.leke,.h-yol,.h-merkez circle.nabiz{animation:none}}

/* logo: esnek kutuda gerilmesin */
.ust-logo{align-items:flex-start}
.ust-logo img{width:auto!important;max-width:none;flex:none}

/* ============ v4: yapay zekâ ile yazılı okuma, WhatsApp Business ============ */
.yz-bolum{background:linear-gradient(180deg,#F4F2FF 0%,#FBFAFF 100%);position:relative;overflow:hidden}
.yz-bolum::before{content:"";position:absolute;right:-160px;top:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#DDD9FB,transparent 70%);animation:leke 16s ease-in-out infinite alternate}
.wa-bolum{background:linear-gradient(180deg,#EFFAF4 0%,#F8FCFA 100%);position:relative;overflow:hidden}
.yz-ust{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:60px;align-items:center}
.yz-ust.ters{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.yz-ust h2{font-size:clamp(32px,3.8vw,50px);margin-top:18px}
.yz-yazi{font-size:18px;color:var(--gri);margin-top:18px;max-width:56ch}
.yz-ilk{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;background:var(--ozel);color:#fff;font:600 14px/1 var(--govde);box-shadow:0 10px 24px -12px var(--ozel)}
.yz-ilk svg{width:18px;height:18px;animation:parilti 2.4s ease-in-out infinite}
.yz-ilk.wa{background:#1DA851;box-shadow:0 10px 24px -12px #1DA851}
.yz-ilk.wa svg{animation:none}
@keyframes parilti{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(15deg)}}
.yz-adim{list-style:none;counter-reset:a;margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.yz-adim li{counter-increment:a;background:#fff;border:1px solid #E4E1FB;border-radius:16px;padding:16px 16px 16px 58px;position:relative}
.yz-adim li::before{content:counter(a);position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--ozel-a);color:var(--ozel-k);font:700 15px/1 var(--baslik)}
.yz-adim b{display:block;font:600 15.5px/1.3 var(--baslik)}
.yz-adim span{display:block;font-size:14px;color:var(--gri);margin-top:4px;line-height:1.45}
/* çizim: kâğıt + sonuç kartı */
.yz-sahne{position:relative;padding:20px 0 30px}
.yz-kagit{width:78%;height:auto;display:block;filter:drop-shadow(0 30px 50px rgba(62,57,176,.22));transform:rotate(-2deg)}
.yz-bas{font:600 13px var(--baslik);fill:var(--murekkep)}
.yz-no{font:600 12px var(--baslik);fill:#2443B5}
.yz-puan{font:700 12px var(--baslik)}
.yz-isin{animation:tara 7s linear infinite}
@keyframes tara{0%{transform:translateY(-26px);opacity:1}70%{transform:translateY(290px);opacity:1}72%,100%{transform:translateY(290px);opacity:0}}
.yz-isaret{opacity:0;transform-box:fill-box;transform-origin:center;animation:yzisaret 7s var(--g) infinite}
@keyframes yzisaret{0%{opacity:0;transform:scale(.5)}5%{opacity:1;transform:scale(1.12)}9%{transform:scale(1)}78%{opacity:1}88%,100%{opacity:0}}
.yz-sonuc{position:absolute;right:0;bottom:6px;width:56%;background:#fff;border:1px solid #E4E1FB;border-radius:18px;padding:16px 18px;box-shadow:0 30px 60px -28px rgba(62,57,176,.45);animation:yzsonuc 7s infinite}
@keyframes yzsonuc{0%,58%{opacity:0;transform:translateY(16px)}66%,90%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(8px)}}
.yz-s-ust{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.yz-s-ust span{font-size:12.5px;color:var(--gri)}
.yz-s-ust b{font:600 14px var(--baslik)}
.yz-s-ust em{font-style:normal;font-size:30px;color:var(--ozel);margin-left:4px}
.yz-s-cubuk{display:flex;gap:6px;align-items:flex-end;height:44px;margin:10px 0 12px}
.yz-s-cubuk i{flex:1;height:var(--o);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#A9A6FF,var(--ozel))}
.yz-s-donut{font-size:12.5px;line-height:1.45;color:var(--gri);background:var(--ozel-a);border-radius:10px;padding:8px 10px;margin-top:6px}
.yz-s-donut.yesil{background:var(--kurs-a)}
.yz-s-donut b{display:block;font:600 12.5px var(--baslik);color:var(--murekkep)}
.yz-rozet{position:absolute;left:4%;top:0;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #E4E1FB;font:600 13px/1 var(--govde);color:var(--ozel-k);box-shadow:0 10px 24px -14px rgba(62,57,176,.5)}
.yz-rozet svg{width:16px;height:16px;animation:parilti 1.6s ease-in-out infinite}
/* WhatsApp çizimi */
.wa-sahne{position:relative;padding:10px 0 20px;min-height:520px}
.wa-tel{width:300px;max-width:62%;border-radius:36px;padding:9px;background:#1C2233;box-shadow:0 40px 70px -30px rgba(17,26,62,.5);margin-left:4%}
.wa-ekran{border-radius:28px;overflow:hidden;background:#EFE7DD;height:520px;display:flex;flex-direction:column}
.wa-ust{display:flex;align-items:center;gap:10px;padding:16px 14px 12px;background:#0F6E5A;color:#fff}
.wa-ust i{width:34px;height:34px;border-radius:50%;background:#fff;color:#0F6E5A;display:grid;place-items:center;font:700 15px var(--baslik);font-style:normal}
.wa-ust b{display:block;font:600 14.5px/1.2 var(--baslik)}
.wa-ust small{font-size:11.5px;opacity:.8}
.wa-akis{flex:1;padding:14px 12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.wa-b{max-width:84%;padding:8px 10px 6px;border-radius:12px;font-size:12.8px;line-height:1.4;box-shadow:0 1px 1px rgba(0,0,0,.08);opacity:0;animation:wab 10s var(--g) infinite}
.wa-b.gelen{background:#fff;align-self:flex-start;border-top-left-radius:4px}
.wa-b.giden{background:#D9FDD3;align-self:flex-end;border-top-right-radius:4px}
.wa-b small{display:block;text-align:right;font-size:10.5px;color:#7A8592;margin-top:2px}
@keyframes wab{0%{opacity:0;transform:translateY(10px) scale(.96)}4%{opacity:1;transform:none}86%{opacity:1}94%,100%{opacity:0}}
.wa-yaziyor{align-self:flex-end;background:#D9FDD3;border-radius:12px;padding:9px 12px;display:flex;gap:4px;opacity:0;animation:wab 10s var(--g) infinite}
.wa-yaziyor span{width:6px;height:6px;border-radius:50%;background:#5E8C6A;animation:nokta 1s infinite}
.wa-yaziyor span:nth-child(2){animation-delay:.15s}.wa-yaziyor span:nth-child(3){animation-delay:.3s}
@keyframes nokta{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}
.wa-panel{position:absolute;right:0;top:90px;width:54%;background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:14px;box-shadow:0 30px 60px -30px rgba(17,26,62,.4);animation:suzul 7s ease-in-out infinite}
.wa-p-ust{display:flex;align-items:center;gap:8px;padding:2px 4px 10px;border-bottom:1px solid var(--cizgi)}
.wa-p-ust svg{width:18px;height:18px;color:#1DA851}
.wa-p-ust b{font:600 14.5px var(--baslik)}
.wa-p-ust em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:600;color:#fff;background:#1DA851;border-radius:999px;padding:3px 8px}
.wa-p-s{padding:10px 4px;border-bottom:1px solid var(--cizgi)}
.wa-p-s:last-child{border-bottom:0}
.wa-p-s b{display:block;font:600 13.5px var(--baslik)}
.wa-p-s span{display:block;font-size:13px;color:var(--gri);margin-top:2px}
.wa-p-s small{display:inline-block;margin-top:5px;font-size:11.5px;font-weight:600;color:var(--meb-k);background:var(--meb-a);border-radius:999px;padding:2px 8px}
.wa-liste{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:12px}
.wa-liste li{position:relative;padding-left:32px;font-size:15.5px;line-height:1.5}
.wa-liste li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:#D9F5E3}
.wa-liste li::after{content:"";position:absolute;left:7px;top:8px;width:8px;height:4px;border-left:2px solid #178C44;border-bottom:2px solid #178C44;transform:rotate(-45deg)}
/* üst menüde "Yeni" etiketi ve giriş duyurusu */
.yeni-et{font-size:10.5px;font-weight:700;color:#fff;background:var(--ozel);border-radius:999px;padding:3px 7px;margin-left:2px}
.duyuru{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:#fff;border:1px solid #E4E1FB;text-decoration:none;color:var(--murekkep);font:500 14.5px/1 var(--govde);box-shadow:0 10px 24px -16px rgba(62,57,176,.5);transition:border-color .15s}
.duyuru:hover{border-color:var(--ozel)}
.duyuru b{font:700 11.5px/1 var(--govde);color:#fff;background:var(--ozel);border-radius:999px;padding:6px 9px}
.duyuru svg{width:16px;height:16px;color:var(--ozel)}
.alt-adres{font-style:normal;color:var(--gri);font-size:14px;margin-top:12px;line-height:1.5}
.alt-sosyal{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:var(--gri);font-size:14px;text-decoration:none}
.alt-sosyal svg{width:20px;height:20px;color:#0A66C2}
@media (max-width:1080px){.yz-ust,.yz-ust.ters{grid-template-columns:1fr}.yz-ust.ters>div:first-child{order:2}}
@media (max-width:720px){
  .yz-adim{grid-template-columns:1fr}
  .yz-kagit{width:100%}
  .yz-sonuc{position:relative;width:100%;margin-top:-30px;animation:none}
  .wa-tel{max-width:100%;margin:0 auto}
  .wa-panel{position:relative;width:100%;top:auto;margin-top:18px;animation:none}
  .wa-sahne{min-height:0}
}
@media (prefers-reduced-motion:reduce){.yz-isaret,.wa-b,.yz-sonuc{opacity:1!important;animation:none!important}.yz-isin,.wa-yaziyor{display:none}}

/* ── v5: Bir öğretmenin günü — 3B sahne ── */
.gun3{padding:110px 0 40px;background:linear-gradient(180deg,#fff 0%,var(--sis) 22%,var(--sis) 78%,#fff 100%)}
.g3-izgara{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;margin-top:40px;align-items:start}
.g3-sahne-kap{position:sticky;top:96px;height:calc(100vh - 140px);max-height:640px;min-height:470px;display:flex;flex-direction:column;justify-content:center;perspective:1700px;perspective-origin:50% 38%}
.g3-sahne{position:relative;width:100%;aspect-ratio:16/11.5;transform-style:preserve-3d;--px:0;--py:0;
  transform:rotateX(calc(var(--rx) - var(--py)*4deg)) rotateY(calc(var(--ry) + var(--px)*6deg));transition:transform 1.1s cubic-bezier(.2,.75,.2,1)}
.g3-sahne[data-adim="1"]{--rx:12deg;--ry:-20deg}
.g3-sahne[data-adim="2"]{--rx:9deg;--ry:16deg}
.g3-sahne[data-adim="3"]{--rx:7deg;--ry:-4deg}
/* dizüstü: dik kapak + yatay klavye tabanı */
.g3-dz{position:absolute;left:4%;right:12%;top:4%;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.2,.75,.2,1)}
.g3-sahne[data-adim="3"] .g3-dz{transform:translateX(4%)}
.g3-kapak{position:relative;background:linear-gradient(160deg,#2A3148,#161B2B);border-radius:16px 16px 4px 4px;padding:10px 10px 14px;transform-origin:50% 100%;transform:rotateX(-6deg);box-shadow:inset 0 0 0 1.5px #3A4260}
.g3-kapak::after{content:"";position:absolute;inset:10px 10px 14px;border-radius:6px;background:linear-gradient(115deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 38%);pointer-events:none}
.g3-ekran{position:relative;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:#F4F6FB}
.g3-ekran img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transform:scale(1.03);transition:opacity .8s ease,transform 1.2s ease}
.g3-taban{position:absolute;left:-7%;right:-7%;top:100%;height:40%;transform-origin:50% 0;transform:rotateX(76deg);border-radius:4px 4px 18px 18px;
  background:linear-gradient(180deg,#E3E7EF,#C8CEDA);box-shadow:0 0 0 1px #B7BECC inset}
.g3-taban::before{content:"";position:absolute;left:9%;right:9%;top:9%;height:52%;border-radius:6px;background:repeating-linear-gradient(90deg,#BCC3D1 0 7%,transparent 7% 8%),#D2D8E3;opacity:.8}
.g3-taban::after{content:"";position:absolute;left:36%;right:36%;bottom:9%;height:22%;border-radius:6px;background:#C3CAD7}
/* telefon */
.g3-tel{position:absolute;right:2%;bottom:-2%;width:27%;transform-style:preserve-3d;transform:translateZ(210px) rotateY(-4deg);transition:transform 1.1s cubic-bezier(.2,.75,.2,1)}
.g3-sahne[data-adim="2"] .g3-tel{transform:translateZ(220px) translateX(-170%) rotateY(10deg)}
.g3-sahne[data-adim="3"] .g3-tel{transform:translateZ(220px) translateX(18%) translateY(2%) rotateY(-12deg) scale(.9)}
.g3-tel-ic{position:relative;aspect-ratio:9/19;border-radius:30px;padding:7px;background:linear-gradient(160deg,#2A3148,#12172A);box-shadow:inset 0 0 0 1.5px #3A4260}
.g3-tel-ic::before{content:"";position:absolute;left:50%;top:13px;width:28%;height:6px;border-radius:4px;background:#12172A;transform:translateX(-50%);z-index:3}
.g3-ek{position:absolute;inset:7px;border-radius:24px;overflow:hidden;background:#fff;opacity:0;transition:opacity .6s ease;display:flex;flex-direction:column;font-size:11px;line-height:1.35}
.g3-tb{padding:26px 12px 9px;background:var(--gece);color:#fff}.g3-tb small{display:block;font-size:9.5px;opacity:.7}.g3-tb b{font:600 13px var(--baslik)}
.g3-yk{list-style:none;padding:6px 8px;display:grid;gap:5px;flex:1}
.g3-yk li{display:flex;align-items:center;gap:7px;padding:6px 7px;border-radius:10px;border:1px solid var(--cizgi);transition:background .3s,border-color .3s}
.g3-yk b{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g3-av{flex:none;width:20px;height:20px;border-radius:50%;background:var(--meb-a);color:var(--meb-k);display:grid;place-items:center;font-size:8.5px;font-weight:700}
.g3-yk em{display:none;font-style:normal;font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:99px}
.g3-yk li.ok[data-d="v"]{background:#F2FBF7;border-color:#BFE8D5}.g3-yk li.ok[data-d="v"] .g3-v{display:block;background:var(--kurs-a);color:var(--kurs-k)}
.g3-yk li.ok[data-d="y"]{background:#FFF6F6;border-color:#F5C2C2}.g3-yk li.ok[data-d="y"] .g3-y{display:block;background:#FDE8E8;color:#B42318}
.g3-yk li.ok[data-d="g"]{background:#FFFAF2;border-color:#F4D7A8}.g3-yk li.ok[data-d="g"] .g3-g{display:block;background:#FEF3E2;color:#B45309}
.g3-tus{margin:4px 8px 10px;padding:9px;border-radius:11px;background:var(--meb);color:#fff;text-align:center;font-weight:700}
.g3-msj{flex:1;background:#EEF1F7;padding:10px 8px;display:flex;flex-direction:column;gap:8px}
.g3-bal{max-width:86%;padding:6px;border-radius:12px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.05)}.g3-bal svg{width:100%;border-radius:8px;display:block;margin-bottom:5px}.g3-bal span{display:block;padding:0 3px}
.g3-bal.sag{align-self:flex-end;background:var(--ozel);color:#fff;padding:8px 9px}
.g3-yaz{margin-top:auto;background:#fff;border-radius:99px;padding:7px 10px;color:var(--gri2)}
.g3-krn{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 8px 4px}.g3-krn div{background:var(--sis);border-radius:10px;padding:7px 8px}.g3-krn small{display:block;font-size:9px;color:var(--gri)}.g3-krn b{font:700 15px var(--baslik)}
.g3-hd{margin:6px 8px;font-size:9.5px;color:var(--gri)}.g3-hd i{display:block;height:7px;border-radius:99px;background:var(--cizgi);margin-top:4px;position:relative;overflow:hidden}
.g3-hd i::after{content:"";position:absolute;inset:0;width:var(--y);border-radius:99px;background:var(--kurs)}
.g3-wa{margin:auto 8px 10px;padding:8px 9px;border-radius:12px;background:#DCF8C6;font-size:10.5px}.g3-wa b{display:block;color:#128C7E;font-size:10px}.g3-wa small{display:block;text-align:right;color:#5B7A6A;font-size:9px}
/* yüzen kartlar */
.g3-kart{position:absolute;display:flex;gap:10px;align-items:center;padding:10px 13px;border-radius:14px;background:rgba(255,255,255,.96);border:1px solid #D5DCE8;
  max-width:250px;opacity:0;transform:translateZ(260px) translateY(14px) scale(.96);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.g3-kart i{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--b)}.g3-kart i svg{width:17px;height:17px}
.g3-kart small{display:block;font-size:11px;color:var(--gri)}.g3-kart b{display:block;font:600 13px/1.3 var(--baslik)}
.g3-kart.k1{left:-2%;top:2%}.g3-kart.k2{left:20%;bottom:-6%}
.g3-sahne[data-adim="2"] .g3-kart.k1{left:auto;right:-4%;top:6%}.g3-sahne[data-adim="2"] .g3-kart.k2{left:auto;right:2%;bottom:4%}
.g3-sahne[data-adim="3"] .g3-kart.k1{left:-4%;top:-4%}.g3-sahne[data-adim="3"] .g3-kart.k2{left:-6%;bottom:6%}
.g3-sahne[data-adim="1"] [data-e="1"],.g3-sahne[data-adim="2"] [data-e="2"],.g3-sahne[data-adim="3"] [data-e="3"]{opacity:1}
.g3-sahne[data-adim="1"] .g3-ekran img[data-e="1"],.g3-sahne[data-adim="2"] .g3-ekran img[data-e="2"],.g3-sahne[data-adim="3"] .g3-ekran img[data-e="3"]{transform:none}
.g3-sahne .g3-kart.gor{opacity:1;transform:translateZ(260px)}
.g3-zemin{position:absolute;left:8%;right:6%;bottom:16%;height:70px;border-radius:50%;background:radial-gradient(closest-side,rgba(17,26,62,.22),rgba(17,26,62,0));filter:blur(8px);pointer-events:none}
.g3-nokta{display:flex;gap:8px;justify-content:center;margin-top:34px;position:relative}.g3-nokta i{width:8px;height:8px;border-radius:99px;background:#CBD2DF;transition:width .4s,background .4s}
.g3-sahne-kap[data-adim="1"] .g3-nokta i[data-e="1"],.g3-sahne-kap[data-adim="2"] .g3-nokta i[data-e="2"],.g3-sahne-kap[data-adim="3"] .g3-nokta i[data-e="3"]{width:26px;background:var(--murekkep)}
/* adımlar */
.g3-adimlar{display:grid}
.g3-adim{min-height:min(78vh,640px);display:flex;flex-direction:column;justify-content:center;opacity:.35;transition:opacity .5s ease}
.g3-adim.ak{opacity:1}
.g3-saat{align-self:flex-start;font:600 13px var(--baslik);color:var(--r);background:#fff;border:1px solid var(--cizgi);border-radius:99px;padding:5px 12px;font-variant-numeric:tabular-nums}
.g3-adim h3{font:600 clamp(24px,2.3vw,32px)/1.18 var(--baslik);letter-spacing:-.02em;margin:16px 0 12px}
.g3-adim p{color:var(--gri);font-size:16.5px;max-width:44ch}
.g3-adim ul{list-style:none;margin-top:18px;display:grid;gap:9px}
.g3-adim li{display:flex;gap:10px;align-items:center;font-weight:500}.g3-adim li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--r);flex:none}
@media(max-width:900px){
  .gun3{padding:80px 0 20px}
  .g3-izgara{grid-template-columns:1fr;gap:0;margin-top:20px}
  .g3-sahne-kap{position:relative;top:auto;height:auto;min-height:0;max-height:none;padding:26px 6px 6px;perspective:1100px}
  .g3-sahne{width:88%;margin:0 auto 0 4%}
  .g3-nokta{margin-top:18px}
  .g3-kart{max-width:200px;padding:8px 10px}.g3-kart b{font-size:12px}.g3-kart i{width:28px;height:28px}
  .g3-kart.k2,.g3-sahne[data-adim] .g3-kart.k2{display:none}
  .g3-sahne[data-adim] .g3-kart.k1{left:6%;right:auto;top:-2%}
  .g3-ek{font-size:8px}.g3-tb{padding:18px 8px 6px}.g3-tb b{font-size:10px}.g3-yk{gap:3px;padding:4px 5px}.g3-yk li{padding:3px 5px;gap:4px}.g3-av{width:14px;height:14px;font-size:6.5px}
  .g3-tus,.g3-krn b{font-size:9px}.g3-tel-ic{border-radius:20px;padding:5px}.g3-ek{inset:5px;border-radius:16px}
  .g3-adim{min-height:0;opacity:1;padding:26px 4px 6px}.g3-adim h3{margin-top:12px}
  .g3-tel{width:31%}
}
@media(prefers-reduced-motion:reduce){.g3-sahne,.g3-tel,.g3-dz,.g3-kart,.g3-ek,.g3-ekran img{transition:none!important}}
/* v5: giriş sahnesi 3B — imleçle hafif eğilir */
.cihaz{perspective:1600px}
.cihaz .c3{position:relative;transform-style:preserve-3d;transform:rotateX(calc(6deg - var(--py,0)*5deg)) rotateY(calc(-11deg + var(--px,0)*8deg));transition:transform .7s cubic-bezier(.2,.75,.2,1)}
.cihaz .dizustu{transform-style:preserve-3d}
.cihaz .tel-v3{transform:translateZ(110px)}
.cihaz .dz-kapak{position:relative}.cihaz .dz-kapak::after{content:"";position:absolute;inset:12px 12px 16px;border-radius:6px;background:linear-gradient(115deg,rgba(255,255,255,.14),rgba(255,255,255,0) 40%);pointer-events:none}
@media(max-width:900px){.cihaz .c3{transform:rotateX(4deg) rotateY(-7deg)}.cihaz .tel-v3{transform:translateZ(60px)}}
@media(prefers-reduced-motion:reduce){.cihaz .c3{transform:none}}

/* ── v6: biokul Asistan ── */
.as-bolum{background:radial-gradient(1200px 500px at 85% 0%,#EEEAFF 0%,rgba(238,234,255,0) 60%),linear-gradient(180deg,#FBFAFF 0%,#F4F7FD 100%);position:relative;overflow:hidden}
.as-ilk{background:linear-gradient(135deg,#6D5BF5,#3B82F6 55%,#22C3E6);box-shadow:0 12px 26px -12px rgba(76,90,245,.9)}
.as-izgara{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.as-izgara h2{font:600 clamp(30px,3.4vw,44px)/1.12 var(--baslik);letter-spacing:-.025em;margin:18px 0 14px;max-width:16ch}
.as-yazi{color:var(--gri);font-size:17px;max-width:52ch}
.as-rol{list-style:none;margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.as-rol li{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:14px 14px 12px}
.as-rol small{display:block;font:600 12.5px var(--govde);color:#5B4FD6;margin-bottom:8px}
.as-balon{display:block;background:#1E2A5A;color:#fff;border-radius:14px 14px 4px 14px;padding:9px 12px;font-size:14px;line-height:1.4}
.as-rol em{display:block;font-style:normal;color:var(--gri);font-size:12.5px;margin-top:8px}
.as-gorsel{position:relative;padding-right:18%}
.as-gorsel .tarayici{box-shadow:0 40px 80px -40px rgba(76,90,245,.55)}
.as-tel{position:absolute;right:-12px;top:22%;width:42%;min-width:150px;filter:drop-shadow(0 30px 40px rgba(17,26,62,.35))}
.as-tel .telefon{position:relative;width:100%;max-width:none}
.as-gorsel{display:flow-root}
.as-ekler{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}
.as-ek{background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:20px}
.as-ek i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#6D5BF5,#3B82F6 55%,#22C3E6);margin-bottom:12px}
.as-ek i svg{width:20px;height:20px}.as-ek b{display:block;font:600 17px var(--baslik)}.as-ek p{color:var(--gri);font-size:15px;margin-top:6px}
.as-kvkk{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--gri);font-size:14px;margin-top:28px;text-align:center}
.as-kvkk svg{width:20px;height:20px;flex:none;color:#2F8A5B}
@media(max-width:900px){.as-izgara{grid-template-columns:1fr;gap:36px}.as-rol{grid-template-columns:1fr}.as-ekler{grid-template-columns:1fr;margin-top:40px}.as-gorsel{padding-right:14%}.as-tel{position:relative;top:auto;right:auto;margin:-42% -14% 0 auto;width:46%}}