/* SixBloom · tanıtım sitesi. Renkler ve yazı tipleri assets/stil.css değişkenlerinden gelir (açık ve koyu tema). */
.vt{background:var(--surface);scroll-behavior:smooth}
html:has(body.vt){scroll-behavior:smooth;scroll-padding-top:76px}
.vt-ic{max-width:1180px;margin:0 auto;padding:0 20px}
.vt-bas{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.vt-bas .vt-ic{display:flex;align-items:center;gap:20px;height:68px}
.vt-marka img{height:40px;width:auto;display:block}
.vt-nav{display:flex;gap:4px;margin-left:12px}
.vt-nav a{color:var(--muted);text-decoration:none;font-size:14.5px;padding:6px 10px;border-radius:6px}.vt-nav a:hover{color:var(--ink);background:var(--surface2)}
.vt-eylem{margin-left:auto;display:flex;gap:8px}
.vt-ust{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
.vt h1,.vt h2{font-family:var(--display);font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.vt h1{font-size:clamp(34px,4.4vw,54px);line-height:1.08;margin:0 0 18px}.vt h1 em{font-style:normal;color:var(--accent)}
.vt h2{font-size:clamp(26px,3vw,36px);line-height:1.15;margin:0 0 18px}
.vt-kahraman{background:linear-gradient(180deg,var(--accent-soft) 0%,var(--surface) 78%);padding:56px 0 30px;overflow:hidden}
.vt-kahraman-ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:44px;align-items:center}
.vt-giris{font-size:17.5px;line-height:1.6;color:var(--muted);margin:0 0 24px;max-width:560px}
.vt-cta{display:flex;gap:10px;flex-wrap:wrap}
.btn.vt-buyuk{padding:12px 20px;font-size:15px;justify-content:center}
.vt-kisa{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:var(--muted)}
.vt-kisa li::before{content:"✓ ";color:var(--ok);font-weight:700}
.vt-ekran{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px -30px rgba(16,40,50,.45),0 8px 20px -12px rgba(16,40,50,.25);background:var(--surface)}
.vt-ekran img{display:block;width:100%;height:auto}
.vt-ekran-ana{transform:perspective(1600px) rotateY(-5deg) rotateX(2deg);transform-origin:left center}
.vt-bant{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}
.vt-bant-ic{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:22px 20px}
.vt-bant b{display:block;font-family:var(--display);font-size:30px;color:var(--accent);line-height:1.1}.vt-bant span{font-size:13.5px;color:var(--muted)}
.vt-bolum{padding:76px 0}
.vt-acik{background:var(--bg)}
.vt-kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:10px}
.vt-kartlar article{border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface)}
.vt-kartlar h3{margin:0 0 8px;font-size:16.5px}.vt-kartlar p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}
.vt-kartlar article::before{content:"";display:block;width:28px;height:4px;border-radius:2px;background:var(--accent);margin-bottom:14px}
.vt-kartlar-kucuk article::before{background:var(--ok)}
.vt-iki-ic{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.vt-iki.ters .vt-iki-ic>div{order:2}.vt-iki.ters{background:var(--bg)}
.vt-iki p{color:var(--muted);font-size:16px;line-height:1.65}
.vt-liste{padding:0;list-style:none;margin:16px 0 0;display:grid;gap:8px}.vt-liste li{padding-left:24px;position:relative;font-size:15px}
.vt-liste li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}
.vt-adimlar{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:a}
.vt-adimlar li{counter-increment:a;border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface);display:flex;flex-direction:column;gap:8px}
.vt-adimlar li::before{content:counter(a);width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:700}
.vt-adimlar b{font-size:16px}.vt-adimlar span{color:var(--muted);font-size:14.5px;line-height:1.55}
.vt-planlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:10px}
.vt-plan{border:1px solid var(--line);border-radius:14px;padding:22px;background:var(--surface);display:flex;flex-direction:column;gap:10px}
.vt-plan.one{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.vt-plan h3{margin:0;font-size:19px}.vt-plan>p{margin:0;color:var(--muted);font-size:14px;min-height:42px}
.vt-fiyat b{display:block;font-family:var(--display);font-size:28px;line-height:1.1}.vt-fiyat span{font-size:12.5px;color:var(--faint)}
.vt-plan ul{list-style:none;padding:0;margin:4px 0 8px;display:grid;gap:6px;font-size:14px}.vt-plan li::before{content:"✓ ";color:var(--ok);font-weight:700}
.vt-plan .btn{margin-top:auto;justify-content:center}
.vt-dar{max-width:820px}
.vt details{border-bottom:1px solid var(--line);padding:16px 0}
.vt summary{cursor:pointer;font-weight:600;font-size:16.5px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.vt summary::-webkit-details-marker{display:none}.vt summary::after{content:"+";color:var(--accent);font-size:20px;line-height:1}.vt details[open] summary::after{content:"−"}
.vt details p{color:var(--muted);margin:10px 0 0;line-height:1.65}
.vt-son{background:var(--accent);color:var(--on-accent);padding:56px 0}
.vt-son-ic{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.vt-son h2{color:var(--on-accent);margin:0 0 6px}.vt-son p{margin:0;opacity:.9}
.vt-son .btn.pri{background:var(--on-accent);color:var(--accent);border-color:var(--on-accent)}
.vt-son .vt-acik-btn{background:transparent;color:var(--on-accent);border-color:color-mix(in srgb,var(--on-accent) 60%,transparent)}
.vt-alt{background:var(--bg);border-top:1px solid var(--line);padding:44px 0 20px;font-size:14px}
.vt-alt-ic{display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1fr;gap:24px}
.vt-alt h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 10px}
.vt-alt a{display:block;color:var(--muted);text-decoration:none;margin-bottom:6px}.vt-alt a:hover{color:var(--accent)}
.vt-alt-logo{height:34px;width:auto}.vt-alt p{margin:8px 0;color:var(--muted)}
.vt-sessiz{color:var(--faint)!important;font-size:13px}
.vt-telif{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:26px;padding-top:16px;font-size:12.5px;color:var(--faint)}
.vt-gel{display:inline-flex;align-items:center;gap:6px}.vt-gel img{height:14px;width:auto}.vt-gel a{display:inline;margin:0;color:var(--muted)}
.vt-dlg{border:1px solid var(--line);border-radius:14px;padding:24px;width:min(440px,calc(100vw - 32px));background:var(--surface);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.vt-dlg::backdrop{background:rgba(16,22,28,.5)}.vt-dlg h3{margin:0 0 6px;font-size:20px}.vt-dlg p{color:var(--muted);font-size:14px}
.vt-dlg input{border:1px solid var(--line);border-radius:6px;padding:9px 10px;background:var(--surface);width:100%}
.vt-dlg-alt{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.vt-cerez{position:fixed;left:16px;right:16px;bottom:16px;z-index:30;max-width:760px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:10px;background:var(--ink);color:var(--surface);font-size:13.5px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.vt-cerez a{color:var(--accent-mid)}.vt-cerez[hidden]{display:none}.vt-cerez .btn{margin-left:auto;flex:0 0 auto}
@media (max-width:1000px){.vt-nav{display:none}.vt-kahraman-ic,.vt-iki-ic{grid-template-columns:1fr}.vt-iki.ters .vt-iki-ic>div{order:0}.vt-ekran-ana{transform:none}.vt-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}.vt-adimlar{grid-template-columns:repeat(2,minmax(0,1fr))}.vt-alt-ic{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.vt-bas .vt-ic{height:60px;gap:10px}.vt-marka img{height:32px}.vt-eylem .btn.ghost{display:none}.vt-kahraman{padding-top:34px}.vt-bant-ic{grid-template-columns:1fr 1fr}.vt-kartlar,.vt-adimlar,.vt-alt-ic{grid-template-columns:1fr}.vt-bolum{padding:52px 0}.vt-ic{padding:0 16px}.vt-cerez{flex-direction:column;align-items:flex-start}.vt-cerez .btn{margin-left:0}}
/* öğrenme çıktısı oluşturucu */
.vt-olus{background:var(--bg)}
.vt-olus-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.vt-olus-bas p{color:var(--muted);font-size:16px;line-height:1.6;max-width:720px;margin:0}.vt-olus-bas h2{margin-bottom:10px}
.vt-olus-izgara{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start}
.vt-olus-adimlar{display:grid;gap:12px}
.vt-adim{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--surface)}
.vt-adim-n{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:14px}
.vt-adim h3{margin:3px 0 2px;font-size:16px}.vt-adim p{margin:0 0 10px;color:var(--muted);font-size:13.5px;line-height:1.5}
.vt-adim input{border:1px solid var(--line);border-radius:6px;padding:9px 11px;background:var(--surface);width:100%;font-size:15px}
.vt-secenek,.vt-fiiller{display:flex;flex-wrap:wrap;gap:6px}
.vt-secenek button,.vt-fiiller button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 13px;font-size:13.5px;cursor:pointer;font-family:inherit}
.vt-secenek button:hover,.vt-fiiller button:hover{border-color:var(--accent)}
.vt-secenek button.on{background:var(--ink);border-color:var(--ink);color:var(--surface);font-weight:600}
.vt-fiiller button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}
.vt-merdiven{display:flex;align-items:flex-end;gap:6px}
.vt-b{flex:1;min-width:0;height:var(--y);border:0;border-radius:8px 8px 4px 4px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:7px 8px;cursor:pointer;opacity:.55;font-family:inherit;text-align:left;transition:opacity .15s,transform .15s}
.vt-b span{font-size:10.5px;font-family:var(--mono);opacity:.9}.vt-b b{font-size:12.5px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}
.vt-b:hover{opacity:.8}.vt-b.on{opacity:1;box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--ink);transform:translateY(-2px)}
.b1{background:var(--b1)}.b2{background:var(--b2)}.b3{background:var(--b3)}.b4{background:var(--b4)}.b5{background:var(--b5)}.b6{background:var(--b6)}
.vt-tanim{margin:12px 0 0!important;font-size:13.5px}
.vt-olus-sonuc{position:sticky;top:84px;display:grid;gap:12px}
.vt-sonuc-kart,.vt-liste-kart{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:var(--surface);box-shadow:0 18px 40px -28px rgba(16,40,50,.45)}
.vt-sonuc-kart{border-top:4px solid var(--accent)}
.vt-sonuc-ust{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.vt-etiket{display:inline-block;color:#fff;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--accent)}
.vt-cumle{font-family:var(--display);font-size:24px;line-height:1.35;margin:0 0 14px;min-height:66px;color:var(--ink)}
.vt-cumle .vt-sessiz{font-family:var(--sans);font-size:15px}
.vt-denetim{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:4px;font-size:13px}
.vt-denetim li{padding-left:22px;position:relative;color:var(--muted)}
.vt-denetim li::before{position:absolute;left:0;font-weight:700}
.vt-denetim li.ok::before{content:"✓";color:var(--ok)}.vt-denetim li.uy::before{content:"!";color:var(--warn)}.vt-denetim li.hata::before{content:"✗";color:var(--bad)}.vt-denetim li.hata{color:var(--bad)}
.vt-denetim li.bilgi::before{content:"i";color:var(--accent);font-style:italic}
.vt-olcme{font-size:13px;color:var(--muted);margin:0 0 14px;padding:8px 10px;border-radius:6px;background:var(--surface2)}
.vt-sonuc-eylem{display:flex;gap:8px;flex-wrap:wrap}
.vt-liste-kart ol{margin:10px 0 12px;padding-left:22px;display:grid;gap:8px;font-size:14px}
.vt-liste-kart li .vt-etiket{font-size:10.5px;padding:1px 7px;margin-right:4px}
.vt-sil{border:0;background:none;color:var(--faint);cursor:pointer;font-size:16px;line-height:1;padding:0 4px}.vt-sil:hover{color:var(--bad)}
.vt-dagilim{display:flex;height:22px;border-radius:6px;overflow:hidden;gap:2px}
.vt-dagilim span{color:#fff;font-size:10.5px;font-family:var(--mono);display:grid;place-items:center;min-width:26px}.vt-dagilim .diger{background:var(--faint)}
.vt-olus-cta{border:1px dashed var(--accent);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:var(--accent-soft)}
.vt-olus-cta span{font-size:13.5px;color:var(--muted)}.vt-olus-cta .btn{margin-top:4px}
@media (max-width:1000px){.vt-olus-izgara{grid-template-columns:minmax(0,1fr)}.vt-olus-sonuc{position:static}}
@media (max-width:640px){.vt-adim{grid-template-columns:1fr;gap:6px;padding:14px}.vt-merdiven{gap:3px}.vt-b{padding:5px}.vt-b b{font-size:10.5px;white-space:normal}.vt-cumle{font-size:20px}}
.vt-olus-izgara>*,.vt-adim>div{min-width:0}
.vt-b b{white-space:normal;overflow:visible;text-overflow:clip;font-size:11.5px;line-height:1.15;overflow-wrap:anywhere;hyphens:auto}
@media (max-width:640px){.vt-b b{font-size:9.5px}.vt-b span{font-size:9.5px}}
/* basamak merdiveni: çubuk + altında ad */
.vt-b{height:auto;background:none!important;color:var(--muted);padding:0;opacity:1;border-radius:0;justify-content:flex-end;align-items:stretch;gap:5px;box-shadow:none!important;transform:none!important}
.vt-b i{display:flex;align-items:flex-end;height:var(--y);border-radius:7px 7px 3px 3px;color:#fff;font-style:normal;font-family:var(--mono);font-size:11px;padding:5px 7px;opacity:.5;transition:opacity .15s,transform .15s}
.vt-b b{font-size:12px;font-weight:500;text-align:center;white-space:nowrap;overflow:visible;hyphens:none;overflow-wrap:normal}
.vt-b:hover i{opacity:.8}
.vt-b.on i{opacity:1;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ink);transform:translateY(-2px)}.vt-b.on b{color:var(--ink);font-weight:700}
@media (max-width:640px){.vt-b b{font-size:9px;white-space:normal;overflow-wrap:anywhere}.vt-b i{font-size:9.5px;padding:4px}}
@media (max-width:640px){.vt-b b{display:none}}
/* ayrı sayfa: öğrenme çıktısı oluşturucu */
.vt-kahraman-kisa{padding:34px 0 20px}.vt-kahraman-kisa h1{font-size:clamp(32px,4vw,48px);margin-bottom:12px}
.vt-kahraman-kisa .vt-giris{max-width:820px}
.vt-yol{display:flex;gap:8px;font-size:13px;color:var(--faint);margin-bottom:16px;flex-wrap:wrap}.vt-yol a{color:var(--muted)}
.vt-olus-tek{padding-top:24px}
.vt-olus-bas-tek{align-items:center}.vt-olus-bas-tek p{font-size:15px}
.vt-nav a[aria-current="page"]{color:var(--accent);background:var(--accent-soft)}
.vt-kurallar{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;counter-reset:k}
.vt-kurallar li{counter-increment:k;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--surface);display:flex;flex-direction:column;gap:6px}
.vt-kurallar li::before{content:counter(k);font-family:var(--display);font-size:28px;color:var(--accent);line-height:1}
.vt-kurallar b{font-size:15.5px}.vt-kurallar span{color:var(--muted);font-size:14px;line-height:1.55}
.vt-tablo{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-top:8px}
.vt-tablo table{border-collapse:collapse;width:100%;font-size:14px}
.vt-tablo th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);background:var(--surface2);padding:10px 14px}
.vt-tablo td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:top;line-height:1.5}
.vt-zayif{color:var(--bad);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--bad) 45%,transparent)}.vt-guclu{color:var(--ok);font-weight:600}
.vt-alan-bas{font-size:18px;margin:26px 0 4px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.vt-alan-bas .vt-sessiz{font-weight:400}
.vt-bloom td:first-child{white-space:nowrap}.vt-bloom td:nth-child(3){min-width:260px}
@media (max-width:640px){.vt-tablo td,.vt-tablo th{padding:9px 10px}.vt-bloom td:nth-child(3){min-width:200px}}
/* öğrenme kazanımlarının ölçülmesi */
.vt-olc{background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);border-top:1px solid var(--line)}
.vt-olc-giris{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-bottom:40px}
.vt-olc-lead{font-size:17px;line-height:1.65;color:var(--muted);margin:0}
.vt-olc-kiyas{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 24px 50px -34px rgba(16,40,50,.5)}
.vt-olc-sayi{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:12px}
.vt-olc-sayi>b{font-family:var(--display);font-size:clamp(38px,4.4vw,54px);line-height:1;letter-spacing:-.02em}
.vt-olc-sayi span{font-size:14px;color:var(--ink)}.vt-olc-sayi small{font-size:12px;color:var(--faint)}
.vt-olc-sayi.not{background:var(--surface2)}.vt-olc-sayi.not>b{color:var(--muted)}
.vt-olc-sayi.kaz{background:var(--warn-soft)}.vt-olc-sayi.kaz>b{color:var(--warn)}
.vt-olc-vs{font-family:var(--display);font-style:italic;color:var(--faint);font-size:18px}
.vt-olc-not{grid-column:1/-1;margin:4px 0 0;font-size:13px;color:var(--muted);line-height:1.55}
.vt-zincir{display:flex;align-items:stretch;gap:0;margin:0 0 48px;overflow-x:auto;padding:4px 2px 10px}
.vt-halka{flex:1 1 0;min-width:150px;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface);display:flex;flex-direction:column;gap:4px}
.vt-halka.son{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.vt-halka.son small,.vt-halka.son .vt-halka-n{color:color-mix(in srgb,var(--on-accent) 80%,transparent)}
.vt-halka-n{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.vt-halka b{font-size:15px}.vt-halka small{font-size:12px;color:var(--muted);line-height:1.4}
.vt-ok{flex:0 0 96px;display:flex;align-items:center;justify-content:center;position:relative;text-align:center}
.vt-ok::before{content:"";position:absolute;left:6px;right:10px;top:50%;height:2px;background:var(--accent)}
.vt-ok::after{content:"";position:absolute;right:4px;top:calc(50% - 5px);border:5px solid transparent;border-left:8px solid var(--accent)}
.vt-ok span{position:relative;background:var(--bg);padding:2px 6px;font-size:11px;line-height:1.3;color:var(--muted);border-radius:4px}
.vt-olc-adimlar{display:grid;gap:56px}
.vt-olc-adim{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center}
.vt-olc-adim.ters .vt-olc-metin{order:2}
.vt-olc-metin h3{font-family:var(--display);font-weight:600;font-size:26px;line-height:1.2;margin:10px 0 10px;letter-spacing:-.01em}
.vt-olc-metin p{color:var(--muted);font-size:15.5px;line-height:1.65;margin:0 0 12px}
.vt-olc-no{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:700}
.vt-kucuk{font-size:13.5px!important}
.vt-olc-gorsel{margin:0}.vt-olc-gorsel img{display:block;width:100%;height:auto}
.vt-kapi{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 12px}
.vt-kapi span{border-radius:8px;padding:8px 10px;font-size:12.5px;display:flex;flex-direction:column;gap:2px}.vt-kapi b{font-family:var(--mono);font-size:13px}
.k-red{background:var(--bad-soft);color:var(--bad)}.k-beyan{background:var(--warn-soft);color:var(--warn)}.k-tam{background:var(--ok-soft);color:var(--ok)}
.vt-formuller{display:grid;gap:8px;margin:4px 0 14px}
.vt-formuller div{border-left:3px solid var(--accent);background:var(--surface);padding:8px 12px;border-radius:0 8px 8px 0;display:flex;flex-direction:column;gap:3px;box-shadow:0 1px 0 var(--line)}
.vt-formuller span{font-size:12px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}
.vt-formuller code{font-family:var(--mono);font-size:13px;color:var(--ink);white-space:normal}
.vt-rozet{display:inline-block;font-family:var(--mono);font-size:12px;padding:2px 8px;border-radius:5px;margin:2px 2px}
.vt-rozet.kaz{background:var(--accent);color:var(--on-accent)}.vt-rozet.gel{background:var(--accent-mid);color:var(--ink)}.vt-rozet.des{border:1px solid var(--accent);color:var(--accent)}.vt-rozet.yok{background:repeating-linear-gradient(135deg,var(--surface2) 0 5px,var(--surface) 5px 10px);color:var(--faint)}
.vt-dongu{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:center;margin:64px 0 24px;padding:28px 32px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.vt-dongu h3{font-family:var(--display);font-weight:600;font-size:28px;margin:0 0 12px;letter-spacing:-.01em}
.vt-dongu p{color:var(--muted);line-height:1.65;font-size:15.5px}
.vt-dongu-svg{width:100%;max-width:340px;justify-self:center;color:var(--accent)}
.vt-dongu-dugum circle{fill:var(--surface);stroke:var(--accent);stroke-width:2.5}
.vt-dongu-dugum text{fill:var(--accent);font-family:var(--mono);font-weight:700;font-size:15px}.vt-dongu-dugum text.k{fill:var(--ink);font-family:var(--sans);font-weight:600;font-size:12px}
.vt-dongu-orta{fill:var(--ink);font-family:var(--display);font-size:17px;font-weight:600}.vt-dongu-orta2{fill:var(--muted);font-size:12px}
.vt-guvence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}
.vt-guvence div{border-top:3px solid var(--accent);padding:14px 4px 0;display:flex;flex-direction:column;gap:6px}
.vt-guvence b{font-size:15px}.vt-guvence span{font-size:13.5px;color:var(--muted);line-height:1.55}
@media (max-width:1000px){.vt-olc-giris,.vt-olc-adim,.vt-dongu{grid-template-columns:minmax(0,1fr)}.vt-olc-adim.ters .vt-olc-metin{order:0}.vt-guvence{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.vt-olc-kiyas{grid-template-columns:1fr;padding:14px}.vt-olc-vs{text-align:center}.vt-zincir{flex-direction:column}.vt-ok{flex-basis:52px}.vt-ok::before{left:50%;right:auto;top:4px;bottom:10px;width:2px;height:auto}.vt-ok::after{left:calc(50% - 5px);right:auto;top:auto;bottom:-6px;border:5px solid transparent;border-top:8px solid var(--accent)}.vt-kapi{grid-template-columns:1fr}.vt-guvence{grid-template-columns:1fr}.vt-dongu{padding:20px}.vt-olc-metin h3{font-size:22px}}
.vt-olc-sayi>b{font-family:var(--display);font-size:clamp(38px,4.4vw,54px);line-height:1;letter-spacing:-.02em}
.vt-olc-sayi>span b{font-weight:700;color:inherit}
.vt-olc-sayi.not>b{color:var(--muted)}.vt-olc-sayi.kaz>b{color:var(--warn)}
.vt-olc-adim{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
.vt-olc-adim.ters{grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr)}
.vt-olc-gorsel{cursor:zoom-in;position:relative;transition:transform .15s,box-shadow .15s}
.vt-olc-gorsel:hover,.vt-olc-gorsel:focus-visible{transform:translateY(-3px);box-shadow:0 34px 70px -30px rgba(16,40,50,.55);outline:none}
.vt-olc-gorsel figcaption{position:absolute;right:10px;bottom:10px;font-size:11.5px;background:color-mix(in srgb,var(--ink) 80%,transparent);color:var(--surface);padding:3px 9px;border-radius:999px;opacity:0;transition:opacity .15s}
.vt-olc-gorsel:hover figcaption,.vt-olc-gorsel:focus-visible figcaption{opacity:1}
.vt-olc>.vt-ic>.vt-olc-gorsel{max-width:960px;margin:0 auto}
.vt-buyut{border:0;padding:0;background:transparent;max-width:min(1400px,96vw);max-height:94vh}
.vt-buyut::backdrop{background:rgba(10,16,22,.8)}
.vt-buyut img{display:block;max-width:100%;max-height:86vh;border-radius:10px;background:#fff}
.vt-buyut p{color:#fff;text-align:center;font-size:14px;margin:10px 0 0}
.vt-buyut-kapat{position:absolute;right:8px;top:8px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:22px;cursor:pointer}
@media (max-width:1000px){.vt-olc-adim,.vt-olc-adim.ters{grid-template-columns:minmax(0,1fr)}}
/* AKTS iş yükü hesaplayıcı */
.vt-akts{padding-top:24px}
.vt-akts-ust{margin-bottom:16px}.vt-akts-ust .vt-secenek{align-items:center}
.vt-akts-kimlik{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.vt-akts-kimlik select{border:1px solid var(--line);border-radius:6px;padding:9px 10px;background:var(--surface);width:100%;font-size:15px}
.vt-akts-tbl input{border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:var(--surface);width:100%;font-size:14px}
.vt-akts-tbl td.num input{width:76px;text-align:right}.vt-akts-tbl td.num{text-align:right;white-space:nowrap}
.vt-akts-tbl tr.sabit td{background:var(--surface2);color:var(--muted)}
.vt-akts-tbl tfoot td{font-weight:700;border-top:2px solid var(--line);padding:10px 14px}
#aTur{border:1px solid var(--line);border-radius:6px;padding:8px 10px;background:var(--surface);max-width:100%}
.vt-akts-buyuk{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 12px}
.vt-akts-buyuk b{display:block;font-family:var(--display);font-size:52px;line-height:1;color:var(--ink)}.vt-akts-buyuk div+div b{font-size:30px;color:var(--muted);margin-top:18px}
.vt-akts-buyuk span{font-size:12.5px;color:var(--faint)}
.vt-akts-bar{position:relative;height:12px;border-radius:6px;background:var(--surface2);overflow:visible}
.vt-akts-bar span{display:block;height:100%;border-radius:6px;background:var(--accent);transition:width .2s}.vt-akts-bar span.uy{background:var(--warn)}
.vt-akts-bar i{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink);transform:translateX(-1px)}
.vt-akts-bar-not{font-size:12px;color:var(--faint);margin:6px 0 12px}
.vt-akts-ozet{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:0 0 14px}
.vt-akts-ozet div{display:flex;flex-direction:column}.vt-akts-ozet dt{font-size:11.5px;color:var(--faint)}.vt-akts-ozet dd{margin:0;font-weight:600;font-family:var(--mono);font-size:14px}
.vt-etiket.ok{background:var(--ok)}.vt-etiket.uy{background:var(--warn)}
@media (max-width:640px){.vt-akts-kimlik{grid-template-columns:repeat(2,minmax(0,1fr))}.vt-akts-tbl td.num input{width:58px}.vt-akts-buyuk b{font-size:42px}}
.vt-akts-tbl td:first-child{width:52%;min-width:180px}.vt-akts-tbl td.num input{width:64px}.vt-akts-tbl th.num{text-align:right}
/* menü: yedi bağlantı tek satır; dar ekranda ikincil bağlantılar gizlenir */
.vt-nav a{white-space:nowrap}
@media (max-width:1320px){.vt-nav{margin-left:4px;gap:2px}.vt-nav a{padding:6px 8px;font-size:14px}.vt-nav a:nth-child(5),.vt-nav a:nth-child(7){display:none}}
@media (max-width:1140px){.vt-nav a:nth-child(4){display:none}}
/* telefon menüsü */
.vt-menu-dugme{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0}
.vt-menu-dugme span{display:block;width:18px;height:2px;border-radius:1px;background:var(--ink);transition:transform .2s,opacity .2s}
.vt-menu-dugme[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.vt-menu-dugme[aria-expanded="true"] span:nth-child(2){opacity:0}.vt-menu-dugme[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.vt-menu-panel{border-top:1px solid var(--line);background:var(--surface);max-height:calc(100vh - 60px);overflow-y:auto;box-shadow:0 18px 30px -20px rgba(0,0,0,.35)}
.vt-menu-panel .vt-ic{display:flex;flex-direction:column;padding-top:10px;padding-bottom:16px}
.vt-menu-baslik{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:12px 0 4px}
.vt-menu-panel a{display:flex;flex-direction:column;gap:2px;padding:11px 10px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:16px}
.vt-menu-panel a span{font-size:13px;color:var(--muted)}.vt-menu-panel a b{font-weight:600}
.vt-menu-panel a:hover,.vt-menu-panel a[aria-current="page"]{background:var(--accent-soft)}.vt-menu-panel a[aria-current="page"] b{color:var(--accent)}
.vt-menu-alt{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.vt-menu-alt .btn{justify-content:center;padding:11px}
@media (max-width:1000px){.vt-menu-dugme{display:flex}}
@media (min-width:1001px){.vt-menu-panel{display:none!important}}
@media (max-width:640px){.vt-eylem .btn.pri{padding:7px 10px;font-size:13px}}
body.vt-menu-acik .vt-cerez{display:none}
.vt-bas .vt-menu-panel .vt-ic{height:auto;align-items:stretch;gap:0}
/* Entegrasyon rehberi */
.vt .mono{font-family:var(--mono);font-size:.92em}
.vt-kod{font-family:var(--mono);font-size:12.5px;line-height:1.55;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:14px 16px;overflow-x:auto;white-space:pre;margin:8px 0 0;color:var(--ink)}
.vt-adimlar-liste{counter-reset:a;list-style:none;padding:0;margin:18px 0;display:grid;gap:12px}
.vt-adimlar-liste li{counter-increment:a;position:relative;padding-left:42px;font-size:15px;line-height:1.55}
.vt-adimlar-liste li::before{content:counter(a);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:700;font-size:13px}
.vt-gomulu .vt-bas,.vt-gomulu .vt-alt,.vt-gomulu .vt-cerez,.vt-gomulu .vt-son,.vt-gomulu .vt-yol{display:none!important}
.vt-gomulu .vt-kahraman{padding-top:28px}
.alt-gel img.gel-sade{height:16px;width:auto}.alt-gel img.gel-logo{height:24px;width:auto}.alt-gel picture{display:inline-flex}.alt-gel .gel-imza{display:inline-flex;align-items:center}

/* ---------- PEA ölçümü ve çıktı zinciri bölümleri (zincir.php) ---------- */
.vt-zin-gorsel{margin:0;cursor:zoom-in;transition:transform .15s,box-shadow .15s}.vt-zin-gorsel img{display:block;width:100%;height:auto}
.vt-zin-gorsel:hover,.vt-zin-gorsel:focus-visible{transform:translateY(-3px);box-shadow:0 34px 70px -30px rgba(16,40,50,.55);outline:none}
.vt-pea{background:linear-gradient(180deg,var(--bg) 0%,var(--surface) 60%);border-top:1px solid var(--line)}
.vt-pea-kart{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:24px;box-shadow:0 24px 50px -34px rgba(16,40,50,.5);display:grid;gap:18px}
.vt-pea-zaman{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:12px;color:var(--muted)}
.vt-pea-zaman span{display:flex;flex-direction:column;align-items:center;line-height:1.2}.vt-pea-zaman b{font-family:var(--display);font-size:20px;color:var(--ink)}
.vt-pea-zaman i{position:relative;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 13px);display:flex;justify-content:center}
.vt-pea-zaman i em{position:relative;top:-11px;font-style:normal;background:var(--surface);padding:0 8px;font-size:11.5px;font-family:var(--mono);color:var(--accent)}
.vt-pea-katman{display:grid;gap:10px}
.vt-pea-katman>div{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 44px 48px;gap:10px;align-items:center}
.vt-pea-katman span{font-size:13.5px;font-weight:600;line-height:1.25;display:flex;flex-direction:column}.vt-pea-katman small{font-weight:400;font-size:11.5px;color:var(--faint)}
.vt-pea-katman b{font-family:var(--mono);font-size:14px;text-align:right}.vt-pea-katman em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--muted)}
.vt-pea-bar{height:10px;border-radius:6px;background:var(--surface2);overflow:hidden}.vt-pea-bar i{display:block;height:100%;border-radius:6px;background:var(--z-tyyc,#7C8FA6)}
.vt-pea-bar.dis i{background:var(--z-kc,#B26A1E)}.vt-pea-bar.oz i{background:var(--accent-mid)}
.vt-pea-sonuc{display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center;border-top:1px dashed var(--line);padding-top:14px}
.vt-pea-sonuc>div{display:flex;flex-direction:column}.vt-pea-sonuc>div span{font-size:12.5px;color:var(--muted)}
.vt-pea-sonuc>div b{font-family:var(--display);font-size:clamp(40px,4.6vw,56px);line-height:1;color:var(--z-pea,#0E6A5C);letter-spacing:-.02em}
.vt-pea-rozet{background:var(--ok-soft);color:var(--ok);font-weight:600;font-size:13px;padding:6px 12px;border-radius:999px;white-space:nowrap}
.vt-pea-sonuc small{grid-column:1/-1;font-size:12.5px;color:var(--muted)}.vt-pea-sonuc small b{color:var(--ok)}
.vt-zin{background:var(--surface);border-top:1px solid var(--line)}
.vt-zin-bas{max-width:880px;margin-bottom:28px}.vt-zin-bas h2 em{font-style:normal;color:var(--accent)}
.vt-zin-serit .vt-halka{border-top:4px solid var(--c,var(--accent))}.vt-zin-serit .vt-halka-n{color:var(--c,var(--accent))}
.vt-zin-serit .z-sm{--c:#8A6FB0}.vt-zin-serit .z-oc{--c:#3F6FA0}.vt-zin-serit .z-pc{--c:var(--ink)}.vt-zin-serit .z-pea{--c:var(--z-pea,#0E6A5C)}.vt-zin-serit .z-kc{--c:var(--z-kc,#B26A1E)}.vt-zin-serit .z-tyyc{--c:var(--z-tyyc,#7C8FA6)}
.vt-halka-grup{flex:1.1 1 0;min-width:170px;display:grid;gap:6px}.vt-halka-grup .vt-halka{padding:8px 12px;gap:1px}.vt-halka-grup .vt-halka b{font-size:14px}
.vt-zin-vitrin{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:36px;align-items:start;margin-top:8px}
.vt-zin-buyuk{max-height:760px;overflow:hidden;position:relative}
.vt-zin-buyuk::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,transparent,var(--surface))}
.vt-zin-notlar{display:grid;gap:14px;position:sticky;top:90px}
.vt-zin-not{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.vt-zin-not>b{width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-family:var(--mono)}
.vt-zin-not span{font-size:14px;color:var(--muted);line-height:1.55}.vt-zin-not strong{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}
.vt-zin-kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.vt-zin-kartlar article{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--bg);transition:border-color .15s,transform .15s}
.vt-zin-kartlar article:hover{border-color:var(--accent);transform:translateY(-2px)}
.vt-zin-kartlar i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);margin-bottom:12px}
.vt-zin-kartlar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vt-zin-kartlar h3{margin:0 0 6px;font-size:16.5px}.vt-zin-kartlar p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}
@media (max-width:1000px){.vt-zin-vitrin{grid-template-columns:minmax(0,1fr)}.vt-zin-notlar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.vt-zin-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.vt-zin-notlar,.vt-zin-kartlar{grid-template-columns:minmax(0,1fr)}.vt-pea-katman>div{grid-template-columns:minmax(0,1fr) 44px 48px}.vt-pea-katman .vt-pea-bar{grid-column:1/-1;order:3}.vt-pea-kart{padding:16px}.vt-zin-buyuk{max-height:520px}.vt-halka-grup{min-width:0}}
.vt-pea-zaman i em{position:absolute;top:-22px;left:50%;transform:translateX(-50%);white-space:nowrap}
.vt-pea-zaman{padding-top:6px}
.vt-zin-serit{align-items:center}
@media (max-width:640px){.vt-zin-serit>.vt-halka,.vt-zin-serit>.vt-halka-grup{align-self:stretch;flex:0 0 auto}}
/* dil seçici */
.vt-dil{display:inline-flex;gap:2px;margin-right:8px;font-family:var(--mono);font-size:12px}.vt-dil a{padding:4px 7px;border-radius:6px;color:var(--muted);text-decoration:none}.vt-dil a:hover{color:var(--ink)}.vt-dil a[aria-current]{background:var(--accent-soft);color:var(--accent);font-weight:600}
/* İngilizce etiketler daha uzun: dar ekranlarda gezinme öğeleri daha erken gizlenir */
@media (max-width:1520px){html[lang="en"] .vt-nav{margin-left:4px;gap:2px}html[lang="en"] .vt-nav a{padding:6px 8px;font-size:14px}html[lang="en"] .vt-nav a:nth-child(5),html[lang="en"] .vt-nav a:nth-child(7){display:none}}
@media (max-width:1360px){html[lang="en"] .vt-nav a:nth-child(4),html[lang="en"] .vt-nav a:nth-child(3){display:none}}
@media (max-width:1180px){html[lang="en"] .vt-nav{display:none}}
@media (max-width:640px){.vt-dil{margin-right:0}.vt-dil a{padding:4px 5px}}
/* Roller, kapsam ve modüller (yonetisim.php) */
.vt-yon-gorsel{cursor:zoom-in;transition:transform .15s,box-shadow .15s}
.vt-yon-gorsel:hover,.vt-yon-gorsel:focus-visible{transform:translateY(-3px);box-shadow:0 34px 70px -30px rgba(16,40,50,.55);outline:none}
/* Türkçe üst şerit 1320–1440 px aralığında sığmıyordu; dar telefonda "Ücretsiz deneyin" düğmesi taşıyordu (menüde de var, orada kalır) */
@media (max-width:1440px){html[lang="tr"] .vt-nav{margin-left:4px;gap:2px}html[lang="tr"] .vt-nav a{padding:6px 8px;font-size:14px}html[lang="tr"] .vt-nav a:nth-child(5),html[lang="tr"] .vt-nav a:nth-child(7){display:none}}
@media (max-width:420px){.vt-bas .vt-ic{gap:6px}.vt-marka img{height:28px}.vt-eylem{gap:4px}.vt-eylem .btn.pri{display:none}}
