body{margin:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#2775ff;text-decoration:none}
:where(.dark) a{color:#7fabf8}a:hover{color:#4f2bd6}
:where(.dark) a:hover{color:#b2a3ed}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 26px;border-radius:14px;font-weight:700;font-size:15px;border:0;cursor:pointer;font-family:inherit}
.btn-primary{background:linear-gradient(135deg,#2775ff,#4f2bd6);color:#fff;box-shadow:0 12px 30px rgba(39,117,255,.35)}
.btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35)}
.btn-light{background:#fff;color:#2a1b7a;border:1px solid #e2e4ee}
:where(.dark) .btn-light{background-color:#161a3d;color:#afa4eb;border:1px solid rgba(255,255,255,0.08)}
.glass{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);border-radius:20px}
.card{background:#fff;border:1px solid #e8e9f2;border-radius:22px;box-shadow:0 10px 40px rgba(26,26,46,.06)}
:where(.dark) .card{background-color:#161a3d;border:1px solid rgba(255,255,255,0.08)}
.tab{height:44px;padding:0 20px;border-radius:12px;border:1px solid #e2e4ee;background:#fff;font-weight:600;font-size:14px;color:#3b3f55;cursor:pointer;font-family:inherit}
:where(.dark) .tab{border:1px solid rgba(255,255,255,0.08);background-color:#161a3d;color:#d5d8ee}
.tab.on{background:#1a1a2e;color:#fff;border-color:#1a1a2e}
.tick{display:flex;gap:10px;align-items:center;font-size:14px;color:#3b3f55}
:where(.dark) .tick{color:#d5d8ee}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2775ff}
:where(.dark) .eyebrow{color:#7fabf8}
h2{margin:0;font-size:40px;line-height:1.1;font-weight:800;color:#1a1a2e;letter-spacing:-.02em}
:where(.dark) h2{color:#eef0fa}
.faq{border-top:1px solid #e8e9f2;padding:22px 0;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:17px;color:#1a1a2e}
:where(.dark) .faq{border-top:1px solid rgba(255,255,255,0.08);color:#eef0fa}
.mi{display:flex;gap:11px;align-items:center;padding:7px 14px;color:#1a1a2e;transition:background .18s}
:where(.dark) .mi{color:#eef0fa}.mi:hover{background:#f0f4ff;color:#1a1a2e}
:where(.dark) .mi:hover{background-color:#1b2048;color:#eef0fa}
.menu-drop{font-family:'Nunito','Plus Jakarta Sans',sans-serif}
.mi b{display:block;font-size:13.5px;font-weight:700;color:#1f2340;line-height:1.25;letter-spacing:.01em}
:where(.dark) .mi b{color:#a4aad3}.mi small{display:block;font-size:11.5px;font-weight:500;color:#7b8094;margin-top:2px;line-height:1.25}
:where(.dark) .mi small{color:#aeb3d1}
.mi-ic{width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:#fff;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.mi:hover .mi-ic{transform:scale(1.06)}
.menu-drop{position:absolute;top:44px;left:-16px;width:480px;max-width:calc(100vw - 48px);background:#fff;padding:6px 0;display:grid;grid-template-columns:1fr 1fr;border-top:3px solid #4361ee;border-bottom:2.4px solid #0b98f6;box-shadow:0 6px 30px rgba(0,0,0,.12);z-index:20;animation:dropIn .22s ease both;transform-origin:top left}
:where(.dark) .menu-drop{background-color:#161a3d}
.menu-drop.one{width:272px;grid-template-columns:1fr}
.dd{position:relative;display:flex;align-items:center}.dd::after{content:'';position:absolute;left:-16px;right:-16px;top:100%;height:40px}   /* fare menü adından açılır menüye inerken menü kapanmasın (aradaki boşluğu köprüler) */
.menu-drop::before{content:'';position:absolute;top:-9px;left:28px;border:6px solid transparent;border-top:0;border-bottom:6px solid #4361ee}
@keyframes dropIn{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}
.mi-ic{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:none;box-shadow:inset 0 0 0 1px rgba(26,26,46,.05);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.mi:hover .mi-ic{transform:scale(1.08) rotate(-4deg);box-shadow:0 8px 18px rgba(26,26,46,.14)}
.ic-blue{background:linear-gradient(135deg,#e3ecff,#d4e2ff);color:#1d5fe0}
:where(.dark) .ic-blue{background-image:linear-gradient(135deg,rgba(77,126,230,0.16),rgba(77,126,230,0.16));color:#8caef0}.ic-green{background:linear-gradient(135deg,#e2f8ec,#cdf1dc);color:#15803d}
:where(.dark) .ic-green{background-image:linear-gradient(135deg,rgba(91,215,147,0.16),rgba(96,210,143,0.16));color:#21c65e}.ic-amber{background:linear-gradient(135deg,#fff1dc,#ffe4bd);color:#b45309}
:where(.dark) .ic-amber{background-image:linear-gradient(135deg,rgba(230,168,77,0.16),rgba(230,167,77,0.16));color:#f59347}.ic-violet{background:linear-gradient(135deg,#f1e6ff,#e4d2ff);color:#6d28d9}
:where(.dark) .ic-violet{background-image:linear-gradient(135deg,rgba(144,77,230,0.16),rgba(138,77,230,0.16));color:#bfa1ee}.ic-pink{background:linear-gradient(135deg,#ffe4f0,#ffd1e4);color:#be185d}
:where(.dark) .ic-pink{background-image:linear-gradient(135deg,rgba(230,77,145,0.16),rgba(230,77,140,0.16));color:#f192ba}.ic-sky{background:linear-gradient(135deg,#dcf2ff,#c6e8ff);color:#0369a1}
:where(.dark) .ic-sky{background-image:linear-gradient(135deg,rgba(77,173,230,0.16),rgba(77,168,230,0.16));color:#3eb4f5}
/* yapışkan ana menü: sayfayla yukarı kayar, tepeye gelince orada kalır; arka plan yumuşakça cama döner */
.mainnav{transition:background .45s ease,box-shadow .45s ease,border-color .45s ease,-webkit-backdrop-filter .45s ease,backdrop-filter .45s ease;border-bottom:1px solid transparent;background:transparent}
.mainnav>.wrap{transition:height .4s ease}
.mainnav.stuck{background:linear-gradient(120deg,rgba(43,25,163,.80) 0%,rgba(79,43,214,.76) 45%,rgba(39,117,255,.80) 100%);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom-color:rgba(255,255,255,.16);box-shadow:0 12px 34px rgba(26,26,46,.22)}
.mainnav.stuck>.wrap{height:64px}
.hdr-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:60px;z-index:2}
.hdr-bg{position:absolute;left:0;right:0;top:0;overflow:hidden;background:linear-gradient(120deg,#2b19a3 0%,#4f2bd6 45%,#2775ff 100%);pointer-events:none}
/* satın alma adımları: sırayla */
.steps-seq{position:relative}
.steps-seq .step{opacity:0;transform:translateY(34px) scale(.96);transition:opacity .55s cubic-bezier(.2,.8,.2,1),transform .55s cubic-bezier(.2,.8,.2,1)}
.steps-seq .step .step-n{transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.4,1)}
.steps-seq .step:not(:last-child)::after{content:'';position:absolute;right:-21px;top:38px;width:14px;height:14px;border-right:3px solid #2775ff;border-top:3px solid #2775ff;transform:rotate(45deg) scale(0);opacity:0;transition:transform .35s cubic-bezier(.3,1.6,.4,1),opacity .3s}
.steps-seq.on .step{opacity:1;transform:none}
.steps-seq.on .step .step-n{transform:none}
.steps-seq.on .step:not(:last-child)::after{transform:rotate(45deg) scale(1);opacity:1}
.steps-seq.on .step:nth-child(1){transition-delay:0s}.steps-seq.on .step:nth-child(2){transition-delay:.55s}.steps-seq.on .step:nth-child(3){transition-delay:1.1s}.steps-seq.on .step:nth-child(4){transition-delay:1.65s}
.steps-seq.on .step:nth-child(1) .step-n{transition-delay:.25s}.steps-seq.on .step:nth-child(2) .step-n{transition-delay:.8s}.steps-seq.on .step:nth-child(3) .step-n{transition-delay:1.35s}.steps-seq.on .step:nth-child(4) .step-n{transition-delay:1.9s}
.steps-seq.on .step:nth-child(1)::after{transition-delay:.45s}.steps-seq.on .step:nth-child(2)::after{transition-delay:1s}.steps-seq.on .step:nth-child(3)::after{transition-delay:1.55s}
.steps-seq .step-n{position:relative}.steps-seq.on .step-n::before{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid #2775ff;opacity:0;animation:ringOut .9s ease-out both}
.steps-seq.on .step:nth-child(1) .step-n::before{animation-delay:.5s}.steps-seq.on .step:nth-child(2) .step-n::before{animation-delay:1.05s}.steps-seq.on .step:nth-child(3) .step-n::before{animation-delay:1.6s}.steps-seq.on .step:nth-child(4) .step-n::before{animation-delay:2.15s}
@keyframes ringOut{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.8);opacity:0}}
.mi b{display:block;font-size:14px}.mi small{display:block;font-size:12px;color:#6b7280}
:where(.dark) .mi small{color:#aeb3d1}
.comp{flex:none;width:150px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}

/* ---------- YENİ NESİL İKON KÜTLESİ (merkezi set) ---------- */
.ng{position:relative;width:var(--s,112px);height:var(--s,112px);border-radius:calc(var(--s,112px)*.27);transition:transform .35s cubic-bezier(.2,.8,.2,1);flex:none}
.ng .tile{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,#1b2150 0%,#141a3a 55%,#1a1444 100%);overflow:hidden;isolation:isolate;transform:translateZ(0);box-shadow:0 calc(var(--s,112px)*.16) calc(var(--s,112px)*.3) rgba(20,26,58,.35),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.4)}
.ng .aura{position:absolute;inset:-40%;background:conic-gradient(from 0deg,var(--a) 0%,var(--b) 30%,var(--a) 55%,var(--c) 80%,var(--a) 100%);filter:blur(calc(var(--s,112px)*.2));opacity:.75}
.ng .vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 110%,rgba(0,0,0,.55),transparent 55%),radial-gradient(80% 60% at 50% -10%,rgba(255,255,255,.22),transparent 60%)}
.ng .rim{position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(150deg,rgba(255,255,255,.75),rgba(255,255,255,.05) 40%,rgba(255,255,255,0) 60%,var(--b) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.ng .pane{position:absolute;inset:calc(var(--s,112px)*.1);border-radius:calc(var(--s,112px)*.19);background:linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.03) 50%,rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 30px rgba(0,0,0,.25)}
.ng .dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:0}
.ng .dust i:nth-child(1){left:22%;top:70%}.ng .dust i:nth-child(2){left:70%;top:62%;width:2px;height:2px}.ng .dust i:nth-child(3){left:42%;top:82%}
.ng .ground{position:absolute;left:50%;bottom:13%;width:43%;height:9%;border-radius:50%;background:var(--b);filter:blur(calc(var(--s,112px)*.07));opacity:.5;transform:translateX(-50%)}
.ng .obj{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.ng .obj svg{width:60%;height:60%;filter:drop-shadow(0 calc(var(--s,112px)*.1) calc(var(--s,112px)*.13) rgba(0,0,0,.45));overflow:visible}
.ng:hover{transform:translateY(-6px) rotate(-3deg) scale(1.04)}
/* canlı mod (ana sayfa): sürekli; sakin mod (panel): yalnızca fare üstündeyken */
.ng.live .aura,.ng.calm:hover .aura{animation:ngSpin 9s linear infinite}
.ng.live .dust i,.ng.calm:hover .dust i{animation:ngDust 5s ease-in-out infinite}
.ng .dust i:nth-child(2){animation-delay:1.6s !important}.ng .dust i:nth-child(3){animation-delay:3.1s !important}
.ng.calm [class*="ma-"]{animation-play-state:paused !important}.ng.calm:hover [class*="ma-"]{animation-play-state:running !important}
@keyframes ngSpin{to{transform:rotate(360deg)}}
@keyframes ngDust{0%{opacity:0;transform:translateY(0)}30%{opacity:.9}100%{opacity:0;transform:translateY(-40px)}}
/* nesneye özel mikro hareketler */
.ma-route{animation:maDash 1.6s linear infinite}@keyframes maDash{to{stroke-dashoffset:-12}}
.ma-pin{animation:maPin 2.4s ease-in-out infinite}@keyframes maPin{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.ma-ring{animation:maRing 2.4s ease-out infinite}.ma-ring.r2{animation-delay:1.2s}@keyframes maRing{0%{transform:scale(.7);opacity:.9}100%{transform:scale(2);opacity:0}}
.ma-pop{animation:maPop 2.6s ease-in-out infinite}@keyframes maPop{0%,70%,100%{transform:scale(1)}80%{transform:scale(1.25)}90%{transform:scale(.95)}}
.ma-write{stroke-dasharray:40;animation:maWrite 2.6s ease-in-out infinite}@keyframes maWrite{0%{stroke-dashoffset:40}45%,100%{stroke-dashoffset:0}}
.ma-top{animation:maTop 3s ease-in-out infinite}@keyframes maTop{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(1.5px,-2.5px) rotate(3deg)}}
.ma-eq rect{animation:maEq 1s ease-in-out infinite;transform-box:fill-box;transform-origin:bottom}.ma-eq rect:nth-child(2){animation-delay:.2s}.ma-eq rect:nth-child(3){animation-delay:.4s}@keyframes maEq{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1.3)}}
.ma-b{animation:maB 3s steps(1) infinite;opacity:0}.ma-b.b2{animation-delay:1s}.ma-b.b3{animation-delay:2s}@keyframes maB{0%{opacity:1}33.3%,100%{opacity:0}}
.ma-pen{animation:maPen 3s ease-in-out infinite}@keyframes maPen{0%,100%{transform:translate(0,0)}33%{transform:translate(-1px,-2px)}66%{transform:translate(1px,2px)}}
.ma-star{animation:maStar 2.2s ease-in-out infinite}@keyframes maStar{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.3) rotate(18deg)}}
.ma-lens{animation:maLens 3.2s ease-in-out infinite}@keyframes maLens{0%,100%{transform:translate(0,0)}50%{transform:translate(-9px,-6px)}}
.ma-arrow{animation:maArrow 2.8s cubic-bezier(.2,.9,.2,1) infinite}@keyframes maArrow{0%{transform:translate(14px,-14px);opacity:0}25%,100%{transform:translate(0,0);opacity:1}}
.ma-target{animation:maHit 2.8s ease-out infinite}@keyframes maHit{0%,24%,40%,100%{transform:scale(1)}28%{transform:scale(1.06)}34%{transform:scale(.98)}}
.ma-glow{animation:maGlow 2.2s ease-in-out infinite}@keyframes maGlow{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:.95;transform:scale(1.15)}}
.ma-sp{animation:maTw 1.8s ease-in-out infinite;opacity:0}.ma-sp.s2{animation-delay:.6s}.ma-sp.s3{animation-delay:1.2s}@keyframes maTw{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(90deg)}}
.ma-hl{animation:maHl 2.8s ease-in-out infinite}@keyframes maHl{0%{transform:scaleX(0)}40%,100%{transform:scaleX(1)}}
.ma-marker{animation:maMk 2.8s ease-in-out infinite}@keyframes maMk{0%{transform:translate(-14px,10px)}40%,100%{transform:translate(0,0)}}
.ma-w{stroke-dasharray:40;stroke-dashoffset:40;animation:maWave 2.1s ease-out infinite}.ma-w.w2{animation-delay:.35s}@keyframes maWave{0%{stroke-dashoffset:40;opacity:0}30%{opacity:1}70%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.ma-horn{animation:maShake 2.1s ease-in-out infinite}@keyframes maShake{0%,20%,100%{transform:rotate(0)}5%{transform:rotate(-6deg)}10%{transform:rotate(5deg)}15%{transform:rotate(-3deg)}}
.comp .ng{margin:0 auto}
@media (prefers-reduced-motion:reduce){.ng *{animation:none !important}}

.g70{display:inline-flex;align-items:center;font-size:11px;font-weight:800;letter-spacing:.08em;color:#92400e;background:linear-gradient(135deg,#ffe9a8,#ffd166);border:1px solid #f5c542;border-radius:999px;padding:5px 10px;box-shadow:0 4px 10px rgba(245,158,11,.25)}

/* manşet şablon kartları (panelden otomatik üretilir) */
.pst{overflow:hidden;padding:16px 16px 14px;gap:6px;border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 44px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.2)}
.pst-aura{position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),rgba(255,255,255,0) 65%);pointer-events:none}
.pst-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
.pst-tag{font-size:9px;font-weight:800;letter-spacing:.12em;opacity:.9;white-space:nowrap}
.pst-st{font-size:9px;font-weight:800;padding:3px 7px;white-space:nowrap;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);display:inline-flex;align-items:center;gap:5px}
.pst-st::before{content:'';width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:pulse 1.8s infinite}
.pst-st.warn::before{background:#ffd166;box-shadow:0 0 0 0 rgba(255,209,102,.6)}.pst-st.new::before{background:#ff6b6b;box-shadow:0 0 0 0 rgba(255,107,107,.6)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}100%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}
.pst-stamp{position:absolute;right:12px;top:40px;width:58px;height:58px;border-radius:50%;background:conic-gradient(from 20deg,#ffd166,#ffb347,#ffd166,#ffe9a8,#ffd166);color:#5a3200;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:17px;font-weight:900;line-height:1;transform:rotate(10deg);box-shadow:0 8px 18px rgba(0,0,0,.35),inset 0 0 0 3px rgba(255,255,255,.55),inset 0 0 0 5px rgba(90,50,0,.25)}
.pst-stamp small{font-size:6px;letter-spacing:.08em;font-weight:800;margin-top:2px}
.pst-stamp.alt{background:conic-gradient(from 20deg,#ffffff,#dbeafe,#ffffff,#e0e7ff,#ffffff);color:#1e3a8a;font-size:9px}
:where(.dark) .pst-stamp.alt{background-image:conic-gradient(from 20deg,#161a3d,rgba(77,142,230,0.16),#161a3d,rgba(77,111,230,0.16),#161a3d);color:#9aafe9}
.pst-title{font-size:21px;font-weight:800;line-height:1.1;margin-top:4px;max-width:140px;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.pst-ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:11px;opacity:.95}
.pst-ul li{display:flex;gap:6px;align-items:center}.pst-ul li::before{content:'';width:5px;height:5px;border-radius:50%;background:#ffd166;flex:none}
.pst-icons{position:relative;height:66px;margin-top:4px;margin-left:34px}
.pst-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:6px;border-top:1px solid rgba(255,255,255,.2);padding-top:10px}
.pst-foot s{display:block;font-size:10px;opacity:.65}.pst-foot b{font-size:18px;font-weight:800;line-height:1}
.pst-btn{font-size:10px;font-weight:800;letter-spacing:.08em;background:#fff;color:#2a1b7a;padding:8px 10px;border-radius:999px;box-shadow:0 6px 14px rgba(0,0,0,.25)}
.poster.pst:hover{transform:translateY(-6px) scale(1.02)}

.hero-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.12));-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.3);transition:background .2s,transform .2s}
.hero-arr.l{left:-20px}.hero-arr.r{right:-20px}.hero-arr:hover{background:#fff;color:#2a1b7a;transform:translateY(-50%) scale(1.08)}
/* manşet kartı v3: sade, hiyerarşik */
.poster.pst3{width:288px;height:378px;padding:18px 18px 16px;gap:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 44px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.18);display:flex;flex-direction:column}
.p3-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.p3-txt{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1;padding-top:2px;position:relative;z-index:2}
.p3-tag{font-size:9.5px;font-weight:800;letter-spacing:.14em;opacity:.75;margin-top:4px}
.p3-h1{font-size:14px;font-weight:600;line-height:1.1}.p3-h1 b{display:block;font-size:22px;font-weight:900;color:#ffd166;letter-spacing:-.01em;margin-top:2px;line-height:1.02}
.p3-scene{position:relative;width:100px;height:100px;flex:none;margin:14px -4px 0 0}
.orb-ring{position:absolute;inset:0;animation:orbRing 110s linear infinite}
.orb-i{position:absolute;animation:orbIcon 110s linear infinite;opacity:.9}
.poster.pst3:hover .orb-ring,.poster.pst3:hover .orb-i{animation-play-state:paused}
@keyframes orbRing{to{transform:rotate(360deg)}}@keyframes orbIcon{to{transform:rotate(-360deg)}}
.p2-mon{position:absolute;left:50%;top:50%;width:46px;height:33px;transform:translate(-50%,-56%);border-radius:5px;background:linear-gradient(180deg,#f7f8fc,#d9deee);box-shadow:0 10px 20px rgba(0,0,0,.4),inset 0 0 0 3px #1a1a2e}
.p2-mon::before{content:'';position:absolute;inset:3px;border-radius:3px;background-image:linear-gradient(135deg,#2775ff,#06b6d4)}
.p2-mon::after{content:'';position:absolute;left:50%;top:100%;width:20px;height:8px;transform:translateX(-50%);background:linear-gradient(180deg,#1a1a2e,#3b3f5c);border-radius:0 0 4px 4px}
.p2-mon i{position:absolute;left:50%;top:50%;width:13px;height:13px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.p2-mon i::after{content:'';position:absolute;left:5px;top:3px;border-left:5.5px solid #1d4fd8;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent}
.p3-ul{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:9px;font-size:12px;line-height:1.3;opacity:.95}
.p3-ul li{display:flex;gap:9px;align-items:flex-start}.p3-ul li svg{flex:none;margin-top:1px}
.p3-badges{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
.p3-g{font-size:10px;font-weight:800;letter-spacing:.08em;color:#ffd166;border:1px solid rgba(255,209,102,.6);background:rgba(255,209,102,.1);border-radius:999px;padding:5px 10px}
.p3-d{font-size:10px;font-weight:800;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#ff4d4d,#c81e1e);border-radius:999px;padding:5px 10px;box-shadow:0 4px 10px rgba(200,30,30,.35)}
.p3-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:8px;border-top:1px solid rgba(255,255,255,.14);padding-top:12px}
.p3-foot s{display:block;font-size:11px;opacity:.6}.p3-foot b{font-size:20px;font-weight:800;line-height:1.1}
.poster.pst3{cursor:pointer;color:#fff;text-decoration:none}.poster.pst3:hover{transform:translateY(-8px);color:#fff;box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.35),inset 0 1px 0 rgba(255,255,255,.25);filter:brightness(1.06)}
.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;padding-top:14px}.tl::before{content:'';position:absolute;left:8%;right:8%;top:19px;height:2px;background:linear-gradient(90deg,#2775ff,#4f2bd6)}
.tl-i{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;position:relative;padding-top:14px}.tl-i::before{content:'';width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #2775ff;position:absolute;top:0;left:50%;transform:translateX(-50%)}
:where(.dark) .tl-i::before{background-color:#161a3d}
.tl-i b{font-size:14px;font-weight:800;color:#2a1b7a}
:where(.dark) .tl-i b{color:#afa4eb}.tl-i span{font-size:11.5px;color:#6b7280;line-height:1.3}
:where(.dark) .tl-i span{color:#aeb3d1}
/* Popüler PDF kartları */
.pdfc{position:relative;background:#fff;border-radius:20px;padding:0;display:flex;flex-direction:column;color:#1a1a2e;overflow:hidden;box-shadow:0 18px 40px rgba(26,26,46,.22);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
:where(.dark) .pdfc{background-color:#161a3d;color:#eef0fa}
.pdfc:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(26,26,46,.3);color:#1a1a2e}
:where(.dark) .pdfc:hover{color:#eef0fa}
.pdfc .ribbon{position:absolute;left:-34px;top:18px;width:140px;transform:rotate(-45deg);background:linear-gradient(135deg,#2775ff,#4f2bd6);color:#fff;font-size:10px;font-weight:800;letter-spacing:.14em;text-align:center;padding:6px 0;z-index:3;box-shadow:0 4px 10px rgba(43,25,163,.3)}
.pdfc .cov{position:relative;height:204px;background:radial-gradient(90% 70% at 50% 100%,#e4e8f7,#f7f8fc 70%);display:flex;align-items:center;justify-content:center;overflow:hidden}
:where(.dark) .pdfc .cov{background-image:radial-gradient(90% 70% at 50% 100%,rgba(98,121,208,0.16),#1b2048 70%)}
.book{position:relative;width:118px;height:158px;transform:perspective(900px) rotateY(-26deg) rotateX(4deg);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1);z-index:2;margin-top:6px}
.pdfc:hover .book{transform:perspective(900px) rotateY(-8deg) rotateX(0) translateY(-4px) scale(1.04)}
.bk-cover{position:absolute;inset:0;border-radius:4px 10px 10px 4px;background:linear-gradient(150deg,var(--c1),var(--c2));box-shadow:-16px 24px 34px rgba(26,26,46,.4),inset 0 1px 0 rgba(255,255,255,.35),inset -2px 0 0 rgba(0,0,0,.08);overflow:hidden;color:#fff;padding:14px 12px 12px 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;transform:translateZ(8px)}
.bk-cover::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:2px;background:rgba(0,0,0,.18);box-shadow:1px 0 0 rgba(255,255,255,.18)}
.bk-band{position:absolute;right:-20px;top:16px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.28),rgba(255,255,255,0) 60%)}
.bk-kicker{font-size:8px;font-weight:800;letter-spacing:.22em;color:var(--acc)}
:where(.dark) .bk-kicker{color:color-mix(in srgb,var(--acc) 55%,#fff)}
.bk-title{font-size:14px;font-weight:800;line-height:1.15;text-shadow:0 2px 6px rgba(0,0,0,.25);position:relative}
.bk-ic{width:46px;height:46px;margin-top:auto;align-self:flex-end;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35));position:relative}
.bk-brand{display:flex;flex-direction:column;gap:1px;position:relative}.bk-brand span{font-size:8px;font-weight:800;letter-spacing:.18em}.bk-brand em{font-style:normal;font-size:6.5px;letter-spacing:.14em;opacity:.8}
.bk-gloss{position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.22) 45%,rgba(255,255,255,0) 55%);transform:translateX(-120%);transition:transform .8s ease}
.pdfc:hover .bk-gloss{transform:translateX(120%)}
.bk-pages{position:absolute;top:4px;bottom:4px;left:6px;right:-7px;border-radius:2px 8px 8px 2px;background:repeating-linear-gradient(180deg,#fff 0 2px,#e3e6ef 2px 3px);box-shadow:4px 6px 14px rgba(26,26,46,.25);transform:translateZ(0)}
.bk-back{position:absolute;inset:0;left:2px;right:-4px;border-radius:4px 10px 10px 4px;background:linear-gradient(150deg,var(--c1),var(--c2));filter:brightness(.6);transform:translateZ(-6px)}
.pdfc .peek{position:absolute;left:68%;top:100%;width:104px;height:140px;transform:translateX(-50%) rotate(6deg);background:#fff;border-radius:6px 6px 0 0;box-shadow:0 -6px 20px rgba(26,26,46,.18);padding:14px 12px;box-sizing:border-box;display:flex;flex-direction:column;gap:7px;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;z-index:1;opacity:0}
:where(.dark) .pdfc .peek{background-color:#161a3d}
.pdfc:hover .peek{opacity:1}
.pdfc .peek i{display:block;height:4px;border-radius:2px;background:#dfe3f0}
:where(.dark) .pdfc .peek i{background-color:rgba(116,133,190,0.16)}.pdfc .peek i:nth-child(1){width:60%;background:#2775ff}.pdfc .peek i:nth-child(3){width:80%}.pdfc .peek i:nth-child(5){width:50%}
.pdfc .peek span{margin-top:auto;font-size:10px;font-weight:800;color:#2775ff;letter-spacing:.08em}
:where(.dark) .pdfc .peek span{color:#7fabf8}
.pdfc:hover .peek{transform:translate(-50%,-96px) rotate(8deg)}
.pdfc .pb{padding:16px 18px 6px;display:flex;flex-direction:column;gap:6px}
.pdfc .pt{font-size:16px;font-weight:800;line-height:1.25}.pdfc .pd{font-size:13px;color:#5b6075;line-height:1.5}
:where(.dark) .pdfc .pd{color:#aeb3d1}
.pdfc .pm{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.pdfc .pm span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#5b6075;background:#f3f4f9;border-radius:999px;padding:4px 9px}
:where(.dark) .pdfc .pm span{color:#aeb3d1;background-color:#1b2048}
.pdfc .pm span.dl{color:#15803d;background:#ecfdf3}
:where(.dark) .pdfc .pm span.dl{color:#21c65e;background-color:rgba(77,230,140,0.16)}
.pdfc .pm svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pdfc .pf{padding:12px 16px 16px;margin-top:auto}
.pdfc .free{position:absolute;right:12px;top:12px;z-index:3;font-size:10.5px;font-weight:800;letter-spacing:.12em;color:#15803d;background:#fff;border:1px solid #bbf7d0;border-radius:999px;padding:5px 10px;box-shadow:0 4px 12px rgba(21,128,61,.15)}
:where(.dark) .pdfc .free{color:#21c65e;background-color:#161a3d;border:1px solid rgba(72,234,129,0.35)}
/* indirme butonu: tam genişlik, ikon kapsülü + metin + uzantı rozeti; üzerine gelince ok aşağı zıplar, buton parlar */
.pdl{position:relative;display:flex;align-items:center;gap:12px;height:48px;padding:5px 6px 5px 5px;border-radius:14px;background:linear-gradient(120deg,#2775ff,#4f2bd6);color:#fff;font-weight:800;font-size:13.5px;letter-spacing:.02em;overflow:hidden;box-shadow:0 10px 24px rgba(79,43,214,.3);transition:transform .25s,box-shadow .25s}
.pdl::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.25) 50%,transparent 65%);transform:translateX(-120%);transition:transform .6s}
.pdfc:hover .pdl{transform:translateY(-2px);box-shadow:0 16px 30px rgba(79,43,214,.4)}
.pdfc:hover .pdl::after{transform:translateX(120%)}
.pdl-ic{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none;border:1px solid rgba(255,255,255,.25)}
.pdl-ic svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pdfc:hover .pdl-ic svg{animation:pdl-bounce .9s ease-in-out infinite}
@keyframes pdl-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.pdl-t{flex:1}
.pdl-s{font-size:10px;font-weight:800;letter-spacing:.1em;padding:4px 8px;border-radius:8px;background:#ffd166;color:#2a1b7a;margin-right:4px}
.pdfc.more{background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.3);color:#fff;padding:24px;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pdfc.more:hover{color:#fff}
.shelf{display:flex;gap:6px;align-items:flex-end;height:64px;margin-bottom:10px}.shelf i{display:block;width:16px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--c),#1a1a2e);height:48px;box-shadow:inset -3px 0 0 rgba(255,255,255,.25)}
.shelf i:nth-child(2){height:58px}.shelf i:nth-child(3){height:40px}.shelf i:nth-child(4){height:62px}.shelf i:nth-child(5){height:46px}.shelf i:nth-child(6){height:54px}
@media (max-width:1000px){.pdfs{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}@media (max-width:600px){.pdfs{grid-template-columns:1fr !important}}
/* buzlu cam ikon kutusu: renkli zemin + yarı saydam cam panel + üst parlama */
.comp-ic{position:relative;overflow:hidden;width:96px;height:96px;border-radius:28px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 16px 34px rgba(43,25,163,.28),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.comp-ic::before{content:'';position:absolute;inset:9px;border-radius:20px;background:linear-gradient(150deg,rgba(255,255,255,.38),rgba(255,255,255,.10) 55%,rgba(255,255,255,.16));border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -8px 16px rgba(0,0,0,.08),0 6px 14px rgba(0,0,0,.10)}
:where(.dark) .comp-ic::before{background-image:linear-gradient(150deg,rgba(22,26,61,0.38),rgba(255,255,255,.10) 55%,rgba(255,255,255,.16))}
.comp-ic::after{content:'';position:absolute;left:-30%;top:-55%;width:120%;height:90%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.55),rgba(255,255,255,0));transform:rotate(-18deg);pointer-events:none}
:where(.dark) .comp-ic::after{background-image:radial-gradient(closest-side,rgba(22,26,61,0.55),rgba(255,255,255,0))}
.comp-ic .gl{position:relative;z-index:1;width:54px;height:54px}
.comp-ic.sm{width:58px;height:58px;border-radius:18px;box-shadow:0 10px 22px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.35)}.comp-ic.sm::before{inset:5px;border-radius:13px}.comp-ic.sm .gl{width:36px;height:36px}
.comp:hover .comp-ic{transform:translateY(-6px) rotate(-3deg) scale(1.04);box-shadow:0 24px 44px rgba(43,25,163,.34),inset 0 1px 0 rgba(255,255,255,.35)}
.comp-t{font-size:13px;font-weight:700;color:#1a1a2e}
:where(.dark) .comp-t{color:#eef0fa}
.rail2{display:flex;gap:28px;width:max-content;animation:rail 40s linear infinite}.rail2:hover{animation-play-state:paused}
.pdf{flex:none;width:170px;background:#fff;border:1px solid #e8e9f2;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;color:#1a1a2e}
:where(.dark) .pdf{background-color:#161a3d;border:1px solid rgba(255,255,255,0.08);color:#eef0fa}
.pdf-cover{height:120px;border-radius:10px;display:flex;align-items:flex-end;padding:10px;box-sizing:border-box;color:#fff;font-weight:800;font-size:13px;line-height:1.2}
.step{display:flex;flex-direction:column;gap:10px;position:relative}
.step-n{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2775ff,#4f2bd6);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.input{height:48px;border:1px solid #e2e4ee;border-radius:12px;padding:0 14px;font:inherit;font-size:14px;background:#fff;color:#1a1a2e;width:100%;box-sizing:border-box}
:where(.dark) .input{border:1px solid rgba(255,255,255,0.08);background-color:#161a3d;color:#eef0fa}
/* --- animasyonlar --- */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-20px) scale(1.08)}100%{transform:translate(0,0) scale(1)}}
@keyframes rail{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}}
.fade-up{animation:fadeUp .8s cubic-bezier(.2,.8,.2,1) both}
.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}
.float-b{animation:floatSoft 9s ease-in-out infinite}
@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;pointer-events:none;animation:drift 14s ease-in-out infinite}
.live{animation:pulse 2s infinite}
.grad-text{background:linear-gradient(90deg,#ffd166,#ff9f1c,#ffd166);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 4s linear infinite}
.rail-mask{overflow:hidden;border-radius:14px;min-width:0}
.rail{display:flex;gap:14px;width:max-content;animation:rail 28s linear infinite}
.rail:hover{animation-play-state:paused}
.hero-rail{animation:none;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.poster{width:210px;height:330px;border-radius:14px;padding:18px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:8px;position:relative;box-shadow:0 14px 30px rgba(0,0,0,.25);transition:transform .3s}
.poster:hover{transform:translateY(-6px)}
.poster-tag{font-size:11px;font-weight:700;letter-spacing:.1em;opacity:.85;text-transform:uppercase}
.poster-title{font-size:24px;font-weight:800;line-height:1.1}
.poster-sub{font-size:12px;opacity:.9}
.poster-badge{position:absolute;top:14px;right:14px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;padding:5px 9px;border-radius:999px;transform:rotate(6deg)}
.poster-foot{margin-top:auto;font-size:11px;opacity:.85;border-top:1px solid rgba(255,255,255,.25);padding-top:8px}
.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);display:inline-block}.dot.on{background:#fff;width:20px;border-radius:999px}
.arrow{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff;font-size:20px;cursor:pointer;font-family:inherit}
.card{transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(26,26,46,.12)}
/* iletişim damlası (eski sitedeki organik form) */
.drop-shape{position:absolute;left:-260px;right:40px;top:-60px;bottom:-80px;background:linear-gradient(135deg,#2775ff 0%,#4f2bd6 55%,#5b21b6 100%);border-radius:48% 52% 46% 54% / 55% 45% 55% 45%;animation:morph 16s ease-in-out infinite;box-shadow:0 40px 90px rgba(43,25,163,.3)}
@keyframes morph{0%,100%{border-radius:48% 52% 46% 54% / 55% 45% 55% 45%}50%{border-radius:52% 48% 54% 46% / 45% 55% 45% 55%}}
/* bölüm geçişleri: kaydırdıkça beliren bölümler (eski sitedeki scroll animasyonları) */
@keyframes reveal{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
.reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
.reveal-l{animation:revealL linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
@keyframes revealL{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:none}}
.reveal-r{animation:revealR linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
@keyframes revealR{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:none}}
.stagger>*{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 30%}
.stagger>*:nth-child(2){animation-range:entry 5% entry 35%}.stagger>*:nth-child(3){animation-range:entry 10% entry 40%}.stagger>*:nth-child(4){animation-range:entry 15% entry 45%}
@keyframes zoomIn{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}
@keyframes flipIn{from{opacity:0;transform:perspective(900px) rotateX(-18deg) translateY(30px)}to{opacity:1;transform:none}}
@keyframes tiltIn{from{opacity:0;transform:rotate(-4deg) translateY(30px)}to{opacity:1;transform:none}}
@keyframes blurIn{from{opacity:0;filter:blur(12px);transform:translateY(16px)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes popIn{from{opacity:0;transform:scale(.6)}60%{transform:scale(1.06)}to{opacity:1;transform:none}}
.reveal-zoom{animation:zoomIn linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
.reveal-blur{animation:blurIn linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
.stagger-flip>*{animation:flipIn linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
.stagger-flip>*:nth-child(2){animation-range:entry 8% entry 43%}.stagger-flip>*:nth-child(3){animation-range:entry 16% entry 51%}
.stagger-tilt>*{animation:tiltIn linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
.stagger-tilt>*:nth-child(2){animation-range:entry 6% entry 41%}.stagger-tilt>*:nth-child(3){animation-range:entry 12% entry 47%}.stagger-tilt>*:nth-child(4){animation-range:entry 18% entry 53%}
.stagger-pop>*{animation:popIn linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
.stagger-pop>*:nth-child(2){animation-range:entry 6% entry 41%}.stagger-pop>*:nth-child(3){animation-range:entry 12% entry 47%}.stagger-pop>*:nth-child(4){animation-range:entry 18% entry 53%}
.stagger-side>*:nth-child(odd){animation:revealL linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
.stagger-side>*:nth-child(even){animation:revealR linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
/* eski sitedeki buton efektleri */
.btn-io{position:relative;overflow:hidden;background:#fff;color:#2a1b7a;border:0;border-radius:30px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
:where(.dark) .btn-io{background-color:#161a3d;color:#afa4eb}
.btn-io::before,.btn-io::after{content:attr(data-t);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2775ff,#4f2bd6);color:#fff;font:inherit;font-weight:700;transition:transform .4s cubic-bezier(.2,.8,.2,1);pointer-events:none;will-change:transform}
.btn-io::after{opacity:0}
.btn-io:hover::before{clip-path:inset(0 0 50% 0);transform:translateY(-100%)}
.btn-io:hover::after{opacity:1;clip-path:inset(50% 0 0 0);transform:translateY(100%)}
.btn-io>.txt{position:relative;display:inline-block;transform:scale(.3);opacity:0;transition:transform .4s,opacity .4s;white-space:nowrap}
.btn-io:hover>.txt{transform:none;opacity:1}
.btn-io.light{box-shadow:0 10px 24px rgba(39,117,255,.18)}
.btn-io.dolu{background:linear-gradient(120deg,#2775ff,#4f2bd6);color:#fff;box-shadow:0 12px 30px rgba(39,117,255,.3)}
.btn-grad{position:relative;overflow:hidden;background:linear-gradient(135deg,#2775ff,#4f2bd6);color:#fff;border-radius:30px;box-shadow:0 12px 30px rgba(39,117,255,.35);z-index:0}
.btn-grad::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4f2bd6,#2775ff);transform:translateX(-101%);transition:transform .45s cubic-bezier(.2,.8,.2,1);z-index:-1}
.btn-grad::after{content:"";position:absolute;top:-40%;left:-60%;width:40%;height:180%;background:rgba(255,255,255,.35);transform:skewX(-25deg);transition:left .6s;z-index:-1}
.btn-grad:hover::before{transform:none}.btn-grad:hover::after{left:130%}.btn-grad:hover{box-shadow:0 16px 36px rgba(79,43,214,.45)}
.btn-grad.on-dark{background:#fff;color:#1a1a2e}.btn-grad.on-dark::before{background:linear-gradient(135deg,#ffd166,#ff9f1c)}
/* eski sitedeki dekor: yörüngede dönen halkalar ve nokta halkaları */
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinR{to{transform:rotate(-360deg)}}
@keyframes orbit{from{transform:rotate(0) translateX(70px) rotate(0)}to{transform:rotate(360deg) translateX(70px) rotate(-360deg)}}
@keyframes wavy{0%,100%{transform:translate(0,0)}25%{transform:translate(8px,-10px)}50%{transform:translate(-6px,6px)}75%{transform:translate(10px,8px)}}
.deco{position:absolute;pointer-events:none;user-select:none}
.spin-s{animation:spin 40s linear infinite}.spin-m{animation:spin 24s linear infinite}.spin-f{animation:spinR 14s linear infinite}
.orb{position:absolute;width:140px;height:140px;border:1px solid rgba(255,255,255,.3);border-radius:50%;pointer-events:none}
.orb>i{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:linear-gradient(135deg,#2ec1ff,#2775ff);box-shadow:0 0 14px #2ec1ff;animation:orbit 6s linear infinite}
.orb>i.s{width:8px;height:8px;margin:-4px;animation-duration:9s;animation-direction:reverse;background:#ffd166;box-shadow:0 0 10px #ffd166}
.wavy{animation:wavy 9s ease-in-out infinite}
.srail{display:flex;gap:18px;width:max-content;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.scard{width:318px;flex:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px 24px 26px;display:block;box-sizing:border-box;transition:transform .3s,background .3s}.scard:hover{transform:translateY(-6px);background:rgba(255,255,255,.1)}
.sc-n{font-size:12px;color:#8fb4ff;font-weight:700;letter-spacing:.08em;margin-top:6px}.sc-t{font-size:20px;font-weight:800;margin:6px 0 10px;line-height:1.2}.sc-d{margin:0;font-size:15px;color:#c9cde3;line-height:1.65}
.net{position:absolute;left:46%;top:-30px;width:380px;height:320px;opacity:.55;pointer-events:none;z-index:0;-webkit-mask:radial-gradient(ellipse at center,#000 45%,transparent 72%);mask:radial-gradient(ellipse at center,#000 45%,transparent 72%)}
@media (max-width:860px){.net{display:none}}
/* canlı deneme laboratuvarı */
.lab{background:#fff;border:1px solid #e8e9f2;border-radius:24px;box-shadow:0 30px 80px rgba(26,26,46,.10);overflow:hidden}
:where(.dark) .lab{background-color:#161a3d;border:1px solid rgba(255,255,255,0.08)}
.lab-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid #eef0f6;flex-wrap:wrap}
:where(.dark) .lab-top{border-bottom:1px solid rgba(255,255,255,0.08)}
.sw{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#3b3f55;cursor:pointer;background:none;border:0;font-family:inherit;padding:0}
:where(.dark) .sw{color:#d5d8ee}
.sw i{width:36px;height:20px;border-radius:999px;background:#d7dae6;position:relative;transition:background .25s;display:inline-block}
:where(.dark) .sw i{background-color:#252a5a}.sw i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .25s}
:where(.dark) .sw i::after{background-color:#161a3d}
.sw.on i{background:#2775ff}.sw.on i::after{transform:translateX(16px)}
.w{cursor:pointer;border-radius:4px;padding:0 1px;transition:background .15s}.w:hover{background:#eef3ff}
:where(.dark) .w:hover{background-color:rgba(77,122,230,0.16)}.w.sel{background:#1a1a2e;color:#fff}.w.unk{background:#fff4e5;color:#b45309;text-decoration:underline dotted}
:where(.dark) .w.unk{background-color:rgba(230,165,77,0.16);color:#f59347}
.sent{line-height:1.9;font-size:17px;color:#1a1a2e;padding:4px 6px;border-radius:8px;transition:background .3s}
:where(.dark) .sent{color:#eef0fa}.sent.play{background:#eef3ff}
:where(.dark) .sent.play{background-color:rgba(77,122,230,0.16)}
.lab-side{background:#f6f7fb;border-left:1px solid #eef0f6;padding:22px;display:flex;flex-direction:column;gap:14px}
:where(.dark) .lab-side{background-color:#1b2048;border-left:1px solid rgba(255,255,255,0.08)}
.ticker{display:flex;gap:28px;width:max-content;animation:rail 30s linear infinite;white-space:nowrap}
.tick-i{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#fff;opacity:.95}
.trust{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.trust>div{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:#fff;border:1px solid #e8e9f2;font-size:13px;font-weight:600;color:#3b3f55}
:where(.dark) .trust>div{background-color:#161a3d;border:1px solid rgba(255,255,255,0.08);color:#d5d8ee}
.q-opt{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid #e2e4ee;border-radius:12px;background:#fff;cursor:pointer;font:inherit;font-size:14px;text-align:left;width:100%;color:#1a1a2e}
:where(.dark) .q-opt{border:1px solid rgba(255,255,255,0.08);background-color:#161a3d;color:#eef0fa}.q-opt:hover{border-color:#2775ff;background:#f0f4ff}
:where(.dark) .q-opt:hover{background-color:#1b2048}
@keyframes countUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* büyüyen filigran başlık (eski sitedeki Gurur Tablomuz efekti) */
@keyframes wmGrow{0%{opacity:0;transform:translateX(-50%) scale(.15);letter-spacing:.25em;filter:blur(6px)}60%{opacity:1;filter:blur(0)}80%{transform:translateX(-50%) scale(1.06);letter-spacing:.03em}100%{opacity:1;transform:translateX(-50%) scale(1);letter-spacing:.04em}}
.wm{position:absolute;left:50%;top:-10px;transform:translateX(-50%) scale(.15);opacity:0;font-size:clamp(40px,7.5vw,96px);max-width:100vw;font-weight:800;letter-spacing:.04em;color:#e9ebf3;white-space:nowrap;line-height:1;pointer-events:none}
.io.on .wm{animation:wmGrow 1.4s cubic-bezier(.2,.8,.2,1) both}
@media (max-width:860px){.wm{font-size:48px}}
/* dalga ayraçlar */
.wave{display:block;width:100%;height:70px}
/* PLATFORM butonu nabzı (eski sitedeki pulse-glow) */
@keyframes glow{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.4)}60%{box-shadow:0 0 0 9px rgba(255,255,255,0)}}
.platform{animation:glow 4.5s ease-in-out infinite}
/* süzülen dekor halkaları */
.ring{position:absolute;border:2px solid rgba(255,255,255,.35);border-radius:50%;pointer-events:none;animation:floatY 7s ease-in-out infinite}
.ring-dark{border-color:rgba(39,117,255,.25)}
@media (prefers-reduced-motion:reduce){.rail,.rail2,.float-b,.blob,.fade-up,.grad-text,.reveal,.reveal-l,.reveal-r,.reveal-zoom,.reveal-blur,.wm,.stagger>*,.stagger-flip>*,.stagger-tilt>*,.stagger-pop>*,.stagger-side>*,.drop-shape,.platform,.ring,.steps-seq .step,.steps-seq .step-n{animation:none;opacity:1;transform:none;transition:none}}
/* ===== Üst şerit (1. katman) — eski sitedeki gibi ikonlu, kayan alt çizgili ===== */
.topbar-wrap{position:relative;z-index:45;background:linear-gradient(90deg,#1c63f0 0%,#3b3fd9 45%,#7a1fd0 100%);border-bottom:1px solid rgba(255,255,255,.14)}
.topbar-sheen{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.topbar-sheen::after{content:'';position:absolute;top:0;bottom:0;width:38%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);animation:tb-sheen 9s ease-in-out infinite}
@keyframes tb-sheen{0%,55%{left:-40%}100%{left:110%}}
.topbar{display:flex;align-items:stretch;justify-content:space-between;height:44px;font-size:13px;font-weight:600;color:#fff;position:relative;z-index:1}
.tb-grp{display:flex;align-items:stretch}
.tb-i{position:relative;display:inline-flex;align-items:center;gap:9px;padding:0 16px;color:#fff;text-decoration:none;white-space:nowrap;transition:background .25s,color .25s;animation:tb-in .6s cubic-bezier(.2,.8,.2,1) both}
.tb-grp .tb-i:nth-child(2){animation-delay:.08s}.tb-grp .tb-i:nth-child(3){animation-delay:.16s}.tb-grp .tb-i:nth-child(4){animation-delay:.24s}
@keyframes tb-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.tb-i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.tb-i::after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:2px;background:#fff;border-radius:2px 2px 0 0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
a.tb-i:hover{background:rgba(255,255,255,.1);color:#fff}
a.tb-i:hover::after{transform:scaleX(1)}
a.tb-i:hover svg{transform:translateY(-1px) scale(1.12)}
.tb-user b{width:22px;height:22px;border-radius:50%;background:#fff;color:#2b19a3;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
:where(.dark) .tb-user b{background-color:#161a3d;color:#b0a6f1}
.topbar .tb-grp:first-child .tb-i:first-child{padding-left:0}.topbar .tb-grp:first-child .tb-i:first-child::after{left:0}
.topbar .tb-grp:last-child .tb-i:last-child{padding-right:0}.topbar .tb-grp:last-child .tb-i:last-child::after{right:0}
@media (max-width:1100px){.topbar-wrap{display:none !important}}
/* 25.10 21.20: dar dizüstü ve tablet yatay (861–1180 px): menü adları tek satır, aralar daralır, telefon numarası yalnız simge (dokununca arar) */
.nav-links>a,.nav-links .dd>a,.nav-links .dd>button,.nav-tel{white-space:nowrap}
@media (max-width:1180px) and (min-width:861px){.mainnav nav.nav-links{gap:18px !important;font-size:12.5px !important;letter-spacing:.04em !important}.nav-tel .tel-yazi{display:none}.nav-tel{width:42px;height:42px;justify-content:center;border:1px solid rgba(255,255,255,.4);border-radius:12px}}

/* ===== Ana menü ögeleri: eski sitedeki orta çizgi animasyonu + diğerlerinin solması ===== */
.nav-links>a,.nav-links .dd>a{position:relative;transition:opacity .25s,color .25s}
.nav-links>a::before,.nav-links .dd>a::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:2px;border-radius:2px;background:rgba(255,255,255,.45);transition:width .3s ease;pointer-events:none}
.nav-links>a:hover::before,.nav-links .dd:hover>a::before{width:100%}
.nav-links .dd:hover>a::before{width:calc(100% - 18px);left:calc(50% - 9px)}
.nav-links:hover>a:not(:hover),.nav-links:hover .dd:not(:hover)>a{opacity:.55}
.nav-links .dd>a svg{transition:transform .3s}.nav-links .dd:hover>a svg{transform:rotate(180deg)}
.nav-links .dd:hover>a::after{display:none;content:'';position:absolute;left:calc(50% - 8px);bottom:-22px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;opacity:0;animation:nav-tri .25s .1s forwards}
:where(.dark) .nav-links .dd:hover>a::after{border-bottom:8px solid rgba(255,255,255,0.08)}
@keyframes nav-tri{to{opacity:1}}

/* ===== Manşet süsleri: yörüngede dönen toplar + köşedeki noktalı halka ===== */
.orbit{position:absolute;width:280px;height:280px;left:-90px;top:-70px;pointer-events:none;z-index:0;opacity:.6}
.orbit i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.22)}
.orbit i.r2{inset:46px;border-color:rgba(255,255,255,.3)}
.orbit i.r3{inset:96px;border-style:dashed;border-color:rgba(255,209,102,.5)}
.orbit u{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#ffd166 70%);box-shadow:0 0 22px rgba(255,209,102,.9)}
.orbit b{position:absolute;left:50%;top:50%;width:0;height:0;animation:orb 10s linear infinite}
.orbit b::after{content:'';position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#2775ff 75%);box-shadow:0 0 14px rgba(120,170,255,.95);transform:translateX(140px)}
.orbit b.o2{animation-duration:6.5s;animation-direction:reverse}.orbit b.o2::after{transform:translateX(94px);width:9px;height:9px;left:-4.5px;top:-4.5px;background:radial-gradient(circle at 35% 35%,#fff,#06b6d4 75%);box-shadow:0 0 12px rgba(6,182,212,.95)}
.orbit b.o3{animation-duration:15s}.orbit b.o3::after{transform:translateX(44px);width:7px;height:7px;left:-3.5px;top:-3.5px;background:#ffd166;box-shadow:0 0 10px #ffd166}
@keyframes orb{to{transform:rotate(360deg)}}
.dotring{position:absolute;left:45px;top:calc(100vh - 65px);width:150px;height:150px;pointer-events:none;z-index:29;opacity:.55;margin:-75px 0 0 -75px}   /* merkez = WhatsApp simgesinin merkezi (sol 10+35, alt 30+35); pencere boyutu değişse de takip eder */
.dotring::before,.dotring::after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,#fff 0 3deg,transparent 3deg 12deg);-webkit-mask:radial-gradient(circle,transparent 60%,#000 61%,#000 66%,transparent 67%);mask:radial-gradient(circle,transparent 60%,#000 61%,#000 66%,transparent 67%);animation:orb 22s linear infinite}
:where(.dark) .dotring::before,:where(.dark) .dotring::after{background-image:repeating-conic-gradient(from 0deg,#161a3d 0 3deg,transparent 3deg 12deg)}
.dotring::after{inset:22px;background:repeating-conic-gradient(from 6deg,rgba(255,209,102,.95) 0 4deg,transparent 4deg 16deg);-webkit-mask:radial-gradient(circle,transparent 56%,#000 57%,#000 64%,transparent 65%);mask:radial-gradient(circle,transparent 56%,#000 57%,#000 64%,transparent 65%);animation-direction:reverse;animation-duration:14s}
/* kavisli ışık şeridi (manşet) */
.swoosh{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}
.sw-glow{opacity:.8}
/* ışık huzmesi: sayfa açılınca bir kez baştan sona gider, sonra kaybolur */
.sw-spark{stroke-dasharray:5 95;stroke-dashoffset:100;opacity:.6;filter:drop-shadow(0 0 3px rgba(255,255,255,.8));animation:sw-run 4.5s ease-in-out .8s 1 forwards}
@keyframes sw-run{0%{stroke-dashoffset:100;opacity:.6}85%{opacity:.6}100%{stroke-dashoffset:-100;opacity:0}}
@media (max-width:860px){.swoosh{display:none}.dotring{display:none}}
@media (max-width:860px){.orbit{width:200px;height:200px;left:-60px;top:-40px;opacity:.4}.orbit b::after{transform:translateX(100px)}.orbit b.o2::after{transform:translateX(66px)}.orbit b.o3::after{transform:translateX(32px)}.dotring{width:100px;height:100px;left:12px;top:8px}}
@media (max-width:860px){
html,body{overflow-x:clip}
.mainnav{position:-webkit-sticky;position:sticky;top:0}
h1.fade-up{font-size:40px !important;line-height:1.2 !important}
.hero-arr{width:36px;height:36px}.hero-arr svg{width:16px;height:16px}.hero-arr.l{left:-18px}.hero-arr.r{right:-18px}
.glass.float-b{position:static !important;margin:0 0 14px !important;max-width:none !important;animation:none !important}
.wm{font-size:14vw !important}
.tl{grid-template-columns:1fr 1fr !important;row-gap:18px}.tl::before{display:none}
.steps-seq .step::after{display:none !important}
.trust{display:grid !important;grid-template-columns:1fr 1fr;gap:10px}
.pdfs{grid-template-columns:1fr !important}
.mainnav>.wrap{height:64px}
.menu-drop{width:calc(100vw - 32px) !important;left:0 !important}
}
@media (max-width:860px){.burger{display:inline-flex !important}.hero-band{grid-template-columns:1fr !important}.hero-band>div:last-child{border-left:0 !important;padding-left:0 !important}.hero-grid{grid-template-columns:1fr !important}.g4{grid-template-columns:1fr 1fr !important}.g3{grid-template-columns:1fr !important}.g2{grid-template-columns:1fr !important}.nav-links{display:none !important}}

/* uygulama ekleri */
.flash-top{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:100;padding:12px 18px;border-radius:14px;font-weight:700;font-size:14px;box-shadow:0 20px 50px rgba(0,0,0,.25);background:#fff;color:#1a1a2e}
:where(.dark) .flash-top{background-color:#161a3d;color:#eef0fa}
.flash-top.ok{background:#ecfdf3;color:#15803d}
:where(.dark) .flash-top.ok{background-color:rgba(77,230,140,0.16);color:#21c65e}.flash-top.err{background:#fff4e5;color:#b45309}
:where(.dark) .flash-top.err{background-color:rgba(230,165,77,0.16);color:#f59347}
.sent .w{cursor:pointer;border-radius:4px;padding:0 1px}.sent .w.sel{background:#ffd166}.sent .w.unk{background:#fee2e2}
:where(.dark) .sent .w.unk{background-color:rgba(230,77,77,0.16)}.sent.play{background:#eef3ff;border-radius:8px}
:where(.dark) .sent.play{background-color:rgba(77,122,230,0.16)}
[hidden]{display:none !important}

/* mobil menü (burger) */
@media (max-width:860px){
  body.nav-open nav.nav-links{display:flex !important;position:absolute !important;left:0 !important;right:0 !important;top:72px !important;z-index:60;width:auto;flex-direction:column;align-items:stretch;gap:0;padding:10px;border-radius:18px;background:rgba(26,26,46,.96);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-height:calc(100vh - 100px);overflow:auto}
  body.nav-open nav.nav-links>a,body.nav-open nav.nav-links .dd>button{display:flex;width:100%;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.08)}
  body.nav-open .dd{position:static}
  body.nav-open .menu-drop{position:static;transform:none;margin:0 0 8px;width:auto}
}
/* üst menü: aktif sayfa çizgisi hizayı bozmaz (diğer ögelerle aynı satırda, MAĞAZA ile ortalı) */
.nav-links>a,.nav-links .dd>button,.nav-links .dd>a{display:inline-flex;align-items:center;height:32px;line-height:1}
.nav-links a.nav-cur,.nav-links button.nav-cur{position:relative}
.nav-links a.nav-cur::after,.nav-links button.nav-cur::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:#ffd166}
.nav-links .dd>a.nav-cur::after{right:18px}   /* ok simgesinin altına taşmasın */

/* ===== Ana sayfa: Sınavını seç / paketler ===== */
.pk-sec{padding:64px 32px 40px;display:flex;flex-direction:column;gap:30px}
.pk-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap}
.pk-head-l{display:flex;flex-direction:column;gap:10px;max-width:640px}
.pk-head-l h2{margin:0}
.grad-text-d{background:linear-gradient(90deg,#2775ff,#4f2bd6);-webkit-background-clip:text;background-clip:text;color:transparent}
:where(.dark) .grad-text-d{background-image:linear-gradient(90deg,#7fabf8,#b2a3ed)}
.pk-sub{margin:0;font-size:14px;line-height:1.6;color:#6b7280}
:where(.dark) .pk-sub{color:#aeb3d1}
.pk-head-r{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.pk-notice{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;border-radius:999px;background:#ecfdf3;color:#15803d;font-size:12.5px;font-weight:700;border:1px solid #bbf7d0}
:where(.dark) .pk-notice{background-color:rgba(77,230,140,0.16);color:#21c65e;border:1px solid rgba(72,234,129,0.35)}
.pk-notice .live{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:pk-pulse 2s infinite}
@keyframes pk-pulse{to{box-shadow:0 0 0 8px rgba(34,197,94,0)}}
.pk-tabs{display:inline-flex;padding:5px;border-radius:999px;background:#eef0f7;border:1px solid #e2e4ee;gap:4px}
:where(.dark) .pk-tabs{background-color:#1b2048;border:1px solid rgba(255,255,255,0.08)}
.pk-tab{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;border:0;background:transparent;color:#5b6075;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:.25s}
:where(.dark) .pk-tab{color:#aeb3d1}
.pk-tab svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pk-tab:hover{color:#1a1a2e}
:where(.dark) .pk-tab:hover{color:#eef0fa}
.pk-tab.on{background:#fff;color:#2b19a3;box-shadow:0 6px 16px rgba(26,26,46,.12)}
:where(.dark) .pk-tab.on{background-color:#161a3d;color:#b0a6f1}
.pk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.pk{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e8e9f2;border-radius:24px;overflow:hidden;box-shadow:0 10px 40px rgba(26,26,46,.06);transition:transform .3s,box-shadow .3s}
:where(.dark) .pk{background-color:#161a3d;border:1px solid rgba(255,255,255,0.08)}
.pk:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(26,26,46,.14)}
.pk-one{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#2775ff,#4f2bd6) border-box;box-shadow:0 18px 50px rgba(79,43,214,.18)}
:where(.dark) .pk-one{background:linear-gradient(#161a3d,#161a3d) padding-box,linear-gradient(135deg,#2775ff,#4f2bd6) border-box}
.pk-band{position:relative;color:#fff;padding:18px 20px 16px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;overflow:hidden}
.pk-band::before{content:'';position:absolute;right:-40px;top:-50px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%)}
.pk-band::after{content:'';position:absolute;left:-30px;bottom:-60px;width:150px;height:150px;border-radius:50%;border:26px solid rgba(255,255,255,.07)}
.pk-band-top,.pk-band-bot{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pk-grp{font-size:11.5px;font-weight:800;letter-spacing:.14em;opacity:.9}
.pk-st{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px)}
.pk-st i{width:7px;height:7px;border-radius:50%;background:#22c55e}.pk-st.warn i{background:#fbbf24}.pk-st.new i{background:#67e8f9}
.pk-one-tag{position:relative;align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.1em;padding:6px 12px;border-radius:999px;background:#ffd166;color:#2a1b7a;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.pk-rozet{font-size:11.5px;font-weight:800;letter-spacing:.06em;color:#ffd166}
.pk-ind{font-size:12px;font-weight:800;padding:5px 10px;border-radius:999px;background:#ff4d6d;color:#fff;box-shadow:0 6px 14px rgba(255,77,109,.4)}
.pk-body{display:flex;flex-direction:column;gap:14px;padding:22px 22px 24px;flex:1}
.pk-title{font-size:20px;font-weight:800;line-height:1.25;color:#1a1a2e;text-decoration:none;letter-spacing:-.01em}
:where(.dark) .pk-title{color:#eef0fa}
.pk-title:hover{color:#2b19a3}
:where(.dark) .pk-title:hover{color:#b0a6f1}
.pk-desc{margin:0;font-size:13.5px;line-height:1.55;color:#5b6075;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:where(.dark) .pk-desc{color:#aeb3d1}
.pk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.pk-list li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:#3b3f55}
:where(.dark) .pk-list li{color:#d5d8ee}
.pk-list svg{flex:none;margin-top:1px;color:#22c55e;background:#ecfdf3;border-radius:50%;padding:2px;width:18px;height:18px}
:where(.dark) .pk-list svg{background-color:rgba(77,230,140,0.16)}
.pk-foot{margin-top:auto;padding-top:16px;border-top:1px dashed #e8e9f2;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
:where(.dark) .pk-foot{border-top:1px dashed rgba(255,255,255,0.08)}
.pk-price{display:flex;flex-direction:column;gap:2px}
.pk-price s{font-size:12.5px;color:#9aa0b4}
:where(.dark) .pk-price s{color:#7d83a8}
.pk-price b{font-size:28px;font-weight:800;line-height:1;letter-spacing:-.02em;color:#1a1a2e}
:where(.dark) .pk-price b{color:#eef0fa}
.pk-price small{font-size:11.5px;color:#6b7280;margin-top:3px}
:where(.dark) .pk-price small{color:#aeb3d1}
.pk-btn{height:44px;padding:0 20px;white-space:nowrap}
.pk-soon{align-items:center;justify-content:center;padding:28px;text-align:center;background:linear-gradient(135deg,#f6f7fb,#eef1fb);border:1px dashed #c9cfe6;box-shadow:none}
:where(.dark) .pk-soon{background-image:linear-gradient(135deg,#1b2048,#1b2048);border:1px dashed rgba(116,131,190,0.35)}
.pk-soon-t{font-size:22px;font-weight:800;margin:6px 0 8px}.pk-soon-d{font-size:13.5px;color:#6b7280;line-height:1.55;max-width:260px;margin:0 auto}
:where(.dark) .pk-soon-d{color:#aeb3d1}
.pk-more{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:18px;font-size:13.5px;color:#5b6075}
:where(.dark) .pk-more{color:#aeb3d1}
.pk-more a{font-weight:700}.pk-more-all{margin-left:auto}
@media (max-width:1000px){.pk-grid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.pk-sec{padding:44px 16px 24px}.pk-grid{grid-template-columns:1fr}.pk-head-r{align-items:flex-start}.pk-tabs{width:100%}.pk-tab{flex:1;justify-content:center;padding:0 10px}.pk-more-all{margin-left:0}}

/* ===== SSS akordeonu ===== */
.sss{display:flex;flex-direction:column;gap:12px}
.sss-i{border:1px solid #e8e9f2;border-radius:18px;background:#fff;overflow:hidden;transition:box-shadow .3s,border-color .3s,transform .3s}
:where(.dark) .sss-i{border:1px solid rgba(255,255,255,0.08);background-color:#161a3d}
.sss-i[open]{border-color:#c7d2fe;box-shadow:0 18px 40px rgba(43,25,163,.1)}
:where(.dark) .sss-i[open]{border-color:rgba(71,104,235,0.35)}
.sss-i summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:18px 20px;font-weight:700;font-size:16.5px;color:#1a1a2e;user-select:none}
:where(.dark) .sss-i summary{color:#eef0fa}
.sss-i summary::-webkit-details-marker{display:none}
.sss-n{flex:none;width:34px;height:34px;border-radius:10px;background:#f1f3fb;color:#4f2bd6;font-size:12px;font-weight:800;display:grid;place-items:center;letter-spacing:.04em;transition:.3s}
:where(.dark) .sss-n{background-color:#1b2048;color:#b2a3ed}
.sss-i[open] .sss-n{background:linear-gradient(135deg,#2775ff,#4f2bd6);color:#fff}
.sss-q{flex:1;line-height:1.3}
.sss-ic{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:#eef2ff;transition:.3s}
:where(.dark) .sss-ic{background-color:rgba(77,113,230,0.16)}
.sss-ic i{position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:#2775ff;border-radius:2px;transition:transform .3s}
.sss-ic i:last-child{transform:rotate(90deg)}
.sss-i[open] .sss-ic{background:#1a1a2e;transform:rotate(180deg)}.sss-i[open] .sss-ic i{background:#fff}.sss-i[open] .sss-ic i:last-child{transform:rotate(0)}
.sss-i:hover:not([open]){border-color:#c9cfe6;transform:translateY(-1px)}
:where(.dark) .sss-i:hover:not([open]){border-color:rgba(116,131,190,0.35)}
.sss-a{overflow:hidden;transition:height .35s cubic-bezier(.2,.8,.2,1)}
.sss-a>div{padding:0 20px 20px 70px;font-size:14.5px;line-height:1.7;color:#4b5068}
:where(.dark) .sss-a>div{color:#d5d8ee}
@media (max-width:700px){.sss-a>div{padding-left:20px}.sss-i summary{font-size:15px;padding:16px}}
.rc-not{margin:10px 0 0;font-size:11.5px;color:#9aa0b4;text-align:center}
:where(.dark) .rc-not{color:#7d83a8}.rc-not a{color:#6b7280}
:where(.dark) .rc-not a{color:#aeb3d1}

/* ===== Üst şerit açılır menüleri: kullanıcı menüsü + Bizi Paylaşın (eski header dropdown'ları) ===== */
.tb-dd{position:relative;display:flex;align-items:stretch}
.tb-dd-btn{background:none;border:0;font:inherit;cursor:pointer;color:#fff}
.tb-dd-btn:hover,.tb-dd.acik .tb-dd-btn{background:rgba(255,255,255,.12)}
.tb-dd.acik .tb-dd-btn::after,.tb-dd:hover .tb-dd-btn::after{transform:scaleX(1)}
.tb-crt{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:2px;transition:transform .3s;opacity:.85}
.tb-dd.acik .tb-crt,.tb-dd:hover .tb-crt{transform:rotate(225deg) translateY(-1px)}
.tb-dd-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:250px;background:#fff;color:#1a1a2e;border-radius:18px;box-shadow:0 24px 60px rgba(20,16,60,.25),0 0 0 1px rgba(26,26,46,.06);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px) scale(.98);transform-origin:top right;transition:.22s cubic-bezier(.2,.8,.2,1);z-index:60}
.tb-dd-menu::before{content:'';position:absolute;top:-8px;left:0;right:0;height:8px}
.tb-dd-menu::after{content:'';position:absolute;top:-6px;right:28px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-radius:2px}
.tb-grp:first-child .tb-dd-menu{right:auto;left:0;transform-origin:top left}.tb-grp:first-child .tb-dd-menu::after{right:auto;left:28px}
.tb-dd:hover .tb-dd-menu,.tb-dd.acik .tb-dd-menu,.tb-dd:focus-within .tb-dd-menu{opacity:1;visibility:visible;transform:none}
.tb-dd-h{padding:10px 12px 12px;border-bottom:1px solid #eef0f6;margin-bottom:6px}
.tb-dd-h b{display:block;font-size:14px;font-weight:800}.tb-dd-h span{display:block;font-size:12px;color:#8a90a8;margin-top:2px;font-weight:500}
:where(.dark) .tb-dd-h span{color:#7d83a8}
.tb-dd-i{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:9px 12px;border-radius:11px;font-size:13.5px;font-weight:700;color:#2b2f45;text-decoration:none;background:none;border:0;font-family:inherit;cursor:pointer;text-align:left;transition:.18s;animation:none}
.tb-dd-i svg{width:16px;height:16px;fill:none;stroke:#3b3fd9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .2s}
.tb-dd-i:hover{background:#eef3ff;color:#1d4ed8}.tb-dd-i:hover svg{transform:translateX(2px)}
.tb-dd-i.cikis{color:#dc2626}
:where(.dark) .tb-dd-i.cikis{color:#ee9494}.tb-dd-i.cikis svg{stroke:#dc2626}.tb-dd-i.cikis:hover{background:#fff1f2}
:where(.dark) .tb-dd-i.cikis:hover{background-color:#1b2048}
.tb-dd-menu form{margin:6px 0 0;padding-top:6px;border-top:1px solid #eef0f6}
.tb-sos{min-width:300px}
.tb-sos-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tb-sos-i{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;font-size:12.5px;font-weight:700;color:#2b2f45;text-decoration:none;background:#f6f7fb;border:0;font-family:inherit;cursor:pointer;transition:.2s;animation:none;text-align:left}
.tb-sos-i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .3s}
.tb-sos-i:hover{color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px rgba(26,26,46,.15)}.tb-sos-i:hover svg{transform:scale(1.15) rotate(-6deg)}
.tb-sos-i.facebook:hover{background:#1877f2}.tb-sos-i.instagram:hover{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7)}.tb-sos-i.twitter:hover{background:#111}.tb-sos-i.youtube:hover{background:#ff0000}.tb-sos-i.wa:hover{background:#25d366}.tb-sos-i.kopya:hover{background:#3b3fd9}
html.dark .tb-dd-menu{background:#171a2e;color:#e8e9f2;box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08)}html.dark .tb-dd-menu::after{background:#171a2e}
html.dark .tb-dd-h{border-color:rgba(255,255,255,.08)}html.dark .tb-dd-i{color:#e8e9f2}html.dark .tb-dd-i:hover{background:rgba(59,63,217,.25);color:#fff}html.dark .tb-sos-i{background:rgba(255,255,255,.06);color:#e8e9f2}html.dark .tb-dd-menu form{border-color:rgba(255,255,255,.08)}

/* ===== Mini sepet (eski brk-mini-cart: ikon + adet; üzerine gelince içerik — "Sepetim" yazısı isteğe göre kaldırıldı) ===== */
.mini-cart{position:relative;display:flex;align-items:center}
/* yalnız ikon; üzerine gelince lacivertleşmez, beyaz parıltı yayar */
.mc-open,.mc-open:hover,.mc-open:focus-visible{color:#fff}
.mc-open{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;text-decoration:none;position:relative;transition:background .25s,box-shadow .25s,transform .25s}
.mc-open svg{transition:filter .25s,transform .25s}
.mini-cart:hover .mc-open,.mc-open:focus-visible{background:radial-gradient(circle,rgba(255,255,255,.34),rgba(255,255,255,.12) 70%);box-shadow:0 0 0 1.5px rgba(255,255,255,.7),0 0 16px 2px rgba(255,255,255,.75),0 0 40px 6px rgba(255,226,150,.45);outline:0;transform:translateY(-1px)}
.mini-cart:hover .mc-open svg,.mc-open:focus-visible svg{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px #fff) drop-shadow(0 0 14px rgba(255,236,170,.9));transform:scale(1.1)}
.mini-cart:hover .mc-badge{box-shadow:0 0 0 2px #fff,0 0 12px rgba(239,68,68,.8)}
.mc-hata-btn{display:flex;gap:8px;margin-top:4px}
.mc-dn{display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border-radius:50%;border:2px solid #dfe3f3;border-top-color:#4f2bd6;animation:mc-don .8s linear infinite}
:where(.dark) .mc-dn{border:2px solid rgba(107,125,199,0.35)}
@keyframes mc-don{to{transform:rotate(360deg)}}
.mc-badge{position:absolute;top:0;right:-2px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px rgba(0,0,0,.15);animation:mc-pop .4s cubic-bezier(.2,1.4,.4,1)}
@keyframes mc-pop{from{transform:scale(.4)}to{transform:scale(1)}}
.mc-panel{position:absolute;top:calc(100% + 10px);right:-8px;width:360px;max-width:calc(100vw - 24px);background:#fff;color:#1a1a2e;border-radius:20px;box-shadow:0 30px 70px rgba(20,16,60,.28),0 0 0 1px rgba(26,26,46,.06);opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transform-origin:top right;transition:.24s cubic-bezier(.2,.8,.2,1);z-index:70}
.mc-panel::before{content:'';position:absolute;top:-12px;left:0;right:0;height:12px}
.mc-panel::after{content:'';position:absolute;top:-6px;right:22px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-radius:2px}
.mini-cart:hover .mc-panel,.mini-cart:focus-within .mc-panel{opacity:1;visibility:visible;transform:none}
.mc-panel-ic{padding:14px}
.mc-h{display:flex;justify-content:space-between;align-items:baseline;padding:2px 4px 10px;border-bottom:1px solid #eef0f6}.mc-h b{font-size:15px;font-weight:800}.mc-h span{font-size:12px;color:#8a90a8;font-weight:600}
:where(.dark) .mc-h span{color:#7d83a8}
.mc-list{max-height:280px;overflow:auto;margin:6px -4px 0;padding:0 4px}
.mc-row{display:grid;grid-template-columns:48px 1fr auto 24px;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px dashed #eef0f6}
.mc-row:last-child{border-bottom:0}
.mc-row img,.mc-ph{width:48px;height:48px;border-radius:10px;object-fit:cover;background:linear-gradient(135deg,#2775ff,#7c3aed);display:block}
.mc-info{min-width:0}.mc-info a{display:block;font-size:13px;font-weight:700;color:#1a1a2e;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-info a:hover{color:#2775ff}
:where(.dark) .mc-info a:hover{color:#7fabf8}
.mc-info small{display:block;font-size:11.5px;color:#8a90a8;margin-top:2px}
:where(.dark) .mc-info small{color:#7d83a8}
.mc-row>b{font-size:13.5px;white-space:nowrap}
.mc-del{width:24px;height:24px;border:0;border-radius:8px;background:#f3f4fa;color:#8a90a8;font-size:11px;cursor:pointer;transition:.2s}
:where(.dark) .mc-del{color:#7d83a8}.mc-del:hover{background:#fee2e2;color:#dc2626}
:where(.dark) .mc-del:hover{background-color:rgba(230,77,77,0.16);color:#ee9494}
.mc-tot{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 4px;font-size:13px;color:#6b7280;font-weight:600}
:where(.dark) .mc-tot{color:#aeb3d1}.mc-tot b{font-size:17px;color:#1a1a2e}.mc-tot small{font-weight:500;color:#9aa0b4}
:where(.dark) .mc-tot small{color:#7d83a8}
.mc-tot.ind{padding-top:10px;border-top:1px solid #eef0f6}.mc-tot.ind b{font-size:13px;color:#15803d}
:where(.dark) .mc-tot.ind b{color:#21c65e}
.mc-btns{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;margin-top:10px}
.mc-btns .btn.sm{height:42px;font-size:13px;border-radius:12px}
.mc-bos{text-align:center;padding:22px 10px 14px;display:flex;flex-direction:column;align-items:center;gap:6px}
.mc-bos svg{width:40px;height:40px;fill:none;stroke:#c9cde0;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mc-bos b{font-size:14px}.mc-bos span{font-size:12.5px;color:#8a90a8;margin-bottom:8px}
:where(.dark) .mc-bos span{color:#7d83a8}
.mc-yuk{padding:30px;text-align:center;color:#9aa0b4;font-size:13px}
:where(.dark) .mc-yuk{color:#7d83a8}
html.dark .mc-panel{background:#171a2e;color:#e8e9f2;box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08)}html.dark .mc-panel::after{background:#171a2e}
html.dark .mc-h,html.dark .mc-row,html.dark .mc-tot.ind{border-color:rgba(255,255,255,.08)}html.dark .mc-info a,html.dark .mc-tot b,html.dark .mc-bos b{color:#e8e9f2}html.dark .mc-del{background:rgba(255,255,255,.08)}
@media (max-width:860px){.mc-panel{display:none}}
.zh-ava{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;object-fit:cover;color:#fff;font-weight:800;line-height:1;flex:none;vertical-align:middle;box-shadow:0 0 0 2px rgba(255,255,255,.7),0 4px 12px rgba(0,0,0,.18);user-select:none}.zh-ava.hazir{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}

/* ===== Gurur tablosu: sayaçlar + yorum rayı (eski testimonials-dash + kullaniciyorumlari) ===== */
.gt-sayac{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.gt-k{position:relative;padding:24px 22px;border-radius:22px;background:linear-gradient(160deg,#fff,#f3f6ff);border:1px solid #e8ebf7;box-shadow:0 10px 30px rgba(26,26,46,.06);overflow:hidden;transition:.3s}
.gt-k::before{content:'';position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(39,117,255,.16),transparent 70%)}
.gt-k:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(39,117,255,.14)}
.gt-k b{display:block;font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1;background:linear-gradient(120deg,#2775ff,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
:where(.dark) .gt-k b{background-image:linear-gradient(120deg,#7fabf8,#c0a1f6)}
.gt-k span{display:block;margin-top:6px;font-size:14px;font-weight:800;color:#1a1a2e}
.gt-k small{display:block;margin-top:4px;font-size:12.5px;color:#6b7280;line-height:1.4}
:where(.dark) .gt-k small{color:#aeb3d1}
.yk-filtre{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.yk-filtre button{height:38px;padding:0 16px;border-radius:999px;border:1px solid #e2e4ee;background:#fff;font:inherit;font-size:13px;font-weight:700;color:#3b3f55;cursor:pointer;transition:.2s}
.yk-filtre button:hover{border-color:#2775ff;color:#2775ff}
:where(.dark) .yk-filtre button:hover{color:#7fabf8}.yk-filtre button.on{background:linear-gradient(120deg,#2775ff,#4f2bd6);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(79,43,214,.25)}
.yk-ipucu{margin-left:auto;font-size:12px;color:#9aa0b4;font-weight:600}
:where(.dark) .yk-ipucu{color:#7d83a8}
.yk-rail-sar{margin:0 -32px;padding:10px 32px 24px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.yk-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;padding:6px 2px}
.yk-rail::-webkit-scrollbar{display:none}.yk-rail.tutuldu{cursor:grabbing;scroll-snap-type:none}
.yk{flex:0 0 min(380px,86vw);scroll-snap-align:start;position:relative;padding:26px;border-radius:24px;background:#fff;border:1px solid #e8ebf7;box-shadow:0 10px 30px rgba(26,26,46,.06);display:flex;flex-direction:column;gap:14px;transition:.3s;user-select:none}
.yk:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(39,117,255,.14);border-color:rgba(39,117,255,.3)}
.yk.gizli{display:none}
.yk-ust{display:flex;align-items:center;gap:12px}
.yk-ava{width:54px;height:54px;border-radius:16px;color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;flex:none;box-shadow:0 8px 18px rgba(0,0,0,.15)}
.yk-kim{flex:1;min-width:0}.yk-kim b{display:block;font-size:15px;font-weight:800}.yk-kim span{display:block;font-size:12.5px;color:#6b7280;margin-top:2px}
:where(.dark) .yk-kim span{color:#aeb3d1}
.yk-puan{text-align:right;padding:6px 12px;border-radius:12px;background:#f0f4ff}
.yk-puan small{display:block;font-size:10px;letter-spacing:.1em;font-weight:800;color:#2775ff}
:where(.dark) .yk-puan small{color:#7fabf8}.yk-puan b{font-size:20px;font-weight:800;letter-spacing:-.02em;color:#1a1a2e}
.yk-tirnak{position:absolute;right:22px;top:88px;width:34px;height:34px;color:#eef1fb}
.yk p{margin:0;font-size:15px;line-height:1.65;color:#3b3f55;position:relative}
.yk-link{font-size:13px;font-weight:700;color:#2775ff;text-decoration:none}
:where(.dark) .yk-link{color:#7fabf8}.yk-link:hover{text-decoration:underline}
.yk-rozet{position:absolute;left:22px;bottom:-10px;padding:3px 10px;border-radius:999px;background:#ecfdf3;color:#15803d;font-size:11px;font-weight:800;border:1px solid #bbf7d0}
:where(.dark) .yk-rozet{background-color:rgba(77,230,140,0.16);color:#21c65e;border:1px solid rgba(72,234,129,0.35)}
html.dark .gt-k,html.dark .yk{background:#171a2e;border-color:rgba(255,255,255,.08)}html.dark .gt-k span,html.dark .yk-kim b,html.dark .yk-puan b{color:#e8e9f2}html.dark .yk p{color:#c7cbe0}html.dark .yk-puan{background:rgba(39,117,255,.15)}html.dark .yk-tirnak{color:rgba(255,255,255,.06)}html.dark .yk-filtre button{background:#171a2e;border-color:rgba(255,255,255,.1);color:#c7cbe0}
.yk-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.yk-izgara .yk{flex:none}
.yk-daha{display:flex;justify-content:center;margin-top:28px}
@media (max-width:960px){.gt-sayac{grid-template-columns:1fr 1fr}.yk-izgara{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.gt-sayac{grid-template-columns:1fr 1fr}.gt-k b{font-size:30px}.yk-izgara{grid-template-columns:1fr}.yk-rail-sar{margin:0 -16px;padding:10px 16px 24px}}

/* ===== Neden Biz? (eski zaman çizelgesi) ===== */
.nb-sec{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;align-items:center}
.nb-sol h2{margin:8px 0 12px}.nb-sol p{margin:0;font-size:16px;line-height:1.65;color:#5b6075}
.nb-sol .btn{margin-top:22px}
.nb-liste{position:relative;display:flex;flex-direction:column;gap:0;padding-left:34px}
.nb-liste::before{content:'';position:absolute;left:11px;top:14px;bottom:14px;width:2px;background:linear-gradient(#2775ff,#7c3aed,#f59e0b);border-radius:2px;opacity:.5}
.nb-i{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 20px;border-radius:20px;transition:.3s}
.nb-i::before{content:'';position:absolute;left:-30px;top:50%;width:14px;height:14px;border-radius:50%;background:var(--nb,#2775ff);transform:translateY(-50%);box-shadow:0 0 0 5px #fff,0 0 0 7px var(--nb,#2775ff);transition:.3s}
.nb-i:hover{background:#fff;box-shadow:0 18px 40px rgba(26,26,46,.08);transform:translateX(6px)}.nb-i:hover::before{transform:translateY(-50%) scale(1.3)}
.nb-i .nb-et{display:grid;margin:0;font-size:13px;color:#fff;width:76px;height:56px;border-radius:14px;background:var(--nb,#2775ff);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;letter-spacing:.04em;box-shadow:0 10px 22px color-mix(in srgb,var(--nb,#2775ff) 40%,transparent)}
.nb-i b{display:block;font-size:16px;font-weight:800}.nb-i span{display:block;font-size:13.5px;color:#5b6075;margin-top:3px;line-height:1.5}
:where(.dark) .nb-i span{color:#aeb3d1}
.nb-i a{white-space:nowrap;font-size:12.5px;font-weight:800;color:var(--nb,#2775ff);text-decoration:none;padding:9px 14px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--nb,#2775ff) 40%,transparent);transition:.2s}
.nb-i a:hover{background:var(--nb,#2775ff);color:#fff}
html.dark .nb-i:hover{background:#171a2e}html.dark .nb-i::before{box-shadow:0 0 0 5px #0e1020,0 0 0 7px var(--nb,#2775ff)}html.dark .nb-i div>span,html.dark .nb-sol p{color:#b8bdd4}html.dark .nb-i a{color:color-mix(in srgb,var(--nb,#2775ff) 55%,#fff);border-color:color-mix(in srgb,var(--nb,#2775ff) 55%,transparent)}
@media (max-width:960px){.nb-sec{grid-template-columns:1fr}.nb-i{grid-template-columns:auto 1fr}.nb-i a{grid-column:2}}

/* ===== Demo sınıf çağrısı ===== */
.demo-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 26px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.demo-cta b{display:block;font-size:17px}.demo-cta span{font-size:14px;color:#b8bdd4}

/* ===== Mobil menü çekmecesi (≤860 px) + dar ekranda üst şerit ===== */
.mm,.mm-perde{display:none}
@media (max-width:860px){
  body.nav-open nav.nav-links{display:none !important}   /* eski açılır liste yerine çekmece */
  .mainnav .wrap>div:last-child{gap:8px !important}
  .mainnav .burger{order:9}
  .mm-perde{display:block;position:fixed;inset:0;z-index:90;background:rgba(10,8,30,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}
  .mm{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;z-index:91;width:min(88vw,390px);background:#15122e;color:#fff;box-shadow:-30px 0 80px rgba(0,0,0,.45);transform:translateX(102%);transition:transform .3s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}
  .mm[hidden],.mm-perde[hidden]{display:none !important}
  body.nav-open .mm{transform:none}
  body.nav-open .mm-perde{opacity:1}
  body.nav-open{overflow:hidden}
  .mm-bas{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
  .mm-logo img{height:24px;width:auto;display:block}
  .mm-x{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center;cursor:pointer}
  .mm-govde{flex:1;overflow-y:auto;padding:14px 14px 10px;display:flex;flex-direction:column;gap:6px}
  .mm-hizli{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
  .mm-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:14px;font-size:13.5px;font-weight:800;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}
  .mm-btn.birincil{background:#fff;color:#2a1b7a;border-color:#fff}
  .mm-ana{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:14px;color:#fff;text-decoration:none;font-weight:800;font-size:15px}
  .mm-ana.on,.mm-ana:hover{background:rgba(255,255,255,.07)}
  .mm-grup{border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
  .mm-grup summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .mm-grup summary::-webkit-details-marker{display:none}
  .mm-grup summary b{display:block;font-size:15px}
  .mm-grup summary small{display:block;font-size:12px;color:rgba(255,255,255,.55);margin-top:2px}
  .mm-ok{transition:transform .2s;opacity:.7}
  .mm-grup[open] .mm-ok{transform:rotate(180deg)}
  .mm-liste{display:flex;flex-direction:column;gap:2px;padding:0 6px 8px}
  .mm-o{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:12px;color:#fff;text-decoration:none}
  .mm-o:hover,.mm-o.on{background:rgba(255,255,255,.08)}
  .mm-o.on b{color:#ffd166}
  .mm-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}
  .mm-o b{display:block;font-size:14px}
  .mm-o small{display:block;font-size:11.5px;color:rgba(255,255,255,.55)}
  .mm-tumu{align-self:flex-start;margin:4px 8px 2px;font-size:13px;font-weight:800;color:#a5b4fc;text-decoration:none}
  .mm-kurumsal{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
  .mm-kurumsal a{padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.85);text-decoration:none;font-size:13.5px;font-weight:700}
  .mm-alt{padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px}
  .mm-iletisim{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mm-tel,.mm-wa{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:12px;text-decoration:none;color:#fff;font-weight:800;font-size:13px}
  .mm-tel{background:rgba(255,255,255,.08)}
  .mm-wa{background:#25d366;color:#06381c}
  .mm-wa .fa{width:16px;height:16px}
  .mm-alt-sat{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .mm-sosyal{display:flex;gap:8px}
  .mm-sosyal a{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:#fff}
  .mm-sosyal .fa{width:15px;height:15px}
  .mm-tema{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
}
@media (max-width:860px) and (prefers-reduced-motion:reduce){.mm,.mm-perde{transition:none}}
@media (max-width:600px){
  .mainnav .tema-btn{display:none !important}
  .mainnav .platform{width:42px;padding:0 !important;justify-content:center}
  .mainnav .platform .pl-yazi{display:none}
}
@media (max-width:420px){.mainnav .wrap>a img{height:24px !important}}
@media (max-width:860px){body.nav-open .wa-float,body.nav-open #lpw-root,body.nav-open #lpw-fab,body.nav-open .lpw-fab{display:none !important}}
/* manşet afişi: türe göre ana görsel (senkron canlı ders · kitap yığını · tablette PDF; asenkron eski .p2-mon) */
.p3-merkez{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-52%);overflow:visible;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35))}
.p3-canli circle{animation:p3Canli 1.4s ease-in-out infinite}
@keyframes p3Canli{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.p3-canli circle{animation:none}}
/* popüler PDF kartı: kartın tamamı kaynak sayfasına, "PDF'i indir" doğrudan dosyaya (iç içe bağlantı olmadan) */
.pdfc-a{position:absolute;inset:0;z-index:2;border-radius:inherit}
.pdfc .pf{position:relative;z-index:3}
.pdfc a.pdl{text-decoration:none;color:inherit}

/* ===== Mobil düzeltmeler (2026-10-25) ===== */
/* manşet ve "12 bileşen" rayları elle kaydırılır (site.js surukle): sürüklerken seçim/imleç */
.rail-mask.suruklen{cursor:grabbing}.rail-mask.suruklen *{-webkit-user-select:none;user-select:none}
/* Gurur tablosu sayaçları: rakam kart genişliğine göre ölçeklenir, taşmaz */
.gt-k{container-type:inline-size}.gt-k b{white-space:nowrap}
@media (max-width:640px){.gt-sayac{gap:12px}.gt-k{padding:18px 14px;border-radius:18px}.gt-k b{font-size:clamp(21px,7vw,30px);font-size:min(30px,25cqi)}.gt-k span{font-size:13px}.gt-k small{font-size:12px}}
/* başarı hikâyeleri: kart rayın içine sığar (dolgu genişliğe dahil), sonraki kart kenardan görünür; alttaki düğme ekrana sığar */
@media (max-width:640px){
  .yk-rail{gap:14px}
  .yk{box-sizing:border-box;min-width:0;flex-basis:calc(100% - 32px);padding:20px 18px;gap:12px}
  .yk-ava{width:46px;height:46px;border-radius:14px;font-size:18px}
  .yk-tirnak{top:auto;bottom:14px;right:16px;width:28px;height:28px}
  .yk p{font-size:14.5px;overflow-wrap:anywhere}
  .yk-ipucu{margin-left:0}
  .yk-tumu{min-width:0 !important;width:100%;max-width:340px;box-sizing:border-box;padding:0 14px}
  .yk-tumu::before,.yk-tumu::after{font-size:14px}
}
/* Hakkımızda · zaman çizelgesi: daire ile yıl arası açıldı */
.tl-i{padding-top:30px}.tl::before{top:22px}
.tl-i b{line-height:1.2}
@media (max-width:860px){.tl{row-gap:30px !important;column-gap:16px;padding-top:18px}.tl-i{gap:7px}}
@media (max-width:640px){.hk-kart{padding:28px 22px !important;gap:32px !important}.hk-kart h2{font-size:28px !important}}
/* İletişime geçin: "İletişim İçin:" ve telefonlar alt alta, metin mor zeminin içinde kalır */
@media (max-width:860px){
  .ilt-sol{padding:84px 36px 64px 32px !important}
  .ilt-sol h2{font-size:36px !important;line-height:1.08 !important}
  .ilt-h2-alt{display:block}
  .ilt-sira{flex-direction:column;gap:10px !important}
  section.g2 .drop-shape{right:10px}
}
/* Footer: e-posta ve iki telefon ayrı satırlarda; mobilde sabit WhatsApp / Hocaya Sor düğmeleri sosyal bağlantıları örtmesin */
.ftr-ilt{display:flex;flex-direction:column;gap:6px;font-size:14px}.ftr-ilt a{color:#b8bdd4;white-space:nowrap;align-self:flex-start}.ftr-ilt a:hover{color:#fff}
.ftr-sos i{font-style:normal}
@media (max-width:860px){
  .ftr>.wrap{padding-bottom:calc(128px + env(safe-area-inset-bottom)) !important}
  .ftr-alt{flex-direction:column;align-items:flex-start !important;gap:14px !important}
  .ftr-sos{display:flex;flex-wrap:wrap;gap:8px}
  .ftr-sos i{display:none}
  .ftr-sos a{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#e3e6f5 !important;font-weight:700}
}
/* dar telefonlarda (≤ 380 px) logo üst menüdeki düğmelerin altına girmesin */
@media (max-width:380px){.mainnav .wrap>a img{height:21px !important}.mainnav .wrap>div:last-child{gap:6px !important}}

/* ===== Başarı hikâyeleri · "Sen de Yorum Ekle" (eski kullaniciyorumlari.php modalı; yorum_ekle.js) ===== */
.yd-cagri{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:6px 0 2px}
.yd-cagri p{margin:0;font-size:17px;color:#5b6075;max-width:640px;line-height:1.55}
.yd-ac{gap:10px;border-radius:999px;height:50px;padding:0 28px}
html.yd-acik{overflow:hidden}
.yd{border:0;padding:0;margin:auto;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border-radius:22px;background:#fff;color:#1a1a2e;box-shadow:0 40px 100px rgba(10,8,40,.45);overflow:auto;overscroll-behavior:contain}
.yd::backdrop{background:rgba(12,10,40,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.yd.yd-eski{position:fixed;inset:12px;z-index:200}
.yd[open]{animation:ydGel .28s cubic-bezier(.2,.8,.2,1)}
@keyframes ydGel{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.yd-form{position:relative;padding:28px 28px 24px;display:flex;flex-direction:column;gap:14px}
.yd-form h2{margin:0;font-size:24px;line-height:1.2;padding-right:40px}
.yd-alt{margin:-6px 0 0;font-size:13.5px;color:#6b7280;line-height:1.5}
:where(.dark) .yd-alt{color:#aeb3d1}
.yd-kapat{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:12px;border:1px solid #e2e4ee;background:#fff;font-size:24px;line-height:1;color:#6b7280;cursor:pointer}
.yd-kapat:hover{color:#1a1a2e;border-color:#c9cede}
:where(.dark) .yd-kapat:hover{color:#eef0fa;border-color:rgba(255,255,255,0.14)}
.yd-tuzak{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.yd-izgara{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.yd-g{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#3b3f55;min-width:0}
.yd-g input[type=text],.yd-g textarea{width:100%;box-sizing:border-box;border:1.5px solid #e2e4ee;border-radius:12px;padding:11px 13px;font:inherit;font-size:15px;font-weight:500;color:#1a1a2e;background:#fff;outline:0;transition:border-color .2s,box-shadow .2s}
.yd-g textarea{resize:vertical;min-height:120px;line-height:1.55}
.yd-g input:focus,.yd-g textarea:focus{border-color:#4f2bd6;box-shadow:0 0 0 4px rgba(79,43,214,.12)}
.yd-g small{font-size:12px;font-weight:600;color:#dc2626;min-height:0}
:where(.dark) .yd-g small{color:#ee9494}
.yd-g small:empty{display:none}
.yd-g.hata input,.yd-g.hata textarea{border-color:#dc2626}
.yd-sinav{border:0;margin:0;padding:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
.yd-sinav legend{float:left;width:100%;margin-bottom:6px;padding:0}
.yd-sinav label{position:relative;cursor:pointer}
.yd-sinav input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.yd-sinav span{display:inline-flex;align-items:center;height:42px;padding:0 22px;border-radius:999px;border:1.5px solid #e2e4ee;background:#fff;font-size:14px;font-weight:800;color:#3b3f55;transition:.2s}
.yd-sinav input:checked+span{background:linear-gradient(120deg,#2775ff,#4f2bd6);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(79,43,214,.25)}
.yd-sinav input:focus-visible+span{outline:3px solid rgba(79,43,214,.35);outline-offset:2px}
.yd-sinav small{width:100%}
.yd-say{align-self:flex-end;font-size:12px;font-weight:600;color:#9aa0b4;margin-top:-2px}
:where(.dark) .yd-say{color:#7d83a8}.yd-say.tamam{color:#15803d}
:where(.dark) .yd-say.tamam{color:#21c65e}
.yd-gonder{width:100%;height:52px;border-radius:14px;margin-top:4px}
.yd-gonder:disabled{opacity:.7;cursor:wait}
.yd-mesaj{padding:12px 14px;border-radius:12px;font-size:14px;font-weight:600;line-height:1.45}
.yd-mesaj.hata{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
:where(.dark) .yd-mesaj.hata{background-color:#1b2048;color:#ef9494;border:1px solid rgba(235,71,71,0.35)}
.yd-rc-not{margin:0;font-size:11.5px;color:#9aa0b4;text-align:center}
:where(.dark) .yd-rc-not{color:#7d83a8}.yd-rc-not a{color:#6b7280}
:where(.dark) .yd-rc-not a{color:#aeb3d1}
.yd-tamam{padding:40px 28px 32px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.yd-tamam-ic{font-size:48px;line-height:1}
.yd-tamam-m{margin:0;font-size:16px;line-height:1.6;color:#1a1a2e;font-weight:600;max-width:420px}
@media (max-width:560px){.yd-form{padding:22px 18px 20px}.yd-izgara{grid-template-columns:1fr}.yd-form h2{font-size:21px}.yd{border-radius:18px}}
html.dark .yd{background:#171a2e;color:#e8e9f2}html.dark .yd-g{color:#c7cbe0}html.dark .yd-g input[type=text],html.dark .yd-g textarea,html.dark .yd-sinav span,html.dark .yd-kapat{background:#0f1023;border-color:rgba(255,255,255,.12);color:#e8e9f2}html.dark .yd-cagri p,html.dark .yd-tamam-m{color:#c7cbe0}
.yk-ekle{font-size:14px;font-weight:700;color:#4f2bd6;text-decoration:none;text-align:center}.yk-ekle:hover{text-decoration:underline}html.dark .yk-ekle{color:#a5b4fc}
/* manşet ve "12 bileşen" okları: yazı karakteri yerine SVG — yuvarlağın tam ortasında; afiş sırası noktaları "Güncel paketler" başlığının sağında */
.arrow,.hero-arr{display:inline-grid;place-items:center;padding:0;line-height:0}
.arrow svg,.hero-arr svg{display:block;flex:none}
.hero-noktalar{display:flex;align-items:center;gap:6px;flex:none}
/* başarı hikâyeleri şeridi: kartın alt kenarına oturan "70+ ✓" rozeti ve kart gölgesi şeridin kaydırma kırpmasında kesiliyordu.
   Kenara taşma dolgusu sarmalayıcıdan şeridin kendisine alındı (gölge artık yanlarda kenar maskesinde yumuşakça kayboluyor), altta rozet + gölge payı. */
.yk-rail-sar{padding:10px 0 0}
.yk-rail{padding:8px 32px 40px;scroll-padding-inline:32px}
@media (max-width:640px){.yk-rail-sar{padding:6px 0 0}.yk-rail{padding:8px 16px 40px;scroll-padding-inline:16px}}
/* "12 bileşen" altındaki sayfa noktaları tıklanabilir; dokunma alanı noktadan geniş */
.sys-noktalar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;min-height:20px}
.sys-noktalar .dot{box-sizing:content-box;border:0;padding:6px 3px;margin:0;background-clip:content-box;cursor:pointer;transition:width .25s,background-color .25s}
.sys-noktalar .dot:hover{background-color:rgba(255,255,255,.6)}.sys-noktalar .dot.on{background-color:#fff}
.sys-noktalar .dot:focus-visible{outline:2px solid #8fb4ff;outline-offset:1px}
:where(.dark) .sys-noktalar .dot:focus-visible{outline:2px solid rgba(71,125,235,0.35)}
/* bağlantı biçimindeki düğmelerde genel a:hover rengi (#4f2bd6) yazıyı zemine gömüyordu: efektler aynı, yazı rengi düğmenin kendi rengi */
a.btn-primary:hover,a.btn-grad:hover,a.btn-ghost:hover,a.btn-grad:focus-visible{color:#fff}
a.btn-grad.on-dark:hover{color:#1a1a2e}
a.btn-light:hover,a.btn-io:hover{color:#2a1b7a}
:where(.dark) a.btn-light:hover,:where(.dark) a.btn-io:hover{color:#afa4eb}
.tb-sos-i.telegram:hover{background:#229ed9}
/* manşet kenar okları kartın dışına: masaüstünde çerçeveden 24 px taşar; telefonda (≤860, yukarıda) 36 px ve ortası çerçeve çizgisinde — paket yazılarının önünü kapatmaz */
.hero-arr.l{left:-24px}.hero-arr.r{right:-24px}
@media (max-width:860px){.hero-arr.l{left:-18px}.hero-arr.r{right:-18px}}
@media (max-width:380px){.hero-arr.l{left:-22px}.hero-arr.r{right:-22px}}
/* başarı hikâyeleri şeridi kendiliğinden akarken kartlara oturma kapalı (yoksa akışla çekişip titriyordu); kullanıcı kaydırınca site.js yeniden açar */
.yk-rail.akiyor{scroll-snap-type:none}
/* Hakkımızda kartı (telefon / tablet, tek sütun): "Hikâyemizi oku" ile rakam kutuları arasında nefes payı; alt yazı düğmeden biraz ayrık */
@media (max-width:860px){.hk-eylem{row-gap:16px !important;margin-bottom:12px}}
@media (max-width:640px){.hk-eylem{margin-bottom:28px}}
/* manşet afişi dar telefonlarda çerçeveye sığar (genişlik site.js → --afis-g; 288 px'ten dar ekranlarda daralır) */
.hero-rail .poster.pst3{width:var(--afis-g,288px);box-sizing:border-box}
.hero-rail.dar .poster.pst3{height:auto;min-height:378px;padding:16px 14px 14px}
.hero-rail.dar .p3-g,.hero-rail.dar .p3-d{letter-spacing:.03em;padding:5px 8px}
.hero-rail.dar .p3-badges{gap:5px}
/* Manşet düğmeleri (Demo Sınıfa Gir / Paketleri Gör): tek sütunlu düzende (≤860px) ortalı; telefonda alt alta, eşit genişlikte ve ortalı. Masaüstü değişmez. */
@media (max-width:860px){.hero-cta{justify-content:center}}
@media (max-width:600px){.hero-cta{flex-direction:column;align-items:center}.hero-cta>.btn{width:100%;max-width:340px;min-width:0 !important;box-sizing:border-box}}
/* Paket afişi daha ferah: "Sıfırdan / YDS & YÖKDİL" satırları birbirine değmiyor (büyük harf noktaları ve Türkçe harfler için pay);
   afiş yüksekliği içeriğe göre uzar (en az 378px), raylarda en uzun afişe eşitlenir — uzun maddeli afişlerde alt satır kesilmez */
.p3-h1{line-height:1.3}
.p3-h1 b{margin-top:6px;line-height:1.16}
.p3-txt{gap:9px}
.poster.pst3{height:auto;min-height:378px}
.p3-badges{margin-bottom:12px}
/* Sayaçlar eşit genişlikli rakamlarla sayar: sayarken yazı genişliği değişmez, sayfa kaymaz (yenilemede üst menünün kısmen kaybolmasının nedeni buydu) */
[data-count],[data-sayac]{font-variant-numeric:tabular-nums}
/* Süs katmanları (dönen şekiller, arka plan çizimleri) tarayıcının kaydırma çapası olamaz: yenilemede tarayıcı kaydırmayı dönen bir süse göre
   geri yüklüyor, sayfa en üstteyken bile ~30 px aşağı kayıyor ve üst menünün bir kısmı görünmüyordu */
.hdr-bg,.hdr-fg>svg,.deco,.dotring,canvas.net,.orbit{overflow-anchor:none}

/* ── KARANLIK TEMA (elle) ─────────────────────────────────────────────────────────────────────────────────────────────
   Tema html.dark sınıfıyla açılır (parcalar/tema_bas.php, site.js). Renk belirteçleri: sayfada satır içi stiller bunları kullanır.
   Bileşen kuralları dosyanın sonunda otomatik üretilir (komutlar/karanlik_uret.php); buradakiler "html.dark …" ile başladığı için
   üretilenlerden her zaman güçlüdür. Palet panellerle aynı (tasarim.css .app.dark). */
:root{--zh-bg:#f6f7fb;--zh-yuzey:#fff;--zh-yuzey2:#f0f4ff;--zh-yazi:#1a1a2e;--zh-yazi2:#3b3f55;--zh-soluk:#5b6075;--zh-soluk2:#6b7280;--zh-cizgi:#e8e9f2;--zh-cizgi2:#e2e4ee;--zh-cizgi3:#eef0f6;--zh-cizgi4:#d7dae6;--zh-mavi:#2775ff;--zh-mor:#4f2bd6;color-scheme:light}
html.dark{--zh-bg:#0d1026;--zh-yuzey:#161a3d;--zh-yuzey2:#1b2048;--zh-yazi:#eef0fa;--zh-yazi2:#d5d8ee;--zh-soluk:#b2b6d3;--zh-soluk2:#a3a8c7;--zh-cizgi:rgba(255,255,255,.08);--zh-cizgi2:rgba(255,255,255,.12);--zh-cizgi3:rgba(255,255,255,.08);--zh-cizgi4:rgba(255,255,255,.18);--zh-mavi:#6ea2ff;--zh-mor:#a78bfa;color-scheme:dark}
html.dark body{background:var(--zh-bg);color:var(--zh-yazi)}
.hdr-wave path{fill:var(--zh-bg)}
.tema-btn .tb-gunes,.mm-tema .tb-gunes{display:none}
html.dark .tema-btn .tb-ay,html.dark .mm-tema .tb-ay{display:none}
html.dark .tema-btn .tb-gunes,html.dark .mm-tema .tb-gunes{display:inline}
html.dark .tema-btn{background:rgba(255,255,255,.08)!important}
.mm-tema{white-space:nowrap}
html.dark .wm{color:rgba(255,255,255,.05)}
@media (prefers-reduced-motion:reduce){.wm{transform:translateX(-50%)}}   /* hareket azaltılınca filigran ortada kalsın (yoksa sağa taşıyordu) */
/* Manşet (yönetimden): sol taraftaki isteğe bağlı yazı ve görsel yüklenmiş slayt */
.hero-yazi{margin:-8px 0 0;position:relative;z-index:1;font-size:17px;line-height:1.6;color:rgba(255,255,255,.88);max-width:560px}
.poster.pst-gorsel{padding:0;background:#1b2150;display:block}
.poster.pst-gorsel img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}
@media (max-width:700px){.hero-yazi{font-size:15px}}

/* ── "Engeli kaldırın" bandı (ana sayfa; isteğe bağlı bölüm — eski ana sayfadaki parçacıklı bant). Renkli zemin iki temada aynı. ── */
.engel-bant{position:relative;overflow:hidden;isolation:isolate;margin-top:64px;background:linear-gradient(120deg,#1d4fd8 0%,#4f2bd6 50%,#7c3aed 100%);color:#fff}
.engel-bant::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(55% 75% at 12% 15%,rgba(255,255,255,.16),transparent 62%),radial-gradient(45% 65% at 88% 92%,rgba(255,209,102,.2),transparent 62%)}
.net-bant{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.55;pointer-events:none}
.engel-ic{padding:120px 32px 128px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.engel-ust{font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:8px 18px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.engel-bant h2{margin:6px 0 0;color:#fff;font-size:clamp(34px,5.4vw,62px);line-height:1.08;font-weight:800;letter-spacing:-.02em;display:flex;flex-direction:column;align-items:center}
.engel-b2{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:0;padding:0 .08em .06em;background:linear-gradient(90deg,#ffd166,#ff9f1c);-webkit-background-clip:text;background-clip:text;color:transparent}
.engel-carpi{position:relative;width:34px;height:34px;margin:4px 0;animation:engelCarpi linear both;animation-timeline:view();animation-range:entry 10% entry 70%}
.engel-carpi span{position:absolute;left:50%;top:50%;width:30px;height:2px;border-radius:2px;background:rgba(255,255,255,.85);transform:translate(-50%,-50%) rotate(45deg)}
.engel-carpi span+span{transform:translate(-50%,-50%) rotate(-45deg)}
@keyframes engelCarpi{from{transform:scale(0) rotate(-180deg);opacity:0}to{transform:none;opacity:1}}
.engel-bant p{margin:0;max-width:640px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.8)}
.engel-bant .btn{margin-top:10px;min-width:220px}
@media (max-width:860px){.engel-bant{margin-top:48px}.engel-ic{padding:84px 20px 92px}.engel-bant p{font-size:16px}}
@media (prefers-reduced-motion:reduce){.engel-carpi{animation:none}}

/* ── KARANLIK TEMA (otomatik) — komutlar/karanlik_uret.php üretir, elle değiştirmeyin; ayarlar "html.dark …" kurallarıyla ── */
/* şablonlardaki satır içi renkler */
html.dark [style*="color:#15803d"]:not([style*="background:#fff"]):not([style*="background:#ffffff"]){color:#21c65e!important}
html.dark [style*="color:#1a1a2e"]:not([style*="background:#fff"]):not([style*="background:#ffffff"]){color:#eef0fa!important}
html.dark [style*="color:#3730a3"]:not([style*="background:#fff"]):not([style*="background:#ffffff"]){color:#adaae6!important}
html.dark [style*="color:#3b3f55"]:not([style*="background:#fff"]):not([style*="background:#ffffff"]){color:#d5d8ee!important}
html.dark [style*="color:#4361ee"]:not([style*="background:#fff"]):not([style*="background:#ffffff"]){color:#9cacf6!important}
html.dark [style*="color:#444"]:not([style*="background:#fff"]):not([style*="background:#ffffff"]){color:#d5d8ee!important}
html.dark [style*="color:#5b6075"]:not([style*="background:#fff"]):not([style*="background:#ffffff"]){color:#aeb3d1!important}
html.dark [style*="color:#6b7280"]:not([style*="background:#fff"]):not([style*="background:#ffffff"]){color:#aeb3d1!important}
html.dark [style*="color:#6c2bd9"]:not([style*="background:#fff"]):not([style*="background:#ffffff"]){color:#c0a4ef!important}
html.dark [style*="color:#e67e22"]:not([style*="background:#fff"]):not([style*="background:#ffffff"]){color:#eb9950!important}
html.dark [style*="color:#f72585"]:not([style*="background:#fff"]):not([style*="background:#ffffff"]){color:#f984b9!important}
html.dark [style*="background:#d9faf2"]{background:rgba(77,230,192,0.16)!important}
html.dark [style*="background:#e0f2fe"]{background:rgba(77,168,230,0.16)!important}
html.dark [style*="background:#e2e4ee"]{background:#252a5a!important}
html.dark [style*="background:#ecfdf3"]{background:rgba(77,230,140,0.16)!important}
html.dark [style*="background:#ede9ff"]{background:rgba(104,77,230,0.16)!important}
html.dark [style*="background:#eef2ff"]{background:rgba(77,113,230,0.16)!important}
html.dark [style*="background:#f0f3ff"]{background:#1b2048!important}
html.dark [style*="background:#f0fdf8"]{background:#1b2048!important}
html.dark [style*="background:#fde8f3"]{background:rgba(230,77,157,0.16)!important}
html.dark [style*="background:#fef3dc"]{background:rgba(230,180,77,0.16)!important}
html.dark [style*="background:#fef5f9"]{background:#1b2048!important}
html.dark [style*="background:#fef9f0"]{background:#1b2048!important}
html.dark [style*="background:#fff1e6"]{background:rgba(230,144,77,0.16)!important}
html.dark [style*="solid #d0f5ea"]{border-color:rgba(87,219,180,0.35)!important}
html.dark [style*="solid #e0e7ff"]{border-color:rgba(71,108,235,0.35)!important}
html.dark [style*="solid #e2e4ee"]{border-color:rgba(255,255,255,0.08)!important}
html.dark [style*="solid #fde8f3"]{border-color:rgba(235,71,157,0.35)!important}
html.dark [style*="solid #fef3dc"]{border-color:rgba(235,182,71,0.35)!important}
/* ── KARANLIK TEMA (otomatik) sonu ── */
/* 065: iletişim formundaki bülten izni */
.ilt-izin{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:#4b5068;cursor:pointer}
.ilt-izin input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:#2775ff;cursor:pointer}
.ilt-izin small{display:block;font-size:11.5px;color:#9aa0b4}
:where(.dark) .ilt-izin{color:#c4c8e0}:where(.dark) .ilt-izin small{color:#7d83a8}