:root{--bg:#07060d;--bg2:#0c0a16;--card:#f5f4f8;--line:#251f3a;--fg:#f3f1fa;--mut:#9d98b4;--acc:#e9b95b;--violet:#8b5cf6;--cyan:#22d3ee;--pink:#f472b6;--ok:#3ec27f;--err:#ff7b7b;--r:16px;--grad:linear-gradient(115deg,#8b5cf6 0%,#22d3ee 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%}
.serif{font-family:Inter,system-ui,sans-serif;font-weight:700;letter-spacing:-.02em}
main{max-width:1120px;margin:0 auto;padding:32px 20px 72px}main.bare{max-width:none;padding:0 0 40px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
/* header */
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;padding:14px 28px;background:rgba(255,255,255,.97);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid rgba(139,92,246,.18)}
.logo{font:700 22px Inter,sans-serif;text-decoration:none;letter-spacing:-.03em;display:inline-flex;align-items:center;gap:9px}.logo{flex:none}.logo-img{display:block;height:30px;width:auto;max-width:none}
.links{display:flex;gap:22px;flex:1}.links a,.acct .link{color:var(--mut);text-decoration:none;font-size:15px}.links a:hover,.acct .link:hover{color:var(--fg)}
.acct{display:flex;align-items:center;gap:16px}.who{color:var(--mut);font-size:14px}
/* buttons */
.btn,button.btn{display:inline-block;background:var(--fg);color:#111;border:0;padding:11px 22px;border-radius:999px;font:600 15px Inter,sans-serif;cursor:pointer;text-decoration:none;transition:transform .12s,background .12s}
.btn:hover{background:#fff;transform:translateY(-1px)}.btn.grad{background:var(--grad);color:#fff;box-shadow:0 8px 30px rgba(139,92,246,.35)}.btn.grad:hover{background:var(--grad);filter:brightness(1.1);box-shadow:0 10px 38px rgba(34,211,238,.35)}.btn.sm{padding:7px 16px;font-size:14px}.btn.lg{padding:15px 30px;font-size:16px}.btn.block{width:100%;margin-top:6px}
.btn.ghost{background:rgba(21,20,26,.08);color:var(--fg);border:1px solid rgba(255,255,255,.22)}.btn.ghost:hover{background:rgba(21,20,26,.16)}
.google-btn{display:flex;align-items:center;justify-content:center;gap:10px}
/* Kurs sayfası: üst bölüm, yapışkan satın alma kartı (mobilde alt şerit), bölümlü müfredat, eğitmen, SSS */
.cp-hero{position:relative;min-height:min(62vh,560px);display:flex;align-items:flex-end;background-size:cover;background-position:center 25%;background-color:#12100f}
.cp-hero-in{position:relative;width:100%;padding-top:96px;padding-bottom:40px}.cp-hero .display{background:none;color:#fff;max-width:20ch;font-size:clamp(34px,5.4vw,64px)}.cp-hero .crumbs ol{margin-bottom:22px}.cp-hero .crumbs a,.cp-hero .crumbs li{color:var(--mut)}
.cp-hero .byline{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--mut)}.by-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3)}
.cp-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.cp-chips li{background:rgba(21,20,26,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px 12px;font-size:13px;color:#eee}
.cp-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start;padding-top:28px;padding-bottom:60px}.cp-main{grid-column:1;grid-row:1;min-width:0}.cp-aside{grid-column:2;grid-row:1;position:sticky;top:84px}
.buy-card{padding:0;overflow:hidden;margin-top:-140px;box-shadow:none}.buy-cover{aspect-ratio:16/9;background-size:cover;background-position:center;position:relative;background-color:#f5f4f8}
.buy-play{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;color:#fff;text-decoration:none;background:rgba(0,0,0,.25);transition:background .2s}.buy-play:hover{background:rgba(0,0,0,.4)}
.buy-body{padding:20px;display:grid;gap:10px}.buy-price{font:700 30px Inter,sans-serif;margin:0}.buy-price small{font-size:15px;color:var(--mut);font-weight:500}.buy-body .btn{width:100%;justify-content:center;text-align:center}.buy-body form{margin:0}
.buy-incl{list-style:none;padding:12px 0 0;margin:4px 0 0;border-top:1px solid var(--line);display:grid;gap:9px;font-size:14px;color:var(--mut)}.buy-incl li{display:flex;gap:10px;align-items:center}.ico.sm{width:20px;height:20px}
.cp-stats{padding-top:0}.cp-sec{margin:36px 0}.cp-sec>h2{margin:0 0 14px}.cp-sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.cp-sec-head h2{margin:0}
.learn-list{list-style:none;padding:20px 22px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}.learn-list li{position:relative;padding-left:26px}.learn-list li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
details.cp-part{border:1px solid var(--line);border-radius:12px;margin:10px 0;background:var(--card);overflow:hidden}details.cp-part>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px}details.cp-part>summary::-webkit-details-marker{display:none}
details.cp-part>summary .sec-title{margin:0;font-size:17px}details.cp-part>summary::after{content:"▾";color:var(--mut);transition:transform .2s}details.cp-part[open]>summary::after{transform:rotate(180deg)}details.cp-part .curr{margin:0;padding:0 18px}details.cp-part .curr li:last-child{border-bottom:0}
.tag.alt{border-color:var(--cyan);color:var(--cyan)}
.instr-card{display:grid;grid-template-columns:88px 1fr;gap:20px;padding:22px}.instr-card h3{margin:0 0 4px;font-size:22px}.instr-photo{width:88px;height:88px;border-radius:50%;object-fit:cover}.instr-photo.ph{display:grid;place-items:center;background:var(--grad);color:#fff;font:700 34px sans-serif}.instr-bio p{color:var(--mut);margin:8px 0}.cp-sec h3.sub{margin:24px 0 12px;font-size:18px}
details.faq{padding:0;margin:10px 0}details.faq>summary{cursor:pointer;padding:16px 18px;font-weight:600;list-style:none}details.faq>summary::-webkit-details-marker{display:none}details.faq>summary::after{content:"+";float:right;color:var(--mut)}details.faq[open]>summary::after{content:"−"}details.faq p{margin:0;padding:0 18px 16px;color:var(--mut)}
.cp-mobile-bar{display:none}.cp-main .grid.g3{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.cp-main .course{min-height:0;aspect-ratio:4/5}
@media (max-width:980px){.cp-layout{grid-template-columns:1fr;gap:0}.cp-aside{grid-column:1;grid-row:1;position:static}.cp-main{grid-row:2}.buy-card{margin-top:-60px}.learn-list{grid-template-columns:1fr}
  .cp-mobile-bar{display:flex;position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:55;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:10px 16px;gap:12px;align-items:center;justify-content:space-between}.cp-mobile-bar>div{display:grid}.cp-mobile-bar b{font:700 18px sans-serif}.cp-mobile-bar .btn{flex:none}.cp-mobile-bar form{margin:0}.cp-mobile-bar .btn+.btn{display:none}}
@media (min-width:821px) and (max-width:980px){.cp-mobile-bar{bottom:0}}
/* Çerez bandı ve tercih penceresi: içeriği kapatmaz; üç düğme eşit görünür (Reddet = Kabul et) */
.cc-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:14px 20px calc(14px + env(safe-area-inset-bottom))}
.cc-in{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:20px}.cc-in p{margin:0;font-size:14px;color:var(--mut);flex:1}.cc-in a{color:var(--fg)}
.cc-actions{display:flex;gap:10px;flex-wrap:wrap}.cc-actions .btn{min-width:120px;justify-content:center;text-align:center}
.cc-dialog{max-width:560px;width:calc(100% - 32px);color:var(--fg);padding:26px;position:relative}.cc-dialog::backdrop{background:rgba(0,0,0,.6)}.cc-dialog h2{margin:0 0 6px}
.cc-close{position:absolute;top:10px;right:12px;background:none;border:0;color:var(--mut);font-size:26px;line-height:1;cursor:pointer;padding:4px 8px}.cc-close:hover{color:var(--fg)}
.cc-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);margin:0;color:var(--fg)}.cc-row span{display:grid;gap:3px}.cc-row small{font-size:13px}
.cc-row input{width:auto;margin:0;flex:none;width:20px;height:20px;accent-color:var(--violet)}.cc-form .cc-actions{margin-top:18px}.cc-page .ok{color:var(--ok)}
@media (max-width:820px){.cc-bar{bottom:calc(64px + env(safe-area-inset-bottom));padding-bottom:14px}.cc-in{flex-direction:column;align-items:stretch;gap:12px}.cc-actions .btn{flex:1;min-width:0}}
/* Yasal Merkez */
.legal{max-width:1120px;margin:0 auto;padding:24px 20px 60px}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 18px;font-size:13px;color:var(--mut)}.crumbs li+li::before{content:"›";margin-right:6px;opacity:.6}.crumbs a{color:var(--mut);text-decoration:none}.crumbs a:hover{color:var(--fg)}
.legal-group{margin:30px 0}.legal-group h2{font-size:20px;margin:0 0 12px}.legal-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.legal-list .card{padding:20px}.legal-list a{text-decoration:none}.legal-list h3{margin:0 0 6px;font-size:17px}.legal-list p{margin:6px 0 0}
.chip.warn{background:rgba(233,185,91,.14);color:var(--acc);border:1px solid rgba(233,185,91,.4);font-size:12px;padding:1px 8px;border-radius:999px}
.legal-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}.legal-grid:not(:has(.legal-toc)){grid-template-columns:minmax(0,1fr)}
.legal-toc{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto;font-size:14px}.legal-toc ol{list-style:none;padding-left:0;margin:8px 0 0;display:grid;gap:6px}.legal-toc a{color:var(--mut);text-decoration:none}.legal-toc a:hover{color:var(--fg)}
.legal-doc{max-width:760px;min-width:0;overflow-wrap:anywhere}.legal-grid>*{min-width:0}.legal-doc h2,.legal-doc h3{scroll-margin-top:84px}.legal-doc table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:14px;margin:16px 0}.legal-doc th,.legal-doc td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.legal-doc th{background:var(--bg2)}
.legal-doc>footer{border-top:1px solid var(--line);margin-top:40px;padding-top:14px}
@media (max-width:900px){.legal-grid{grid-template-columns:1fr}.legal-toc{position:static;max-height:none;border:1px solid var(--line);border-radius:12px;padding:12px 16px}}
@media print{.top,.foot,.tabbar,.legal-toc,.crumbs,.skip{display:none!important}body{background:#fff;color:#000}.legal-doc{max-width:none}}
.verify-bar{background:rgba(233,185,91,.1);border-bottom:1px solid rgba(233,185,91,.35);color:var(--fg);font-size:14px;padding:9px 20px;text-align:center}.verify-bar a{color:var(--acc);font-weight:600}
/* Giriş / kayıt */
.auth{display:grid;grid-template-columns:1fr minmax(320px,440px);gap:40px;align-items:center;max-width:1000px;margin:48px auto;padding:0 20px}
.auth-side .eyebrow{color:var(--acc);font-weight:600;letter-spacing:.04em;font-size:14px;margin:0 0 10px;text-transform:none}
.auth-side h2{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:0 0 18px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth-points{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:14px}.auth-points li{position:relative;padding-left:30px;color:var(--mut);display:grid;gap:2px}.auth-points b{color:var(--fg);font-weight:600}.auth-lead{margin:0 0 20px;max-width:46ch}
/* Hoş geldin (onboarding) ve Eğitmen ol */
.onb{max-width:1040px;margin:0 auto;padding:28px 20px 60px}.onb-hero{margin:0 0 28px}.onb-hero h1{font-size:clamp(30px,4.4vw,46px);line-height:1.1;margin:6px 0 12px}.onb-hero p{max-width:62ch}
.onb-steps{list-style:none;counter-reset:s;padding:0;margin:0 0 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.onb-steps li{counter-increment:s;position:relative;padding:22px 20px 20px 62px}
.onb-steps li::before{content:counter(s);position:absolute;left:20px;top:20px;width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;font-weight:700;display:grid;place-items:center}.onb-steps h3,.onb-card h3{margin:0 0 6px;font-size:17px}.onb-steps p,.onb-card p{margin:0;color:var(--mut);font-size:15px}
.onb-sec{margin:38px 0}.onb-sec>h2{font-size:24px;margin:0 0 6px}.onb-sec>p.muted{margin:0 0 16px;max-width:64ch}
.onb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.onb-card{padding:20px}.onb-card .ico{margin-bottom:8px}
.onb-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.onb-split .card{padding:24px}.onb-split ul{margin:10px 0 0;padding-left:18px;color:var(--mut);display:grid;gap:6px}.onb-split h2{margin:0;font-size:22px}
.onb-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.pilot{font-size:11px;color:var(--acc);border:1px solid rgba(233,185,91,.4);border-radius:999px;padding:0 7px;margin-left:6px;vertical-align:middle}
@media (max-width:820px){.onb-steps,.onb-split{grid-template-columns:1fr}}
.auth-points li::before{content:"";position:absolute;left:0;top:.45em;width:16px;height:16px;border-radius:50%;background:var(--grad);opacity:.9}
.auth-card{padding:30px}.auth-card h1{margin:0 0 18px;font-size:28px}.auth-card .err{margin:0 0 14px}
.or-line{display:flex;align-items:center;gap:12px;color:var(--mut);font-size:13px;margin:18px 0}.or-line::before,.or-line::after{content:"";flex:1;height:1px;background:var(--line)}
.pw-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.pw-row label{margin:0}.pw-row a{color:var(--mut)}.pw-row a:hover{color:var(--fg)}
.pw-wrap{position:relative;margin:6px 0 14px}.pw-wrap input{margin:0;padding-right:84px}
.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--mut);font:inherit;font-size:13px;padding:6px 10px;border-radius:8px;cursor:pointer}.pw-toggle:hover,.pw-toggle:focus-visible{color:var(--fg);background:rgba(21,20,26,.06)}
.auth-form .btn{margin-top:4px}.auth-card .switch{margin:18px 0 0}
@media (max-width:820px){.auth{grid-template-columns:1fr;gap:22px;margin:20px auto}.auth-card{order:-1;padding:22px}.auth-side h2{font-size:26px}}
.btn.ok{background:var(--ok);color:#06150d}
button.link{background:none;border:0;font:inherit;cursor:pointer;padding:0;color:var(--mut)}.inline{display:inline;margin:0}
/* hero */
.hero-full{position:relative;min-height:min(78vh,720px);display:flex;align-items:flex-end;background-size:cover;background-position:center 25%;background-color:#12100f}
.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,rgba(7,6,13,.55) 38%,rgba(7,6,13,.15) 70%),linear-gradient(90deg,rgba(7,6,13,.82) 0%,rgba(7,6,13,0) 62%)}
.hero-in{position:relative;width:100%;padding-top:120px;padding-bottom:56px}.hero-empty{min-height:56vh}
.eyebrow{display:inline-block;color:var(--acc);font:600 13px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.display{font-size:clamp(38px,6.4vw,76px);line-height:1.04;margin:0 0 16px;max-width:15ch}
.lead{font-size:clamp(17px,2vw,21px);color:var(--mut);max-width:44ch;margin:0 0 10px}.byline{color:var(--mut);margin:0 0 26px}
.cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.price-lg{font:600 18px Inter,sans-serif;color:var(--fg)}
.buy{display:flex;gap:10px;flex-wrap:wrap}.buy input{width:min(290px,100%);margin:0;border-radius:999px;padding:14px 18px}
/* props / stats */
.props{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:44px;padding-bottom:20px}
.props div{border-top:1px solid var(--line);padding-top:16px}.props b{display:block;font:600 17px Inter,sans-serif;margin-bottom:4px}.props span{color:var(--mut);font-size:15px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:30px;padding-bottom:30px}
.stats div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}.stats b{display:block;font:700 22px Inter,sans-serif}.stats span{color:var(--mut);font-size:14px}
/* sections */
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap;margin:44px 0 20px}.sec-head h2,.wrap h2{font-size:clamp(26px,3.4vw,38px);margin:0 0 6px}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip-link{padding:7px 15px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--mut);font-size:14px}.chip-link:hover{color:var(--fg);border-color:#c9c7d3}.chip-link.on{background:var(--fg);color:#111;border-color:var(--fg)}
/* course cards */
.grid{display:grid;gap:20px}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.course{position:relative;display:block;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;text-decoration:none;background:var(--card);border:1px solid var(--line);isolation:isolate;transition:transform .2s,border-color .2s}
.course:hover{transform:translateY(-4px);border-color:#dcdae4}.course:hover .cover{transform:scale(1.05)}
.cover{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s;z-index:-2}.shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,0) 75%)}
.over{position:absolute;inset:auto 0 0 0;padding:18px}.chip{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}
.who-line{font-size:13px;color:var(--mut);margin-bottom:2px}.over h3{margin:0 0 6px;font-size:21px;line-height:1.15}.sub{margin:0 0 10px;font-size:13px;color:var(--mut);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.price-tag{display:inline-block;font:600 13px Inter,sans-serif;padding:4px 11px;border-radius:999px;background:rgba(21,20,26,.14);backdrop-filter:blur(6px)}
/* course detail */
.cols{display:grid;grid-template-columns:2fr 1fr;gap:40px;padding-top:12px;padding-bottom:12px}.body-text{color:var(--mut);font-size:17px;max-width:62ch}
.instr{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;align-self:start}.instr h3{margin:0 0 4px;font-size:24px}
.curr{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--line)}.curr li{display:grid;grid-template-columns:48px 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}
.curr .n{font:700 18px sans-serif;color:var(--mut)}.curr a{text-decoration:none}.curr a:hover{color:var(--acc)}
.tag{font-size:11px;border:1px solid var(--acc);color:var(--acc);border-radius:999px;padding:1px 9px;margin-left:8px;vertical-align:middle}
/* lesson player */
.crumb{margin:0 0 14px}.player{display:grid;grid-template-columns:2.2fr 1fr;gap:24px;align-items:start}
.video{position:relative;padding-top:56.25%;background:#000;border-radius:var(--r);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.bar{height:6px;background:var(--line);border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:var(--acc)}
.lessons{list-style:none;padding:0;margin:0}.lessons li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.lessons a{text-decoration:none}.lessons .cur{color:var(--acc);font-weight:600}.done{color:var(--ok)}
/* generic */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px}.narrow{max-width:430px;margin:36px auto}.center{text-align:center}
.muted{color:var(--mut)}.stack>*+*{margin-top:14px}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:140px}
label{display:block;margin:0 0 14px;color:var(--mut);font-size:14px}
input,textarea,select{width:100%;margin-top:6px;padding:11px 13px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:var(--fg);font:inherit}input:focus,textarea:focus{outline:2px solid var(--acc);outline-offset:1px}
textarea{min-height:120px}input[type=checkbox]{width:auto;margin-right:8px}
.flash{background:#e6f5ec;border:1px solid var(--ok);padding:11px 16px;border-radius:10px;margin:16px auto;max-width:1080px}main.bare .flash{margin:16px 20px}.err{color:var(--err)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.prose{max-width:720px;margin:0 auto}.prose h2{font-size:20px;margin:28px 0 6px}.prose p{color:var(--mut)}.draft{background:#fff7e0;border:1px solid #6b5a22;color:#8a6100!important;padding:10px 14px;border-radius:10px;font-size:14px}
/* footer */
.foot{border-top:1px solid var(--line);margin-top:40px;padding:40px 28px 24px;background:var(--bg2)}.foot-in{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px}
.foot h4{margin:0 0 10px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.foot a:not(.logo){display:block;color:var(--mut);text-decoration:none;font-size:14px;padding:3px 0}.foot a:not(.logo):hover{color:var(--acc)}
.copy{max-width:1120px;margin:28px auto 0;color:var(--mut);font-size:13px}
@media(max-width:820px){.top{padding:12px 16px;gap:14px}.links{gap:14px}.props,.foot-in{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.cols,.player{grid-template-columns:1fr}.hero-in{padding-top:90px;padding-bottom:36px}.grid.cards{grid-template-columns:repeat(2,1fr);gap:12px}.over{padding:12px}.over h3{font-size:17px}.sub{display:none}.curr li{grid-template-columns:34px 1fr auto}}
@media(max-width:420px){.grid.cards{grid-template-columns:1fr}.who{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Faz 1: arama, menü, katalog, eğitmenler, hesap */
.hsearch{margin-left:auto}.hsearch input{margin:0;width:230px;padding:8px 14px;border-radius:999px;background:#f5f4f8;font-size:14px}
.menu{position:relative}.menu summary{list-style:none;cursor:pointer;color:var(--fg);font-size:15px;padding:6px 12px;border:1px solid var(--line);border-radius:999px}.menu summary::-webkit-details-marker{display:none}
.menu-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 18px 50px rgba(0,0,0,.55);z-index:60}
.menu-pop a,.menu-pop button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:8px;color:var(--fg);text-decoration:none;font-size:14px;background:none;border:0;cursor:pointer;font-family:inherit}.menu-pop a:hover,.menu-pop button:hover{background:rgba(21,20,26,.07)}
.cat-head{padding:36px 0 18px}.cat-head h1{font-size:clamp(30px,4.4vw,48px);margin:0 0 6px}
.cat-layout{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start}
.filters{position:sticky;top:76px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px}.filters label{margin-bottom:12px}.filters .center{display:block;margin-top:12px;font-size:14px}
.pager{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:34px 0 0}.pager a{padding:8px 14px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--mut);min-width:40px;text-align:center}.pager a:hover{color:var(--fg);border-color:#c9c7d3}.pager a.on{background:var(--fg);color:#111;border-color:var(--fg)}
.empty{text-align:center;padding:70px 20px;background:var(--card);border:1px dashed var(--line);border-radius:var(--r)}.empty h2{margin:0 0 6px}
.more{text-align:center;margin:28px 0 0}.sp{margin-top:32px}.narrow2{max-width:620px}.tablewrap{overflow-x:auto}
.grid.insts{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.inst-card{display:block;text-align:center;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 14px;transition:transform .2s,border-color .2s}.inst-card:hover{transform:translateY(-3px);border-color:#dcdae4}
.inst-card h3{margin:12px 0 2px;font-size:19px}.inst-card p{margin:0 0 8px;font-size:14px}.inst-card .chip{margin:0}
.avatar{width:96px;height:96px;margin:0 auto;border-radius:50%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font:700 30px Inter,sans-serif;color:#fff;border:2px solid rgba(255,255,255,.12)}.avatar.xl{width:180px;height:180px;margin:0;flex:none;background-color:#f5f4f8}
.inst-hero{display:flex;gap:32px;align-items:center;padding-top:44px;padding-bottom:12px}.inst-hero h1{font-size:clamp(32px,5vw,54px);margin:0 0 6px}
.resume{display:flex;gap:18px;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 22px;text-decoration:none}.resume:hover{border-color:#dcdae4}.resume .rc{flex:1}.resume h3{margin:0 0 2px;font-size:20px}.resume .bar{margin-top:10px}
@media(max-width:820px){.cat-layout{grid-template-columns:1fr}.filters{position:static}.hsearch{display:none}.links{flex:1}.inst-hero{flex-direction:column;align-items:flex-start}.avatar.xl{width:120px;height:120px}.resume{flex-direction:column;align-items:stretch}}

.btn{white-space:nowrap}.cat-layout .grid.cards{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}
@media(max-width:820px){.top{gap:10px}.links{gap:12px}.links a,.acct .link{font-size:14px}.menu summary{padding:5px 10px}}
@media(max-width:520px){.links a:nth-child(2){display:none}.top{padding:10px 14px}.acct{gap:10px}}
.avatar.xl{font-size:56px;background-color:#f5f4f8}

/* Faz 2: oynatıcı araçları, bölümler, notlar, kaynaklar */
.tools{display:flex;gap:14px 22px;flex-wrap:wrap;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.tools .grp{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tools .lbl{color:var(--mut);font-size:13px;margin-right:2px}
.tools button{background:var(--bg2);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:5px 10px;font:600 13px Inter,sans-serif;cursor:pointer}
.tools button:hover{border-color:#555}.tools button[aria-pressed=true]{background:var(--fg);color:#111;border-color:var(--fg)}
.loop-label{color:var(--mut);font-size:13px;margin-left:6px}.looping .loop-label{color:var(--acc);font-weight:600}.looping .video{outline:2px solid var(--acc);outline-offset:2px}
.small{font-size:13px}kbd{background:var(--bg2);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:0 6px;font:12px ui-monospace,monospace}
.sec{margin:18px 0 4px;font:600 12px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}.sec:first-of-type{margin-top:6px}
.sec-title{margin:26px 0 0;font:700 20px Inter,sans-serif}.sec-title+.curr{margin-top:8px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-top:6px}.panel h3{margin:0 0 12px;font-size:20px}
.note-form{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.note-form textarea{flex:1;min-width:220px;min-height:64px;margin:0}
.notes,.res{list-style:none;margin:14px 0 0;padding:0}.notes li{display:grid;grid-template-columns:62px 1fr auto;gap:10px;align-items:start;padding:10px 0;border-top:1px solid var(--line)}
.notes p{margin:0;white-space:pre-wrap;word-break:break-word}.notes .ts{background:rgba(233,185,91,.14);color:var(--acc);border:0;border-radius:8px;padding:4px 8px;font:600 13px Inter,sans-serif;cursor:pointer}
.res li{padding:8px 0;border-top:1px solid var(--line)}.res a{text-decoration:none}.res a:hover{color:var(--acc)}
a.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(233,185,91,.25)}}
@media(prefers-reduced-motion:reduce){a.pulse{animation:none}}
.row.actions>*{flex:none;min-width:0}.row.actions{gap:10px}
.thumb{width:96px;height:54px;object-fit:cover;border-radius:6px;display:block;background:var(--bg2)}code{background:var(--bg2);border-radius:5px;padding:1px 6px;font-size:.92em}
.tablewrap input[name^=title_]{min-width:300px}.lessons .muted{white-space:nowrap}

/* ==== Yeni marka katmanı: yapay zekâ × müzik ==== */
.hero-ai{position:relative;overflow:hidden;min-height:min(86vh,760px);display:flex;align-items:center;isolation:isolate;background:radial-gradient(90% 70% at 15% 0%,rgba(139,92,246,.28),transparent 60%),radial-gradient(70% 60% at 100% 100%,rgba(34,211,238,.18),transparent 60%),var(--bg)}
.hero-ai canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.9}
.hero-glow{position:absolute;inset:auto -10% -30% -10%;height:60%;background:radial-gradient(60% 100% at 50% 100%,rgba(244,114,182,.16),transparent 70%);z-index:-1}
.hero-ai .hero-in{padding-top:130px;padding-bottom:84px}.hero-ai .display{max-width:17ch}.hero-ai .eyebrow{color:var(--cyan)}
.hero-ai .lead{max-width:54ch}
.display{background:linear-gradient(180deg,#fff 20%,#c9c3ee 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-full .display{background:none;color:#fff}
.hero-stats{display:flex;gap:34px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}
.hero-stats b{display:block;font:700 26px sans-serif}.hero-stats span{color:var(--mut);font-size:14px}
.themes .sec-head{display:block;max-width:60ch}.themes .sec-head p{margin:6px 0 0}
.glass-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.glass{position:relative;padding:26px;border-radius:var(--r);border:1px solid rgba(139,92,246,.22);background:linear-gradient(160deg,rgba(139,92,246,.12),rgba(34,211,238,.04) 60%,rgba(255,255,255,.02));backdrop-filter:blur(8px);transition:transform .2s,border-color .2s}
.glass:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.45)}.glass h3{margin:14px 0 8px;font-size:21px}.glass p{margin:0;color:var(--mut)}
.ico{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:var(--grad);color:#fff;font:700 22px sans-serif}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.steps li{border-top:2px solid transparent;border-image:var(--grad) 1;padding-top:18px}.steps b{font:700 14px sans-serif;color:var(--cyan);letter-spacing:.12em}.steps h3{margin:6px 0 6px;font-size:22px}.steps p{margin:0;color:var(--mut)}
.tools-show{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding:34px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(139,92,246,.14),rgba(7,6,13,.4))}
.tools-show h2{margin:0 0 8px}.chips-big{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.chips-big li{padding:9px 16px;border-radius:999px;border:1px solid rgba(34,211,238,.35);background:rgba(34,211,238,.07);font-weight:500;font-size:15px}
.cta-band{text-align:center;padding:56px 24px;border-radius:22px;background:radial-gradient(80% 140% at 50% 0%,rgba(139,92,246,.35),transparent 70%),var(--card);border:1px solid rgba(139,92,246,.3)}
.cta-band h2{margin:0 0 6px;font-size:clamp(28px,4vw,44px)}.cta-band p{color:var(--mut);margin:0 0 22px}
.lang{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.06em}
.lang a{padding:4px 10px;border-radius:999px;text-decoration:none;color:var(--mut)}.lang a.on{background:var(--grad);color:#fff}.lang a:not(.on):hover{color:var(--fg)}
.course{border-color:rgba(139,92,246,.18)}.course:hover{border-color:rgba(34,211,238,.5);box-shadow:0 14px 44px rgba(139,92,246,.22)}
.chip{color:var(--cyan)}.eyebrow{color:var(--cyan)}.sec-title,.curr .n{color:inherit}
.chip-link.on,.pager a.on{background:var(--grad);color:#fff;border-color:transparent}
.avatar{border-color:rgba(139,92,246,.35)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.foot{background:linear-gradient(180deg,var(--bg2),#f5f4f8);border-top:1px solid rgba(139,92,246,.18)}
@media(max-width:820px){.glass-grid,.steps,.tools-show{grid-template-columns:1fr}.hero-ai{min-height:auto}.hero-ai .hero-in{padding-top:96px;padding-bottom:48px}.lang{order:3}.hero-stats{gap:22px}}
@media(max-width:520px){.top{flex-wrap:wrap}.logo-img{height:26px}}
main.bare>section.wrap+section.wrap{margin-top:64px}main.bare>section.hero-ai+section.wrap{margin-top:72px}
.hsearch input{width:200px}.hsearch input::placeholder{overflow:hidden;text-overflow:ellipsis}
@media(max-width:1000px){.hsearch input{width:150px}}

/* MVP: arama önerileri, ödeme sayfası, hesap bilgileri */
.hsearch{position:relative}.sug{position:absolute;left:0;right:0;top:calc(100% + 8px);min-width:300px;margin:0;padding:6px;list-style:none;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.6);z-index:70}
.sug[hidden]{display:none}.sug a{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline;padding:9px 10px;border-radius:9px;text-decoration:none}
.sug li[aria-selected=true] a,.sug a:hover{background:rgba(139,92,246,.18)}.sug small{color:var(--cyan);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.sug .sug-s{grid-column:2;color:var(--mut);letter-spacing:0;text-transform:none;font-size:12px}
.sug .sug-all{display:block;color:var(--mut);font-size:13px;border-top:1px solid var(--line);margin-top:4px;border-radius:0 0 9px 9px}
.checkout{padding-top:24px}.stepper{display:flex;gap:8px;list-style:none;padding:0;margin:8px 0 22px;flex-wrap:wrap}.stepper li{padding:6px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--mut)}.stepper li.on{background:var(--grad);color:#fff;border-color:transparent;font-weight:600}
.co-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}.summary{position:sticky;top:84px}.summary h2,.co-grid h2{margin:0 0 12px;font-size:22px}
.co-main{display:grid;gap:18px;min-width:0}.co-form fieldset{border:0;margin:0;padding:0;min-width:0}.co-form fieldset:disabled{opacity:.6}.co-n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--grad);color:#fff;font:700 14px sans-serif;margin-right:10px;vertical-align:3px}
.stepper li.ok{color:var(--fg);border-color:var(--ok)}.stepper li.ok::before{content:"✓ ";color:var(--ok)}.co-pay iframe{display:block;background:#fff;border-radius:12px}.co-done{padding:32px 24px}.co-done h2{font-size:28px}
.sum-item{display:flex;gap:14px;align-items:center;margin-bottom:12px}.sum-cover{width:72px;height:72px;border-radius:12px;background-size:cover;background-position:center;flex:none}
.ticks{list-style:none;margin:0 0 14px;padding:0;color:var(--mut)}.ticks li{padding:4px 0}.ticks li::before{content:"✓";color:var(--ok);margin-right:8px}
.sum-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:14px;font-size:18px}.sum-total b{font:700 26px sans-serif}
label.check{display:flex;gap:10px;align-items:flex-start;color:var(--fg);font-size:14px;line-height:1.5}label.check input{width:18px;height:18px;margin:2px 0 0;flex:none}
.acc-card{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:flex-start;margin-bottom:26px}.acc-card h2{margin:0 0 10px;font-size:22px}.acc-links{display:flex;gap:10px;flex-wrap:wrap}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:0}.kv dt{color:var(--mut)}.kv dd{margin:0;word-break:break-all}
@media(max-width:820px){.co-grid{grid-template-columns:1fr}.summary{position:static;order:-1}.sug{min-width:0;position:fixed;left:12px;right:12px;top:64px}}
.codes{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0;margin:0}.codes code{display:block;padding:10px 12px;font-size:1.05rem;text-align:center;letter-spacing:.06em}
.secret{font-size:1.05rem;letter-spacing:.08em;word-break:break-all}.steps-list{padding-left:20px;margin:0}.steps-list li{margin:8px 0}
.sessions{list-style:none;margin:0;padding:0}.sessions li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.sessions form{margin:0}

/* Plus üyelik */
.plus-link{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:600}
.plus-hero{padding-top:56px;text-align:center}.plus-hero .display{max-width:20ch;margin:0 auto 14px}.plus-hero .lead{margin:0 auto 20px}.notice{display:inline-block;padding:8px 16px;border:1px solid rgba(34,211,238,.4);border-radius:999px;color:var(--cyan)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:760px;margin:24px auto}
.plan{position:relative;padding:28px;border-radius:20px;border:1px solid var(--line);background:var(--card)}.plan.best{border-color:rgba(34,211,238,.55);background:linear-gradient(160deg,rgba(139,92,246,.18),var(--card) 60%);box-shadow:0 18px 60px rgba(139,92,246,.25)}
.plan h2{margin:0 0 6px}.price{margin:0}.price b{font:700 36px sans-serif}.badge{position:absolute;top:-12px;right:18px;background:var(--grad);color:#fff;font-weight:700;font-size:12px;padding:4px 12px;border-radius:999px}
.faq{border-top:1px solid var(--line);padding:12px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--mut);margin:8px 0 0}
.st-active,.st-trialing{border-color:var(--ok);color:var(--ok)}.st-past_due{border-color:var(--acc);color:var(--acc)}.st-canceled,.st-expired,.st-failed{border-color:var(--err);color:var(--err)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:12px 0}.stats>div{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--card)}.stats b{display:block;font:700 22px sans-serif}.stats span{color:var(--mut);font-size:13px}
.row>.tag{flex:none;min-width:0;align-self:center;padding:2px 12px}

/* Arama: görselli sonuçlar, vurgu */
.sug{min-width:380px;max-height:70vh;overflow:auto}.sug a{display:flex;align-items:center;gap:12px;padding:8px 10px}
.sug-th{position:relative;flex:none;width:48px;height:48px;border-radius:10px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;font:700 15px sans-serif;color:#fff;background:var(--bg2)}
.sug-th.instructor{border-radius:50%}.sug-th.category{border-radius:12px;font-size:20px}.sug-th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sug-b{display:flex;flex-direction:column;min-width:0;flex:1}.sug-t{font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sug .sug-k{color:var(--cyan);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
.sug .sug-s{color:var(--mut);font-size:12px;letter-spacing:0;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sug .sug-p{flex:none;font:600 13px Inter,sans-serif;color:var(--fg);background:rgba(21,20,26,.08);padding:3px 10px;border-radius:999px}
.sug mark{background:transparent;color:var(--cyan);font-weight:700;text-decoration:underline;text-decoration-color:rgba(34,211,238,.5);text-underline-offset:3px}
.sug-request .sug-th{background:var(--grad)!important;color:#fff}.sug-dym .sug-th{background:#f5f4f8!important}
/* Talep panosu */
.reqs{list-style:none;margin:0;padding:0;display:grid;gap:10px}.req{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.req.st-done{border-color:rgba(62,194,127,.5)}.req.st-planned{border-color:rgba(34,211,238,.45)}.req-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px}.req p{margin:4px 0 0}
.vote{flex:none;display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:58px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--fg);font:700 15px sans-serif;cursor:pointer;text-decoration:none}.vote:hover{border-color:var(--cyan)}.vote.on{background:var(--grad);color:#fff;border-color:transparent}.req form{margin:0}
.req-cta{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:16px 0;padding:14px;border:1px dashed rgba(139,92,246,.5);border-radius:14px}
@media(max-width:820px){.sug{min-width:0}}

/* AI Çalışma Koçu */
.coach{margin:18px 0;padding:0;border:1px solid rgba(139,92,246,.35);border-radius:18px;background:linear-gradient(160deg,rgba(139,92,246,.12),var(--card) 55%);overflow:hidden}
.coach-h{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.coach-h>div:nth-child(2){flex:1}.coach-av{width:38px;height:38px;border-radius:12px;background:var(--grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}
.coach-tools{display:flex;gap:6px;flex-wrap:wrap}.chip-btn{background:var(--bg2);border:1px solid var(--line);color:var(--fg);border-radius:999px;padding:6px 12px;font:600 13px Inter,sans-serif;cursor:pointer}.chip-btn:hover{border-color:var(--cyan)}.chip-btn[aria-pressed=true],.chip-btn.on{background:var(--grad);color:#fff;border-color:transparent}
.coach-tabs{display:flex;gap:4px;padding:8px 12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.coach-tabs button{background:none;border:0;color:var(--mut);padding:8px 12px;border-bottom:2px solid transparent;font:600 14px Inter,sans-serif;cursor:pointer}.coach-tabs button[aria-selected=true]{color:var(--fg);border-color:var(--cyan)}
.coach-body{padding:14px 16px}.coach-log{max-height:340px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}
.msg{max-width:92%;padding:10px 12px;border-radius:14px;line-height:1.5;font-size:15px}.msg .who{display:block;color:var(--mut);font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.msg-b p{margin:0 0 6px}.msg-b ul{margin:4px 0 6px;padding-left:20px}
.msg.me{align-self:flex-end;background:rgba(139,92,246,.22)}.msg.coach{align-self:flex-start;background:#f5f4f8;border:1px solid var(--line)}.msg-note{margin:2px 0}.fb{display:flex;gap:6px;margin-top:6px}.fb-btn{background:none;border:1px solid var(--line);border-radius:8px;padding:2px 8px;cursor:pointer;opacity:.7}.fb-btn:hover,.fb-btn.on{opacity:1;border-color:var(--cyan)}
.cite{background:rgba(34,211,238,.14);color:var(--cyan);border:1px solid rgba(34,211,238,.4);border-radius:999px;padding:1px 9px;margin:0 2px;font:600 12.5px Inter,sans-serif;cursor:pointer}.cite:hover{background:rgba(34,211,238,.28)}
.coach-chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.coach-form{display:flex;gap:8px;align-items:flex-end}.coach-form textarea{flex:1;min-height:48px;margin:0;resize:vertical}.mic{padding:10px 12px;font-size:16px}
.coach.busy .coach-log{opacity:.85}.coach-foot{padding:0 16px 14px;margin:0}.coach-consent{padding:12px;border:1px dashed var(--cyan);border-radius:12px;margin:8px 0}
.quiz-q{padding:6px 0}.quiz-text{font-weight:600;margin:4px 0 10px}.quiz-choices{display:grid;gap:8px}.choice{text-align:left;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--fg);cursor:pointer;font:500 15px Inter,sans-serif}.choice:hover:not(:disabled){border-color:var(--cyan)}.choice.right{border-color:var(--ok);background:rgba(62,194,127,.14)}.choice.wrong{border-color:var(--err);background:rgba(255,123,123,.12)}
.quiz-fb{margin-top:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.quiz-done{padding:14px;text-align:center;font-size:20px}.try{margin-top:10px;padding:10px 12px;border-left:3px solid var(--cyan);background:rgba(34,211,238,.06);border-radius:0 10px 10px 0}
.kp{padding-left:18px}.kp li{margin:6px 0}.steps-plan{padding-left:20px}.steps-plan li{margin:8px 0}.steps-plan p{margin:2px 0 0;color:var(--mut)}.plan-form{display:flex;gap:8px;align-items:center;margin-bottom:10px}.plan-form input{width:80px;margin:0}
.pre{white-space:pre-wrap;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:13px}
@media(max-width:820px){.msg{max-width:100%}}

/* Çocuk modu (kiosk): büyük dokunma hedefleri, sakin hareket, yüksek kontrast */
main.kiosk{max-width:880px;margin:0 auto;padding:12px 16px 56px}.kiosk-top{justify-content:space-between}
.kid-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between;margin:8px 0 20px}.kid-hi,.kid-title{font-family:'Space Grotesk',system-ui,sans-serif;font-size:1.3rem}
.kid-back,.kiosk-exit{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line,#dcdae4);color:inherit;text-decoration:none}
.kid-h{font-size:clamp(1.6rem,5vw,2.4rem);margin:12px 0 22px}.stars{letter-spacing:2px;color:#8a6100}.stars.big{font-size:1.5rem}
.kid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.kid-card{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:22px;background:linear-gradient(135deg,#ece8ff,#f5ecff);color:inherit;text-decoration:none;min-height:140px;border:2px solid transparent}
.kid-card:hover,.kid-card:focus-visible{border-color:#8a6100;outline:none}.kid-ico{font-size:2rem}.kid-card small{opacity:.75}
.kid-empty{font-size:1.25rem;opacity:.85;padding:28px 0}.kid-panel{display:flex;flex-direction:column;gap:18px;align-items:flex-start;padding:22px 0}
.kid-big{font-size:clamp(1.3rem,4vw,1.9rem);line-height:1.35;margin:0}.kid-sub{font-size:1rem;opacity:.8;margin:0}.kid-how{font-size:1.15rem;margin:0}.kid-facts{font-size:1.15rem;line-height:1.5;padding-left:20px;margin:0}
.kid-btn{min-height:56px;padding:0 28px;font-size:1.15rem}.kid-listen{min-height:44px}.kid-choices{display:grid;gap:12px;width:100%}
.kid-choice{min-height:64px;font-size:1.2rem;text-align:left;justify-content:flex-start;padding:0 22px;border:2px solid var(--line,#dcdae4)}.kid-choice.ok{border-color:#4ade80;background:#e6f5ec}.kid-choice.no{border-color:var(--err);opacity:.6}
.kid-fb{font-size:1.15rem;min-height:1.5em;margin:0}.kid-clock{font-size:2.4rem;font-weight:700;margin:0}.kid-stars{font-size:3rem;color:#8a6100;margin:0;letter-spacing:6px}
@media (prefers-reduced-motion:no-preference){.kid-card{transition:transform .15s}.kid-card:hover{transform:translateY(-3px)}}

/* Musichool Akademi: yol haritası, istatistik kartı, ders paneli */
.video.pending{display:grid;place-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#1b1740,#33164a);border-radius:14px;text-align:center;padding:24px}
.yol-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin:20px 0}.yol-stats>div{display:flex;flex-direction:column;gap:6px}
.yol-path{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:18px;position:relative}
.yol-stop{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}.yol-n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--card,#f5f4f8);border:2px solid var(--line,#dcdae4);font-weight:700}
.yol-stop.live .yol-n{background:linear-gradient(135deg,#7c5cff,#ff5cb8);border-color:transparent;color:#fff}.yol-stop.soon .card{opacity:.82}.yol-stop.kids .yol-n{border-style:dashed}
.obj{padding-left:20px;margin:0 0 12px;line-height:1.5}.quiz-q{border:1px solid var(--line,#dcdae4);border-radius:12px;padding:12px 14px;margin:0 0 10px}.quiz-q legend{padding:0 6px;font-weight:600}
.quiz-opt{display:block;padding:8px 10px;border-radius:8px;min-height:44px}.quiz-opt.ok{background:#e6f5ec;outline:1px solid #4ade80}.quiz-opt.no{background:#fdeaea;outline:1px solid #f87171}

/* Ses Atölyesi */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.dr-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit}.dr-card:hover,.dr-card:focus-visible{border-color:#8a6100;outline:none}
.dr-levels{display:flex;gap:8px;margin:14px 0}.dr-stage{min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px}.dr-box{display:flex;flex-direction:column;gap:14px;align-items:flex-start;width:100%}
.dr-h{display:flex;gap:14px;align-items:center}.dr-q{font-size:clamp(1.3rem,4vw,1.8rem);margin:0}.dr-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%}.dr-opt{min-height:56px;font-size:1.05rem;border:2px solid var(--line,#dcdae4)}
.dr-opt.ok{border-color:#4ade80;background:#e6f5ec}.dr-opt.no{border-color:var(--err);background:#fdeaea}.dr-fb{min-height:1.5em;margin:0;font-size:1.1rem}.dr-sel{min-height:44px;border-radius:10px;padding:0 10px}
.dr-dots{display:flex;gap:8px}.dr-dots .dot{width:16px;height:16px;border-radius:50%;border:2px solid #5b5590}.dr-dots .dot.on{background:#4ade80;border-color:#4ade80}
.tap-pad{min-width:200px;min-height:120px;font-size:1.6rem;touch-action:manipulation;user-select:none}.tap-pad.hit{transform:scale(.96);filter:brightness(1.3)}
.staff{max-width:420px;margin:14px 0;color:#9d97c9}.kbwrap{margin:10px 0}.kb{position:relative;display:flex;height:170px;max-width:760px;user-select:none;touch-action:manipulation}
.wk{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:0 0 8px;background:#f4f1ff;color:#16132b;border:1px solid #bdb8dd;border-radius:0 0 8px 8px;font:inherit;cursor:pointer;min-width:0}
.wk .lab-s{font-weight:700;font-size:.8rem}.wk .lab-l,.wk .lab-k{font-size:.7rem;opacity:.7}.nolabels .wk .lab-s,.nolabels .wk .lab-l{visibility:hidden}
.bk{position:absolute;top:0;height:60%;background:#1a1733;border:1px solid #000;border-radius:0 0 6px 6px;z-index:2;color:var(--mut);font-size:.65rem;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;cursor:pointer}
.wk.down{background:#c8bbff}.bk.down{background:#5b45c9}.wk.bad,.bk.bad{background:#ffb4b4}
@media (max-width:520px){.kb{height:140px}.wk .lab-l{display:none}}
.q-staff{max-width:360px;color:#9d97c9;background:#f5f4f8;border:1px solid #dcdae4;border-radius:14px;padding:6px 10px}
.meter{position:relative;width:100%;max-width:360px;height:14px;border-radius:99px;background:linear-gradient(90deg,#f87171,#4ade80 40%,#4ade80 60%,#f87171)}.meter i{position:absolute;top:-4px;width:6px;height:22px;border-radius:3px;background:#fff;left:50%;transition:left .08s}
.breath{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#8b6cff,#ff6cc0);transition:transform 4s ease-in-out;margin:10px auto}
@media (prefers-reduced-motion:reduce){.breath{transition:none}}
.q-staff,.staff{width:100%}.q-staff svg,.staff svg{display:block;width:100%;height:auto}
.seq{display:flex;flex-direction:column;gap:6px;width:100%;overflow-x:auto}.seq-row{display:grid;grid-template-columns:54px repeat(16,minmax(20px,1fr));gap:3px;align-items:center;min-width:520px}.seq-lab{font-size:.8rem;color:var(--mut)}
.seq-cell{min-height:36px;border-radius:6px;border:1px solid #dcdae4;background:var(--bg2);cursor:pointer;padding:0}.seq-cell.beat{border-color:#6b5dd3}.seq-cell[aria-pressed=true]{background:linear-gradient(135deg,#8b6cff,#ff6cc0);border-color:transparent}.seq-cell.now{outline:2px solid #ffd166}
.expert{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}.expert details{font-size:.95rem}.expert ul{margin:6px 0;padding-left:20px;line-height:1.5}

/* Mobil öncelikli gezinme: alt sekme çubuğu + sade üst bar + Menü sayfası */
.tabbar{display:none}
@media (max-width:820px){
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-top:1px solid var(--line,#dcdae4);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;justify-content:center;border-radius:12px;color:var(--mut);text-decoration:none;font-size:11px;font-weight:600}
  .tabbar a[aria-current=page]{color:#fff;background:linear-gradient(135deg,rgba(139,108,255,.28),rgba(255,108,184,.2))}
  .top{flex-wrap:nowrap;justify-content:space-between;padding:10px 14px}.top .links{display:none}.top .acct{display:none}.top .hsearch{display:none}
  .top .lang{order:0;margin-left:auto}
  .top::after{content:'';display:none}
  main{padding:20px 16px 24px}main.bare{padding:0}
  .foot{padding-bottom:12px}
}
.menu-page h1{margin-bottom:6px}.mh{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#3ddcff;margin:22px 0 8px}
.mlist{display:flex;flex-direction:column;border:1px solid var(--line,#dcdae4);border-radius:16px;overflow:hidden;background:var(--card,#f5f4f8)}
.mrow{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 16px;color:inherit;text-decoration:none;border-bottom:1px solid #dcdae4}.mrow:last-child{border-bottom:0}.mrow:hover,.mrow:focus-visible{background:var(--bg2);outline:none}
.mrow span:first-child{display:flex;flex-direction:column;gap:2px}.mrow small{font-size:.8rem}
.m-only{display:none}.plus-pill{padding:6px 12px;border-radius:999px;border:1px solid #6b55d9;color:var(--mut);text-decoration:none;font-weight:700;font-size:13px}
@media (max-width:820px){.m-only{display:inline-flex;align-items:center;min-height:36px}}
.resume-card{display:flex;flex-direction:column;gap:6px;max-width:520px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.97);border:1px solid #dcdae4;color:inherit;text-decoration:none;margin:6px 0}.resume-card b{font-family:'Space Grotesk',system-ui,sans-serif;font-size:1.25rem}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tile{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;background:var(--card,#f5f4f8);border:1px solid var(--line,#dcdae4);color:inherit;text-decoration:none;min-height:116px}.tile:hover,.tile:focus-visible{border-color:#8a6100;outline:none}.tile-ico{font-size:1.6rem}.tile small{color:var(--mut)}
@media (min-width:821px){.tiles{grid-template-columns:repeat(4,1fr)}}
.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cat-card{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:16px;background:var(--card,#f5f4f8);border:1px solid var(--line,#dcdae4);color:inherit;text-decoration:none;min-height:120px}.cat-card:hover,.cat-card:focus-visible{border-color:#8b6cff;outline:none}.cat-card .tag{align-self:flex-start;margin-top:auto}
@media (min-width:821px){.cat-grid{grid-template-columns:repeat(4,1fr)}}
.plus-band{background:linear-gradient(135deg,#ece8ff,#f5ecff)}
.parent{border:1px dashed #5b5590;border-radius:12px;padding:8px 12px;margin:8px 0}
.compare{border:1px solid var(--line,#dcdae4);border-radius:16px;overflow:hidden;margin:12px 0}.crow{display:grid;grid-template-columns:1fr 64px 64px;gap:8px;padding:12px 14px;border-bottom:1px solid #dcdae4;align-items:center;font-size:.95rem}.crow:last-child{border-bottom:0}.crow span:not(:first-child),.crow b:not(:first-child){text-align:center}.crow .pl{color:#8a6100;font-weight:700}.chead{background:var(--bg2)}
@media (max-width:820px){.plans{display:flex;flex-direction:column}.plan{width:100%}}

/* PWA: yükleme önerisi ve uygulama kipi */
.pwa-banner{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:70;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-radius:16px;background:var(--bg2);border:1px solid #6b55d9;box-shadow:0 10px 30px rgba(0,0,0,.45);font-size:14px}
.pwa-banner span{flex:1 1 180px}
@media (min-width:821px){.pwa-banner{left:auto;right:20px;bottom:20px;max-width:420px}}
.is-app .foot{display:none}
[data-offline-save][aria-pressed="true"]{border-color:#4ade80;color:var(--ok)}
.mrow[hidden]{display:none}

/* Öğrenme motoru */
.today-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.today-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;min-height:96px}
.skill-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.skill{display:flex;flex-direction:column;gap:8px}.skill.locked{opacity:.55}
.skill[data-status=review]{border-color:#8a6100}.skill[data-status=solid]{border-color:#4ade80}
.bar2{height:8px;border-radius:99px;background:var(--bg2);overflow:hidden}.bar2 i{display:block;height:100%;background:linear-gradient(90deg,#8b6cff,#ff6cc0)}
.today-card .tag{align-self:flex-start}.today-card{padding:14px 16px}

/* Meydan okuma, profil, hoş geldin */
.challenge-head{display:flex;gap:16px;align-items:center}
.ring{--p:0;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#8b6cff calc(var(--p)*1%),#dcdae4 0);flex:none;position:relative}
.ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--bg2)}.ring b{position:relative}
.challenge-list{list-style:none;margin:12px 0;padding:0;display:grid;gap:10px}
.ch-item{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;min-height:64px}.ch-item>span:nth-child(2){flex:1;display:flex;flex-direction:column}
.ch-item.done{border-color:#4ade80}.ch-n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8b6cff,#ff6cc0);color:#fff;font-weight:700;flex:none}
.challenge-card{border-color:#8a6100}
.prof-top{display:flex;gap:18px;align-items:center}.big{font-size:34px}.stats4{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
@media (min-width:700px){.stats4{grid-template-columns:repeat(4,1fr)}}
.radar{width:100%;max-width:340px;display:block;margin:0 auto}.radar-card{text-align:center}
.heat{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:3px}
.hm{display:block;aspect-ratio:1;border-radius:3px;background:var(--bg2)}.hm.l1{background:#4a3b9c}.hm.l2{background:#7b5cff}.hm.l3{background:#ff6cc0}
.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.badge{display:flex;flex-direction:column;gap:4px}
.opt{display:flex;gap:12px;align-items:center;min-height:52px;cursor:pointer}.opt input{width:22px;height:22px;flex:none}.opt span{display:flex;flex-direction:column}
.engine-hint{font-weight:600;color:var(--mut);margin:6px 0}
.challenge-win{font-weight:700;font-size:18px;color:#8a6100}
.dr-box{position:relative}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-10px;left:var(--x);width:8px;height:14px;background:hsl(var(--h) 90% 65%);border-radius:2px;animation:fall 2.2s var(--d) ease-in forwards}
@keyframes fall{to{transform:translateY(420px) rotate(540deg);opacity:0}}
.stats4 .card{display:flex;flex-direction:column;gap:2px}
.grew{margin:10px 0;padding:12px 14px;border:1px solid #dcdae4;border-radius:14px;background:#f5f4f8}.grew-list{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}.grew-list li{display:grid;grid-template-columns:1fr 90px auto;gap:10px;align-items:center;font-size:14px}

/* Motion stüdyosu */
.studio{max-width:1100px;margin:0 auto;padding:12px 16px 90px}.stage-wrap{position:relative;border-radius:18px;overflow:hidden;background:#0b0a14;border:1px solid #dcdae4}.stage{display:block;width:100%;aspect-ratio:16/9}
.ekran{position:absolute;left:0;right:0;top:12px;text-align:center;font-weight:700;font-size:clamp(14px,2vw,22px);color:#8a6100;text-shadow:0 2px 8px #000;pointer-events:none}
.cap{position:absolute;left:5%;right:5%;bottom:14px;text-align:center;font-size:clamp(13px,1.9vw,22px);line-height:1.35;color:#fff;background:rgba(0,0,0,.55);border-radius:10px;padding:6px 12px;min-height:1.4em;pointer-events:none}.cap:empty{opacity:0}
.track{height:10px;border-radius:99px;background:var(--bg2);margin:12px 0;cursor:pointer;overflow:hidden}.track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8b6cff,#ff6cc0)}
.studio-ctl{align-items:center;gap:12px}.scene-list{list-style:none;padding:0;margin:14px 0;display:flex;flex-wrap:wrap;gap:8px}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:#ffd166;color:#fff;padding:10px 14px;border-radius:10px;font-weight:700}.skip:focus{left:8px}
main:focus{outline:none}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.warnlist{list-style:none;padding:12px 16px}.warnlist li{padding:4px 0}.notice.ok{border-color:#4ade80}
.studio.compact{max-width:none;padding:0;margin:0 0 12px}.studio.compact .track{margin:8px 0}
.fark{grid-template-columns:1fr}@media (min-width:700px){.fark{grid-template-columns:repeat(3,1fr)}}
.ico{width:32px;height:32px;vertical-align:middle;display:inline-block}.ico.sm{width:20px;height:20px}.ico.lg{width:44px;height:44px}.tile-ico .ico{display:block}.coach-av .ico{width:26px;height:26px}

/* Blog ve kurumlar */
.post-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.post-card h2{font-size:20px;margin:0 0 6px}.post-card a{color:inherit;text-decoration:none}.post-card a:hover h2{text-decoration:underline}.post-card .tag{margin-right:4px}.post .byline{margin-bottom:18px}.post blockquote{border-left:3px solid var(--acc);margin:16px 0;padding:4px 16px;color:var(--mut)}.post ul,.post ol{color:var(--mut);padding-left:22px}.post-cta{margin:34px 0 10px}.post-cta h2{margin-top:0}.related{margin-top:28px}.related h2{font-size:22px}
.inst .cat-head{padding-top:40px}.inst .props{grid-template-columns:repeat(2,1fr);padding-top:24px}.inst .props .card h3{margin:0 0 6px}@media(max-width:820px){.inst .props{grid-template-columns:1fr}}.inst .steps{padding-left:22px;color:var(--mut)}.inst .steps li{margin:6px 0}.inst form{min-width:0}.inst .cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:820px){.inst .cols{grid-template-columns:1fr}}
.ipanel .cat-head{padding-top:36px}.ipanel table input{min-width:90px}.ipanel .tag.ok,.ipanel .ok{color:var(--ok)}.ipanel .warn{color:#8a6100}.ipanel .card.sp ul{list-style:none;padding:0}
@media(max-width:820px){table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}}
@media(max-width:820px){.row>.btn{white-space:normal!important}}
.notif .chk{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line)}.notif .chk input{margin-top:5px}.notif .chk:last-of-type{border-bottom:0}.notif h2{margin:18px 0 4px;font-size:18px}
.coach.twin{border-color:rgba(34,211,238,.45)}.twin-av img{width:38px;height:38px;border-radius:12px;object-fit:cover}.ikiz .steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.ikiz .step{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--card)}.ikiz .step.done{border-color:var(--ok)}.ikiz .step b{display:block;margin-bottom:4px}.ikiz textarea{width:100%}.ikiz .esc{border-left:3px solid var(--cyan);padding-left:12px;margin:10px 0}
.note-strip{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.note-strip .note{padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--line)}.note-strip .ok{border-color:var(--ok);color:var(--ok)}.note-strip .off{border-color:#8a6100;color:#8a6100}.listen-card{margin-top:10px}.listen-row{margin:6px 0}.listen-row.ok b{color:var(--ok)}.listen-row.fix b{color:#8a6100}[data-listen] input[type=text]{width:100%;margin:8px 0}
.note-strip .miss{border-style:dashed;opacity:.55}.note-strip.target .ok{background:color-mix(in srgb,var(--ok) 14%,transparent)}.listen-stars{font-size:20px;letter-spacing:2px;color:#8a6100;margin:6px 0}.listen-stars span{letter-spacing:0;font-size:13px}.listen-target{margin:0 0 6px;padding:6px 10px;border:1px solid var(--line);border-radius:8px}
[data-listen] [hidden]{display:none!important}
/* Aranje görünümü */
.arr{--lane-sub:#e5486a;--lane-low:#f0a03c;--lane-mid:#3fc7a8;--lane-high:#6aa8ff}
.arr-head h1{margin:.2em 0}.arr-head p{max-width:72ch}
.arr-src{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:12px;align-items:stretch}
@media(max-width:760px){.arr-src{grid-template-columns:1fr}}
.arr-drop{display:grid;gap:4px;place-content:center;text-align:center;border:1.5px dashed var(--line);border-radius:12px;padding:14px;cursor:pointer;min-height:84px}
.arr-drop.over,.arr-drop:hover{border-color:#22d3ee}
.arr-link{display:flex;gap:8px;align-items:center}.arr-link input{flex:1;min-width:0}
.arr-stage{margin-top:14px;display:grid;gap:12px}
.arr-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:flex-end}.arr-top h2{margin:0}
.arr-ctl{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.arr-time,.arr-bpm{font-variant-numeric:tabular-nums}
.arr-yt iframe{width:100%;max-width:560px;aspect-ratio:16/9;border:0;border-radius:10px}
.arr-view{position:relative;border:1px solid var(--line);border-radius:12px;padding:0 0 8px;overflow:hidden;cursor:pointer;user-select:none;background:color-mix(in srgb,var(--line) 18%,transparent)}
.arr-view:focus-visible{outline:2px solid #22d3ee}
.arr-ruler{position:relative;height:20px;border-bottom:1px solid var(--line);font-size:11px}
.arr-tick{position:absolute;top:3px;transform:translateX(2px);opacity:.7;font-variant-numeric:tabular-nums}.arr-tick::before{content:"";position:absolute;left:-2px;top:-3px;height:20px;border-left:1px solid var(--line)}
.arr-secs{position:relative;height:56px;margin-top:6px}
.arr-sec{position:absolute;top:0;height:52px;border:0;border-radius:6px;background:var(--c);color:#fff;padding:6px 8px;text-align:left;overflow:hidden;font:inherit;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset -1px 0 0 rgba(0,0,0,.35);opacity:.8;cursor:pointer}
.arr-sec b{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.arr-sec small{font-size:11px;opacity:.85}
.arr-sec.on{opacity:1;outline:2px solid #fff;outline-offset:-2px}
.arr-lanes{position:relative;margin-top:4px}.arr-lanes canvas{display:block;width:100%}.arr-lanes.off canvas{display:none}
.arr-lane-names{position:absolute;left:6px;top:30px;display:grid;grid-auto-rows:26px;font-size:11px;pointer-events:none;opacity:.9}.arr-lanes.off .arr-lane-names{position:static;padding:8px}
.arr-lane-names span{line-height:26px;text-shadow:0 1px 2px rgba(0,0,0,.7);color:#fff}
.arr-ev{position:absolute;inset:0;pointer-events:none}.arr-evm{position:absolute;transform:translateX(-50%);font-size:12px;font-weight:700;line-height:18px;width:16px;text-align:center;border-radius:4px;background:rgba(0,0,0,.55);color:#fff;pointer-events:auto}
.arr-evm.out{opacity:.7}
.arr-head-line{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 8px #22d3ee;pointer-events:none;transform:translateX(-1px)}
.arr-now{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;min-height:64px}@media(max-width:640px){.arr-now{grid-template-columns:1fr}}
.arr-now-cur{border-left:4px solid var(--c);padding-left:10px}.arr-now-cur b,.arr-now-next b{font-size:18px;margin-left:6px}.arr-now-cur p{margin:4px 0 0}
.arr-formula{font-size:14px;opacity:.9}
.arr-quiz .row{flex-wrap:wrap;gap:6px;margin-top:8px}.arr-quiz .chip-btn{border-left:4px solid var(--c)}
.arr-legend ul{list-style:none;padding:0;display:grid;gap:6px}.arr-sw{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-right:4px}
.arr-lib{display:grid;gap:4px}
.arr-genre{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.arr-genre .eyebrow{margin-right:4px}.arr-genre .chip-btn.on{background:var(--fg);color:var(--bg)}
.arr-sample{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.arr-sample select{max-width:180px}
.fbk{display:grid;gap:12px}.fbk audio{width:100%;margin:4px 0}.fb-note{margin:6px 0}.fb-comments{list-style:none;padding:0;display:grid;gap:6px}.fb-list{list-style:none;padding:0;display:grid;gap:8px}.fb-send{margin-top:10px}.fb-form textarea{width:100%}.fb-ai{border-left:4px solid var(--violet)}tr.late td{background:color-mix(in srgb,var(--err) 10%,transparent)}
/* Zorlanılan anlar haritası (eğitmen paneli) */
.hm{width:100%;height:auto;display:block}.hm-bar{fill:var(--pink);opacity:.75}.hm-line{stroke:var(--cyan);stroke-width:2}.hm-mark{fill:var(--acc);font:700 11px Inter,sans-serif}
.hm-key{display:inline-block;width:14px;height:8px;border-radius:2px;margin-right:4px;vertical-align:middle}.hm-key.line{background:var(--cyan)}.hm-key.bar{background:var(--pink)}
.hm-list li{margin:10px 0}.hm-list blockquote{margin:6px 0 0;padding-left:10px;border-left:2px solid var(--line);color:var(--mut)}
/* Katalog: süzgeç çipleri, ürün türü rozeti, eğitmen profili, kategori üst bloğu, mentörlük planı */
.fchips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 22px}.fchip{padding:7px 14px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--fg);text-decoration:none}.fchip small{color:var(--mut);margin-left:4px}.fchip:hover{border-color:var(--acc)}.fchip.on{background:var(--grad);color:#fff;border-color:transparent;font-weight:600}.fchip.on small{color:#fff}
.chip.kind{background:var(--grad);color:#fff;font-weight:600;margin-right:6px}.course.draft{opacity:.5;outline:1px dashed var(--line)}
.buy-cover{position:relative}.kind-badge{position:absolute;left:12px;top:12px;padding:5px 12px;border-radius:999px;background:var(--grad);color:#fff;font-size:13px;font-weight:600}
.area-chips,.inst-stats{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:12px 0 0}.area-chips a{display:inline-block;padding:5px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--fg);text-decoration:none}.area-chips a:hover{border-color:var(--acc)}
.inst-stats a{color:var(--mut);text-decoration:none;font-size:14px}.inst-stats b{color:var(--fg);font:700 18px sans-serif;margin-right:2px}.inst-stats li+li::before{content:"·";margin-right:8px;color:var(--mut)}
.inst-about{max-width:820px}.inst-group{margin:8px 0 34px}.inst-group>p{margin:-4px 0 16px;max-width:720px}.cat-people{margin:0 0 28px}.cat-people h2{font-size:22px}
.lead-sm{font-size:17px;line-height:1.6;color:var(--mut);max-width:760px}.plan-body{padding:4px 18px 16px}.plan-items{margin:6px 0 0;padding-left:18px;color:var(--mut)}.plan-items li{padding:3px 0}
.mentor-note{padding:22px 24px}.mentor-note h2{margin-top:0}.steps-sm{margin:0;padding-left:20px;line-height:1.6}.steps-sm li{padding:3px 0}
/* Görselli kapak (çoğu afiş, içinde yazı var): üst bölümde güçlü karartma, başlık okunur kalsın */
.cp-hero.has-img .hero-shade{background:linear-gradient(90deg,rgba(7,6,13,.96) 0%,rgba(7,6,13,.88) 50%,rgba(7,6,13,.55) 100%),linear-gradient(0deg,rgba(7,6,13,.9),transparent 60%)}
/* Kayıt: rol seçimi (öğrenci/eğitmen); 3. onayın metni role göre değişir (JS yok, :has) */
.role-pick{border:0;padding:0;margin:0 0 6px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-pick legend{font-weight:600;margin-bottom:8px}.role-card{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;cursor:pointer;position:relative}.role-card input{position:absolute;opacity:0;pointer-events:none}.role-card:has(input:checked){border-color:var(--acc);box-shadow:0 0 0 1px var(--acc) inset}.role-card:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:2px}
.consents{border:0;padding:0;margin:0;display:grid;gap:8px}.consents legend{margin-bottom:4px}.auth-form .only-egitmen{display:none}.auth-form:has(#rol-egitmen:checked) .only-egitmen{display:inline}.auth-form:has(#rol-egitmen:checked) .only-ogrenci{display:none}
/* Blog: kart ızgarası, öne çıkan, yazı üst bölümü, içindekiler, ilgili video; YouTube hafif oynatıcı */
.bgrid{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.bgrid.small{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.bcard a{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--fg);background:var(--bg2,#f5f4f8);transition:transform .2s,border-color .2s}.bcard a:hover{transform:translateY(-2px);border-color:var(--acc)}
.bthumb{aspect-ratio:16/9;background-size:cover;background-position:center}.bbody{padding:14px 16px 16px;display:grid;gap:6px}.bbody h2{font-size:19px;line-height:1.3;margin:0}.bbody p{margin:0}.bbody .chip{justify-self:start}
.bcard.big{grid-column:1/-1;font-size:1rem}.bcard.big a{flex-direction:row}.bcard.big .bthumb{flex:1.3;aspect-ratio:auto;min-height:280px}.bcard.big .bbody{flex:1;padding:28px;align-content:center}.bcard.big h2{font-size:28px}
@media(max-width:760px){.bcard.big a{flex-direction:column}.bcard.big .bthumb{min-height:200px}}
.pager{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 18px}.pager a,.pager span{padding:6px 12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--fg)}.pager span{background:var(--grad);color:#fff;border-color:transparent}
.post-hero{position:relative;background-size:cover;background-position:center;background-color:#12100f;min-height:300px;display:flex;align-items:flex-end}.post-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,6,13,.96),rgba(7,6,13,.7) 55%,rgba(7,6,13,.45))}.post-hero-in{position:relative;padding:90px 0 34px;max-width:900px}.post-hero h1{font-size:clamp(30px,4.4vw,52px);margin:6px 0 10px}.post-hero .lead{max-width:760px}
.post-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start;padding-top:30px}.post-layout:not(:has(.post-toc)){grid-template-columns:minmax(0,1fr)}.post-body{max-width:760px}
.post-toc{position:sticky;top:90px;font-size:14px}.post-toc ol{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px;border-left:2px solid var(--line)}.post-toc a{display:block;padding:2px 0 2px 12px;color:var(--mut);text-decoration:none}.post-toc a:hover{color:var(--fg)}
@media(max-width:980px){.post-layout{grid-template-columns:minmax(0,1fr)}.post-toc{position:static}}
.post-video{margin:22px 0 26px}.post-courses{margin:34px 0}
.yt{margin:0}.yt-play,.yt iframe{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;width:100%;border:0}.yt.short .yt-play,.yt.short iframe{aspect-ratio:9/16}.yt-play img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.yt-play:hover img{transform:scale(1.03)}
.yt-btn{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:14px;background:rgba(255,0,0,.88)}.yt-btn::after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.yt-dur{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.8);color:#fff;font-size:12px}.yt figcaption{font-size:14px;margin-top:8px;color:var(--fg)}
.yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.yt-shorts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:18px}.inst-intro .yt{max-width:820px}.inst-videos{margin:30px auto}
.instr-intro{margin-top:1.25rem}.instr-intro .yt{max-width:640px}
/* ==== Tasarım 2026-10: düz alanlar, gradyan ve gölge yok, keskin köşe. Cümle düzeni: fotoğraf, cümlenin içinde kelime gibi durur. ==== */
@font-face{font-family:Sentient;src:url(/fonts/sentient-300.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:Sentient;src:url(/fonts/sentient-400.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-latin-ext.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#131218;--bg2:#1b1a22;--card:#1b1a22;--line:#2c2a36;--fg:#fff;--mut:#c9c6d4;--field:#3b22c9;--field-2:#321cae;--pale:#e8e2ff;--paper:#f3f1ec;--paper-ink:#17161c;--acc:#e8e2ff;--violet:#3b22c9;--cyan:#e8e2ff;--pink:#e8e2ff;--r:0px;--grad:#e8e2ff;--disp:Sentient,Georgia,"Times New Roman",serif}
body{font-size:17px;line-height:1.55}
.serif{font-family:var(--disp);font-weight:400;letter-spacing:-.015em;line-height:1.05}
h1,h2,h3{text-wrap:balance}
.display{background:none!important;-webkit-text-fill-color:currentColor;font-weight:300}
.btn,button.btn{border-radius:0;padding:13px 24px;font:600 16px/1.2 Inter,system-ui,sans-serif;background:var(--pale);color:var(--field);box-shadow:none;transition:transform .16s,background .16s}
.btn:hover{background:#fff;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn.grad{background:var(--pale);color:var(--field);box-shadow:none}.btn.grad:hover{background:#fff;filter:none}
.btn.ghost{background:transparent;color:inherit;border:2px solid currentColor;padding:11px 22px}.btn.ghost:hover{background:rgba(21,20,26,.1)}
.btn.lg{padding:17px 30px;font-size:17px}.btn.sm{padding:9px 16px;font-size:14px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--pale);outline-offset:2px}
.card{border:0;border-radius:0;background:var(--card);box-shadow:none}
/* Üstbilgi: düz çubuk, altındaki alanın rengini alır */
.top{background:var(--bg);backdrop-filter:none;border-bottom:0;padding:14px 32px;transition:background .3s}.top[data-on=field]{background:var(--field)}.top[data-on=paper]{background:var(--paper);color:var(--paper-ink)}.top[data-on=paper] .links a,.top[data-on=paper] .acct .link{color:var(--paper-ink)}
.links a,.acct .link{color:#fff;font-size:16px}.links a:hover,.acct .link:hover{text-decoration:underline;text-underline-offset:4px}
/* Ana sayfa */
.h-hero{background:var(--field);color:#fff;min-height:calc(100svh - 66px);display:flex;align-items:flex-end;padding:32px 0 40px}.h-hero .wrap,.h-types .wrap,.h-courses .wrap,.h-people .wrap,.h-cats .wrap,.h-tool .wrap,.h-faq .wrap,.h-cta .wrap{max-width:none;padding:0 32px;width:100%}
.h-line{font:300 clamp(58px,10.4vw,172px)/1 var(--disp);letter-spacing:-.025em;margin:0;transition:opacity .18s}.h-line.swap{opacity:.25}
.h-slot{display:inline-block;height:.82em;width:2.1em;object-fit:cover;object-position:center 22%;vertical-align:-.08em;background:var(--field-2)}
.h-foot{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:40px}.h-lead{font-size:clamp(20px,1.7vw,26px);line-height:1.35;margin:0;max-width:30em}
.h-pick{display:flex;flex-wrap:wrap;gap:6px 28px;margin-top:36px;font-size:18px}.h-pick a{color:#fff;text-decoration:none;padding:4px 0;border-bottom:3px solid transparent}.h-pick a:hover{border-color:var(--mut)}.h-pick a[aria-current]{border-color:#fff;font-weight:600}
.h-resume{padding-top:32px}
.h-big{font:300 clamp(40px,5.6vw,92px)/1.02 var(--disp);letter-spacing:-.02em;margin:0;max-width:17em}
.h-mid{font:300 clamp(32px,3.6vw,60px)/1.06 var(--disp);letter-spacing:-.018em;margin:0}
.h-types,.h-courses,.h-cats,.h-faq,.h-tool{padding:clamp(72px,10vw,150px) 0 0}.h-faq{padding-bottom:clamp(72px,10vw,150px)}
.h-table{list-style:none;margin:72px 0 0 auto;padding:0;width:min(100%,62%)}.h-table a{display:grid;grid-template-columns:1fr 1.3fr auto;gap:20px;align-items:baseline;padding:16px 0;text-decoration:none;font-size:19px}.h-table b{font-weight:600}.h-table span{color:var(--mut)}.h-table em{font-style:normal;color:var(--mut)}.h-table a:hover b{text-decoration:underline;text-underline-offset:4px}
.h-courses .sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:36px}.h-courses .sec-head>a{white-space:nowrap}
.h-people{background:var(--paper);color:var(--paper-ink);padding:clamp(72px,10vw,150px) 0;margin-top:clamp(72px,10vw,150px)}
.h-names{font:400 clamp(26px,3vw,48px)/1.42 var(--disp);margin:48px 0 0;letter-spacing:-.01em}.h-names a{color:inherit;text-decoration:none;margin-right:.32em;white-space:nowrap}.h-names a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.h-names img{height:.92em;width:.92em;object-fit:cover;vertical-align:-.14em;margin-right:.22em}.h-all{color:var(--field)!important;text-decoration:underline!important;text-underline-offset:6px}
.h-catlist{list-style:none;margin:40px 0 0;padding:0;columns:2;column-gap:32px}.h-catlist a{display:block;font:300 clamp(26px,3vw,48px)/1.25 var(--disp);text-decoration:none;break-inside:avoid}.h-catlist small{font:400 16px Inter,sans-serif;color:var(--mut);vertical-align:.5em}.h-catlist a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.h-tool-in{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end}.h-tool p{max-width:32em;font-size:19px}.h-verbs{list-style:none;margin:0;padding:0;text-align:right;font:300 clamp(64px,10vw,170px)/.98 var(--disp);letter-spacing:-.025em;color:var(--pale)}
.h-faq dl{margin:0}.h-soft{color:var(--mut);margin-bottom:56px}.h-faq dl>div{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:0 0 64px}.h-faq dt{font:400 clamp(26px,2.6vw,40px)/1.12 var(--disp)}.h-faq dd{margin:0;font-size:18px;max-width:40ch}
.h-cta{background:var(--field);color:#fff;min-height:82svh;display:flex;align-items:flex-end;padding:40px 0}.h-cta .h-line{font-size:clamp(52px,9.4vw,160px)}
/* Eğitim satırları: görsel ve metin ayrı, kapak yoksa eğitmen fotoğrafı */
.grid.cards,.grid.g3{grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:28px 32px}
.course,.cp-main .course{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:18px;align-items:start;min-height:0;aspect-ratio:auto;background:none;border:0;border-radius:0;overflow:visible;text-decoration:none;color:inherit;box-shadow:none;transition:none}
.course:hover{transform:none;box-shadow:none}.course:hover .c-title{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.course:hover .c-pic img{transform:scale(1.04)}
.c-pic{display:block;width:120px;aspect-ratio:1;overflow:hidden;background:var(--bg2)}.c-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.c-ph{display:grid;place-items:center;height:100%;font:300 54px var(--disp);color:var(--pale);background:var(--field-2)}
.c-body{display:block;min-width:0}.c-meta{display:block;font-size:14px;color:var(--mut)}.c-title{font:400 22px/1.16 var(--disp);margin:4px 0 6px}.c-who{display:block;font-size:15px;color:var(--mut)}
.course .price-tag{position:static;background:none;border:0;padding:0;font-size:15px;font-weight:600;white-space:nowrap;color:var(--fg);backdrop-filter:none}
/* Liste sayfaları */
.cat-head{padding-top:40px}.cat-head h1{font:300 clamp(44px,6.6vw,108px)/1.02 var(--disp);letter-spacing:-.02em;margin:0 0 12px}.lead-sm{font-size:19px;max-width:44em}
.catalog,section.wrap.catalog{max-width:none;padding:0 32px}.cat-layout{grid-template-columns:230px minmax(0,1fr);gap:40px}
.fchips{gap:6px 22px;margin:20px 0 28px}.fchip{background:none;border:0;border-bottom:3px solid transparent;border-radius:0;padding:4px 0;font-size:17px;color:inherit}.fchip:hover{border-color:var(--mut);background:none}.fchip.on{background:none;color:inherit;border-color:#fff;font-weight:600}
.filters{background:none;border:0;padding:0}.filters input,.filters select{border-radius:0;background:var(--bg2);border:0}
/* Kurs sayfası */
.cp-hero{min-height:0;background:var(--field)!important;display:block;padding:0}.cp-hero::before,.cp-hero::after{display:none}.cp-hero-in{padding-top:36px;padding-bottom:56px}.cp-hero .display{font:300 clamp(44px,6.4vw,104px)/1.02 var(--disp);letter-spacing:-.02em;max-width:17em;color:#fff}.cp-hero .lead{font-size:clamp(20px,1.7vw,26px);max-width:32em;color:#fff}.cp-hero .eyebrow{display:none}.cp-chips li{background:none;border:0;padding:0;font-size:16px;color:#fff}.cp-chips{gap:4px 24px}.cp-hero .byline{color:#fff;font-size:18px}
.wrap.cp-layout,.cp-hero-in.wrap{max-width:none;padding-left:32px;padding-right:32px}.cp-layout{grid-template-columns:minmax(0,1fr) 400px;gap:64px}
.buy-card{margin-top:-20px;box-shadow:none;background:var(--bg2)}.cp-sec{margin:64px 0}.cp-sec>h2,.cp-sec-head h2{font:300 clamp(30px,3vw,48px)/1.08 var(--disp);letter-spacing:-.015em}.body-text{max-width:44em;font-size:18px}
details.cp-part{border:0;border-radius:0;background:var(--bg2)}details.faq{background:var(--bg2)}.ticks li::before{color:var(--pale)}
.mentor-note.card{padding:0;background:none}
.instr-card{background:none;padding:0}.instr-photo{border-radius:0}
/* Eğitmen profili */
.inst-hero{max-width:none;padding:40px 32px 56px;background:var(--field);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,34vw);gap:40px;align-items:end;color:#fff}.inst-hero>.avatar{order:2;width:100%;height:auto;aspect-ratio:4/3.4;border-radius:0;border:0;background-size:cover;background-position:center 20%;font:300 96px var(--disp);display:grid;place-items:center;background-color:var(--field-2)}.inst-hero h1{font:300 clamp(48px,7.6vw,124px)/1 var(--disp);letter-spacing:-.022em;margin:8px 0 12px}.inst-hero .eyebrow{font:400 17px Inter,sans-serif;letter-spacing:0;text-transform:none;color:#fff}.inst-hero .lead{color:#fff;font-size:clamp(20px,1.7vw,26px)}
.area-chips{gap:4px 22px;padding:0}.area-chips a{background:none;border:0;padding:0;color:#fff;text-decoration:underline;text-underline-offset:4px}.inst-stats{gap:4px 22px;padding:0}.inst-stats a{color:#fff}
.inst-about,.inst-intro,.inst-videos,section.wrap{max-width:none;padding-left:32px;padding-right:32px}.inst-about{padding-top:72px}.inst-about h2,.inst-intro h2,.inst-videos h2,.inst-group h2{font:300 clamp(30px,3vw,48px)/1.08 var(--disp)}.inst-about .body-text{font:400 clamp(22px,2vw,30px)/1.32 var(--disp);max-width:34em}.inst-group{margin-top:72px}
/* Altbilgi */
.foot{background:var(--paper);color:var(--paper-ink);border:0;margin-top:0;overflow:hidden}.foot a,.foot h4{color:var(--paper-ink)}.foot .muted{color:#3a3843}.foot-in{max-width:none;padding:64px 32px 24px}
.foot-word{font:300 clamp(96px,23vw,420px)/.8 var(--disp);letter-spacing:-.03em;margin:24px 0 -.14em 24px;white-space:nowrap;color:var(--field);display:block}
.cc-bar{background:var(--bg2);backdrop-filter:none;border-top:0}
@media (max-width:980px){.cp-layout{grid-template-columns:1fr}.inst-hero{grid-template-columns:1fr}.inst-hero>.avatar{order:0;aspect-ratio:16/10}.h-table{width:100%}.h-tool-in,.h-faq dl>div{grid-template-columns:1fr;gap:12px}.h-verbs{text-align:left}.cat-layout{grid-template-columns:1fr}}
@media (max-width:640px){.top{padding:12px 16px}.h-hero .wrap,.h-types .wrap,.h-courses .wrap,.h-people .wrap,.h-cats .wrap,.h-tool .wrap,.h-faq .wrap,.h-cta .wrap,.catalog,section.wrap.catalog,.wrap.cp-layout,.cp-hero-in.wrap,.inst-about,.inst-intro,.inst-videos,section.wrap,.foot-in{padding-left:16px;padding-right:16px}.inst-hero{padding:24px 16px 40px}
.h-hero{min-height:calc(100svh - 120px);padding:20px 0 28px}.h-line{font-size:15.5vw;line-height:1.02}.h-slot{display:block;width:100%;height:30vw;margin:10px 0}.h-line br{display:none}.h-foot{flex-direction:column;align-items:stretch;gap:20px;margin-top:24px}.h-foot .btn{text-align:center}.h-pick{gap:4px 18px;font-size:16px;margin-top:22px}
.h-table{margin-top:40px}.h-table a{grid-template-columns:1fr auto;gap:2px 16px;font-size:17px}.h-table span{grid-column:1/-1;grid-row:2}.h-catlist{columns:1}.h-names{font-size:24px}
.course,.cp-main .course{grid-template-columns:88px minmax(0,1fr);gap:14px}.c-pic{width:88px}.c-title{font-size:20px}.course .price-tag{grid-column:2}.foot-word{margin-left:10px}}
@media (prefers-reduced-motion:reduce){.h-line,.c-pic img,.btn{transition:none}}

.rv{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
.top .logo-img{filter:brightness(0) invert(1)}.top[data-on=paper] .logo-img{filter:none}
.h-line{font-size:clamp(52px,8.6vw,150px);line-height:1.04}.h-line [data-n]{white-space:nowrap}
.h-names{font-size:clamp(24px,2.3vw,34px);margin-top:40px}
.h-wall{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.h-wall a{display:block;text-decoration:none;color:inherit}.h-wall img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 20%}.h-wall span{display:block;font:400 22px/1.2 var(--disp);margin-top:10px}.h-wall a:hover span{text-decoration:underline;text-underline-offset:4px}
.grid.cards .course,.grid.g3 .course{grid-template-columns:168px minmax(0,1fr) auto}.grid.cards .c-pic,.grid.g3 .c-pic{width:168px}
.foot a:not(.logo){color:var(--paper-ink)}.foot h4{font:600 16px Inter,sans-serif;letter-spacing:0;text-transform:none;color:var(--paper-ink)}.foot p,.foot-legal{max-width:72ch}
@media (max-width:980px){.h-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.h-line{font-size:9.6vw}}
@media (max-width:640px){.h-line{display:flex;flex-direction:column;font-size:15vw}.h-line .h-slot{order:-1;margin:0 0 14px;height:46vw}.h-line [data-n]{font-size:.6em;line-height:1.1;margin-top:4px}.h-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.h-wall span{font-size:19px}.grid.cards .course,.grid.g3 .course{grid-template-columns:96px minmax(0,1fr)}.grid.cards .c-pic,.grid.g3 .c-pic{width:96px}}

.foot,.foot p,.foot small,.foot .muted{color:var(--paper-ink)}
.filters input,.filters select,.cat-layout .filters label{box-shadow:none;outline-offset:2px}input,select,textarea{border-color:transparent}
.course{max-width:100%;min-width:0}.course .price-tag{max-width:100%;white-space:normal;text-align:right}.grid.cards,.grid.g3{min-width:0}.cat-layout>*{min-width:0}
.cp-hero .display{overflow-wrap:anywhere}.buy-incl{border-top:0}.tabbar{border-top:0}.cp-mobile-bar{border-top:0}
.inst-videos .yt-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr))}
.lead,.lead-sm,.muted,.body-text{max-width:70ch}
@media (max-width:980px){.grid.cards .course,.grid.g3 .course{grid-template-columns:120px minmax(0,1fr)}.grid.cards .c-pic,.grid.g3 .c-pic{width:120px}.course .price-tag{grid-column:2;text-align:left}.h-line [data-n]{white-space:normal}}
@media (max-width:640px){.cp-hero .display{font-size:9.6vw}.h-names{font-size:20px}}
.cp-hero,.cp-hero.has-img{background-image:none!important}.cp-hero .hero-shade{display:none}
.cp-main .grid.g3{grid-template-columns:1fr}.cp-main .grid.g3 .course{grid-template-columns:120px minmax(0,1fr) auto}.cp-main .grid.g3 .c-pic{width:120px}
.top{gap:18px}.links{gap:18px;min-width:0}.acct{gap:12px;flex:none}.hsearch{min-width:0;flex:0 1 200px}.hsearch input{width:100%}
@media (max-width:1180px){.hsearch{display:none}}
.foot-word{max-width:100%;overflow:hidden}
.grid.insts{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))}.grid.insts>*{min-width:0}main.bare{overflow-x:clip}
.cat-layout .grid.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}
.filters label,.filters select,.filters input,.pager a,.pager span{font-size:15px}
.foot p,.foot-legal{max-width:60ch}.cat-layout p,.catalog>p{max-width:62ch}
@media (min-width:981px){.foot-in{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:32px}.foot-in>.copy{grid-column:1/-1;max-width:none}}
.grid.insts{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:36px 28px}
.inst-card{background:none;border:0;border-radius:0;padding:0;text-align:left}.inst-card:hover{transform:none;border:0;box-shadow:none}.inst-card:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.inst-pic{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;font:300 clamp(40px,5vw,72px)/1 var(--disp);color:#fff;background:var(--bg2)}.inst-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.inst-card:hover .inst-pic img{transform:scale(1.04)}.inst-pic.org{background:#fff}.inst-pic.org img{object-fit:contain;padding:14%}
.inst-card h3{font-size:22px;line-height:1.16;margin:14px 0 4px}.inst-card p{font-size:15px;line-height:1.4;margin:0 0 6px}.inst-card .chip{background:none;border:0;padding:0;font-size:14px;letter-spacing:0;text-transform:none;color:var(--mut)}
@media (max-width:640px){.grid.insts{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.inst-card h3{font-size:19px}}
@media (prefers-reduced-motion:reduce){.inst-pic img{transition:none}}
.foot .copy{max-width:72ch;margin:40px 0 0;padding:0 32px}
.kind-badge{border-radius:0;background:var(--pale);color:var(--ink,#131218)}
.buy-card{box-shadow:none}
.cc-in{max-width:none}.cc-in p{max-width:64ch}.inst-pic.org img{padding:6%}
@media (max-width:820px){.cc-actions{display:grid;grid-template-columns:1fr 1fr}.cc-actions .btn{padding-left:10px;padding-right:10px;white-space:normal}.cc-actions .btn:last-child{grid-column:1/-1}
.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;align-items:end}.filters label{margin:0}.filters>label:first-of-type,.filters>button,.filters>.btn,.filters .center{grid-column:1/-1}}
@media (max-width:640px){.foot-in{padding-left:16px;padding-right:16px}.foot .copy{padding:0 16px}}
.foot a:not(.logo){font-size:15px}.foot .copy{max-width:60ch;font-size:14px}
.booking{padding-top:40px;padding-bottom:64px}.booking h1{font-size:clamp(36px,5vw,64px);margin:0 0 12px}.booking.narrow{max-width:640px}.booking form.inline,.offers form.inline{display:inline}
.offers{padding-top:48px;padding-bottom:24px}.offer-list{list-style:none;margin:0 0 14px;padding:0}.offer-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.o-name{font:400 22px/1.2 var(--disp)}.o-min{color:var(--mut)}.o-price{font-size:18px}
.slot-day{border:0;padding:0;margin:0 0 18px}.slot-day legend{font-weight:600;padding:0;margin-bottom:8px}.slot-row{display:flex;flex-wrap:wrap;gap:8px}.slot input{position:absolute;opacity:0;width:1px;height:1px}.slot span{display:block;padding:10px 14px;background:var(--bg2);cursor:pointer;font-size:15px}.slot input:checked+span{background:var(--pale);color:#131218}.slot input:focus-visible+span{outline:2px solid var(--pale);outline-offset:2px}
@media (max-width:640px){.offer-list li{grid-template-columns:minmax(0,1fr) auto;gap:6px 14px}.o-name{grid-column:1/-1}.offer-list .btn{grid-column:1/-1;text-align:center}}
.coach-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:40px;padding-top:48px}.coach-block h2{font-size:clamp(26px,3vw,38px);margin:0 0 14px}.coach-block ul{margin:0;padding-left:20px}.coach-block li{margin-bottom:8px;font-size:17px;line-height:1.5}
/* Açık tema: beyaz zemin, siyah metin, tek vurgu rengi. Renkler buradan yönetilir. */
:root{color-scheme:light;--bg:#fff;--bg2:#f5f4f8;--card:#fff;--line:#e6e4ec;--fg:#15141a;--mut:#5c5a68;--acc:#3b22c9;--violet:#3b22c9;--cyan:#3b22c9;--pink:#3b22c9;--pale:#ece8ff;--grad:#3b22c9;--paper:#fff;--paper-ink:#15141a;--err:#b3261e;--ok:#1b7a4b}
html,body{background:#fff;color:var(--fg)}
.btn,button.btn,.btn.grad{background:var(--field);color:#fff;border:0}.btn:hover,.btn.grad:hover{background:#2c1aa0;color:#fff}.btn.ghost{background:#fff;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line)}.btn.ghost:hover{background:var(--bg2);color:var(--fg)}.btn.ok{background:var(--ok);color:#fff}
.top,.top[data-on],.top[data-on=field],.top[data-on=paper]{background:#fff;color:var(--fg);border-bottom:1px solid var(--line)}.top a,.top .links a{color:var(--fg)}.top .btn{color:#fff}.hsearch input,input,select,textarea{background:#fff;color:var(--fg);border:1px solid var(--line)}.filters input,.filters select{border:1px solid var(--line);background:#fff}
input::placeholder,textarea::placeholder{color:#807e8c}.card,.tablewrap{background:#fff;border:1px solid var(--line);box-shadow:none}th{color:var(--mut)}td,th{border-color:var(--line)}a{color:inherit}
.cc-bar{background:#fff;border-top:1px solid var(--line)}.cc-in p{color:var(--mut)}.cc-in a{color:var(--fg)}.cc-actions .btn:last-child{background:var(--field);color:#fff}
.foot{background:#fff;border-top:1px solid var(--line)}.foot-word{display:none}
.tabbar{background:rgba(255,255,255,.97);border-top:1px solid var(--line)}
/* ana sayfa */
.h-hero{background:#fff;color:var(--fg);min-height:0;display:block;padding:56px 0 72px}.h-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}.h-hero .h-line{font-size:clamp(44px,6.2vw,92px);line-height:1.02;margin:0;display:block}.h-line [data-i],.h-line [data-n]{display:block;margin:0;font-size:inherit}.h-line [data-n]{color:var(--field)}.h-line.swap{opacity:.2}
.h-copy .h-lead{font-size:clamp(18px,1.5vw,21px);line-height:1.45;color:var(--mut);max-width:32em;margin:24px 0 28px}.h-copy .btn{display:inline-block}
.h-pick{position:static;display:flex;flex-wrap:wrap;gap:6px 18px;margin:32px 0 0;color:var(--mut);font-size:15px;background:none;padding:0}.h-pick a{color:var(--mut);text-decoration:none}.h-pick a[aria-current=true],.h-pick a:hover{color:var(--fg);text-decoration:underline;text-underline-offset:4px}
.h-photo{margin:0;aspect-ratio:5/5.4;overflow:hidden;background:var(--bg2)}.h-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.h-types,.h-courses,.h-people,.h-cats,.h-tool,.h-faq{background:#fff;color:var(--fg);margin:0;padding:clamp(48px,6vw,88px) 0;border-top:1px solid var(--line)}.h-courses{border-top:0;padding-top:0}.h-big,.h-mid{font:400 clamp(30px,3.4vw,48px)/1.1 var(--disp);letter-spacing:-.015em;margin:0 0 32px;max-width:none}.h-table{width:100%;margin:0}.h-table li{border-color:var(--line)}.h-table a{color:var(--fg)}.h-table span,.h-table em{color:var(--mut)}.sec-head{margin-bottom:24px}.sec-head .h-mid{margin:0}.sec-head a{color:var(--field)}
.h-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px;list-style:none;margin:0 0 28px;padding:0}.h-wall li,.h-wall li:nth-child(n){margin:0;width:auto;transform:none;grid-column:auto}.h-wall a{display:block;color:var(--fg);text-decoration:none}.h-wall img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.h-wall span{display:block;margin-top:10px;font:400 18px/1.2 var(--disp)}.h-all{color:var(--field);font-weight:600}
.h-catlist{columns:3;column-gap:32px;margin:0;padding:0;list-style:none}.h-catlist li{font:400 clamp(20px,2vw,26px)/1.7 var(--disp);break-inside:avoid}.h-catlist a{color:var(--fg);text-decoration:none}.h-catlist a:hover{color:var(--field)}
.h-tool-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}.h-verbs{display:flex;gap:28px;margin:0;padding:0;list-style:none;font:300 clamp(32px,4vw,56px)/1 var(--disp);color:var(--field)}.h-verbs li{font-size:inherit}
.h-faq dl{margin:0}.h-faq dl>div{border-color:var(--line)}.h-faq dt{color:var(--fg)}.h-faq dd{color:var(--mut)}.h-soft{color:var(--fg)}
.h-cta{min-height:0;padding:clamp(56px,7vw,96px) 0;background:var(--field);color:#fff}.h-cta .h-line{font-size:clamp(40px,6vw,84px);margin:0 0 20px}.h-cta .h-foot{margin-top:0}.h-cta .h-lead{color:#fff}.h-cta .btn{background:#fff;color:var(--field)}.h-cta .btn:hover{background:var(--pale);color:var(--field)}
/* kurs ve eğitmen başlıkları */
.cp-hero,.cp-hero.has-img{background:#fff!important;color:var(--fg);border-bottom:1px solid var(--line)}.cp-hero a,.cp-hero .display,.cp-hero .lead,.cp-hero p,.cp-hero span{color:var(--fg)}.cp-hero .crumbs,.cp-hero .crumbs a{color:var(--mut)}
.inst-hero{background:#fff;color:var(--fg);border-bottom:1px solid var(--line)}.inst-hero a,.inst-hero h1,.inst-hero p,.inst-hero span,.inst-hero b{color:var(--fg)}.inst-hero .inst-stats a,.inst-hero .eyebrow{color:var(--mut)}.area-chips a{color:var(--fg)}
.slot span{background:var(--bg2);color:var(--fg)}.slot input:checked+span{background:var(--field);color:#fff}.c-ph{color:#fff;background:var(--field)}.price-tag,.course .price-tag{color:var(--fg)}.kind-badge{background:#fff;color:var(--fg)}
@media (max-width:980px){.h-hero-in{grid-template-columns:1fr;gap:28px}.h-photo{order:-1;aspect-ratio:16/10}.h-hero{padding:24px 0 48px}.h-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.h-catlist{columns:2}.h-tool-in{grid-template-columns:1fr}}
@media (max-width:640px){.h-hero .h-line{font-size:13vw}.h-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.h-catlist{columns:1}.h-verbs{gap:18px}}
.top .logo-img,.top[data-on] .logo-img{filter:none}.lang a.on{background:var(--field);color:#fff}.lang a{color:var(--mut)}
.h-hero .h-line{font-size:clamp(40px,4.7vw,74px);white-space:normal;min-width:0}.h-copy{min-width:0}
.h-catlist li{font-size:clamp(19px,1.7vw,24px);line-height:1.6}
@media (max-width:820px){.tabbar a{color:var(--mut)}.tabbar a[aria-current=page]{color:var(--field);background:var(--pale)}}
.body-text,.lead,.prose,.prose p,.prose li{color:var(--fg)}.lead{color:var(--mut)}
.buy-card{background:#fff;border:1px solid var(--line)}.buy-cover{background-color:var(--bg2)}
.post-hero h1,.post-hero .display,.post-hero p,.post-hero a{color:#fff}
.display{color:var(--fg)}.h-cta .display{color:#fff}.post-hero{background-color:var(--field)}.lang a.on{color:#fff}
.buy-cover[style*="bg2"]{aspect-ratio:auto;height:48px;background:none!important}
/* paneller */
fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.8}
.draft{color:#8a6100}.flash{color:var(--ok)}.flash.err{background:#fdeaea;color:var(--err)}
.btn.ghost{border:1px solid var(--line);box-shadow:none}.btn.ghost:hover{border-color:#c9c7d3}
.row>.btn{flex:0 1 auto!important;min-width:0;align-self:center}.row>h1{flex:1 0 100%}form.row>.btn{align-self:flex-end}
.booking h2{margin-top:36px;margin-bottom:12px}.booking h1+h2{margin-top:24px}
.booking .row>input{min-width:0}.booking .row>span{min-width:88px}.booking .row{flex-wrap:nowrap;align-items:center}.booking form.row{flex-wrap:wrap;align-items:flex-end}

/* Eğitmen görselleri tek format: 4:5 dikey, yüz üst üçte birde, hafif yuvarlak köşe. Kaynak ölçüsü 720x900 */
.inst-pic{aspect-ratio:4/5;border-radius:8px;background:#15141a}.inst-pic img{object-position:center 30%}.inst-pic.org{background:#15141a}.inst-pic.org img{object-fit:cover;padding:0}
.inst-hero>.avatar{aspect-ratio:4/5;max-width:400px;justify-self:end;border-radius:8px;background-position:center 30%;background-color:#15141a;color:#fff}
.h-wall img{aspect-ratio:4/5;object-position:center 30%;border-radius:8px}
@media (max-width:980px){.inst-hero>.avatar{aspect-ratio:4/5;max-width:320px;justify-self:start}}

/* Ana sayfa: mikser hero ve abonelik basamakları */
.h-hero.hq{padding:clamp(32px,4vw,64px) 0 clamp(40px,5vw,72px)}.hq-in{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(32px,5vw,80px);align-items:center}
.hq .h-line{font-size:clamp(46px,6vw,96px);line-height:1.02;letter-spacing:-.025em}.hq-copy .h-lead{margin:24px 0 32px;max-width:27em;color:var(--mut)}
.hq-cta{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px}.hq-free{color:var(--fg);font-size:17px;text-underline-offset:5px}
.hq-desk{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1vw,16px);height:min(66svh,560px);min-height:400px}
.hq-ch{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;color:var(--fg);text-decoration:none;transition:opacity .25s}
.hq-rail{position:relative;flex:1;display:block;container-type:size;background:linear-gradient(var(--line),var(--line)) center/2px 100% no-repeat,repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 22px) center/34% 100% no-repeat}
.hq-cap{position:absolute;left:0;right:0;top:0;aspect-ratio:4/5;overflow:hidden;border-radius:8px;background:#15141a;box-shadow:0 10px 24px rgba(21,20,26,.18);transform:translateY(calc((100cqh - 125cqw)*var(--f)));transition:transform 2.4s cubic-bezier(.45,0,.2,1)}
.hq-cap img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.hq-ch b{display:block;margin-top:12px;font:500 14px/1.2 Inter,sans-serif;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hq-desk[data-solo] .hq-ch:not(.on){opacity:.3}.hq-ch.on .hq-cap{transition-duration:.45s}.hq-ch.on b{color:var(--field)}.hq-ch:focus-visible{outline:2px solid var(--field);outline-offset:4px}
.hq-now{margin:16px 0 0;min-height:1.4em;font:300 clamp(18px,1.6vw,22px)/1.3 var(--disp);color:var(--mut);text-align:right}
.h-plans{background:var(--field);color:#fff;padding:clamp(56px,7vw,104px) 0}.h-plans .wrap{max-width:var(--wrap,1280px)}.h-plans .h-big{color:#fff;font:300 clamp(34px,4.6vw,68px)/1.06 var(--disp);letter-spacing:-.02em;margin:0 0 clamp(32px,4vw,56px);max-width:18em}
.pl-steps{display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:stretch;gap:0}.pl-steps article{display:flex;flex-direction:column;padding:clamp(24px,3vw,40px);border-top:1px solid rgba(255,255,255,.35)}
.pl-steps h3{font:500 17px Inter,sans-serif;margin:0 0 10px}.pl-price{font:300 clamp(34px,3.6vw,52px)/1.1 var(--disp);margin:0}.pl-price small{font:400 17px Inter,sans-serif}.pl-price.pl-text{font-size:clamp(24px,2.3vw,32px)}.pl-note{margin:6px 0 0;font-size:15px}
.pl-steps ul{list-style:none;margin:24px 0 28px;padding:0;flex:1;font-size:16px;line-height:1.4}.pl-steps li{padding:9px 0;border-top:1px solid rgba(255,255,255,.22)}.pl-go{color:#fff;font-size:17px;text-underline-offset:5px;font-weight:500}
.pl-steps .pl-main{background:#fff;color:var(--fg);border-radius:8px;border-top:0;margin:-16px 0;padding-top:calc(clamp(24px,3vw,40px) + 16px);padding-bottom:calc(clamp(24px,3vw,40px) + 16px)}.pl-main li{border-color:var(--line)}.pl-main .pl-note,.pl-soon{color:var(--mut)}.pl-main .btn{text-align:center}.pl-soon{margin:12px 0 0;font-size:14px}
.pl-more{margin:clamp(32px,4vw,48px) 0 0;font-size:16px}.pl-more a{color:#fff}
@media (max-width:980px){.hq-in{grid-template-columns:1fr}.hq-desk{height:340px;min-height:0}.hq-now{text-align:left}.pl-steps{grid-template-columns:1fr;gap:12px}.pl-steps .pl-main{margin:0;padding:clamp(24px,3vw,40px)}}
@media (max-width:640px){.hq .h-line{font-size:13.4vw}.hq-desk{grid-template-columns:repeat(4,minmax(0,1fr));height:280px}.hq-ch:nth-child(n+5){display:none}.hq-ch b{font-size:12px}}
@media (prefers-reduced-motion:reduce){.hq-cap{transition:none}}
.cat-guide{max-width:760px}.cat-guide p{margin:0 0 14px}

/* Eğitim tipi rozeti: tek vurgu rengi, tür ayrımı dolgu ve simgeyle */
.kind-tag{--kc:#2c1aa0;display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:3px 9px 3px 7px;border-radius:6px;background:var(--pale);color:var(--kc);font:600 12.5px/1.35 Inter,sans-serif;white-space:nowrap}.kind-tag svg{width:14px;height:14px;flex:none}
.kind-tag.k-mentorluk{--kc:#fff;background:var(--field)}.kind-tag.k-atolye{--kc:#fff;background:#15141a}.kind-tag.k-online{background:#fff;box-shadow:inset 0 0 0 1.5px var(--field)}.kind-tag.k-urun{--kc:#3a3843;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line)}
.cp-hero span.kind-tag{color:var(--kc)}
/* Kategori ikonu: set koyu zemin için çizildiğinden koyu kutuda durur */
.cat-ic{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:9px;background:#15141a}.cat-ic img{width:28px;height:28px;display:block}
.h-catlist a{display:flex;align-items:center;gap:12px;padding:5px 0}.cat-head .cat-ic{width:56px;height:56px;border-radius:12px;margin-bottom:14px}.cat-head .cat-ic img{width:40px;height:40px}
.buy-incl .ico.sm{box-sizing:content-box;padding:3px;border-radius:6px;background:#15141a}
/* Kart: görsel, rozet, kategori, başlık, eğitmen, fiyat */
.c-pic{border-radius:8px}.c-body>.kind-tag{margin-bottom:6px}.c-meta{font-size:13.5px}.c-title{font-size:20px;line-height:1.2;margin:2px 0 4px}
/* Kurs sırası (bant) ve dikey kart: aynı görünüm, A/B varyantı da bunu kullanır */
.rail{position:relative;--rail-w:clamp(236px,23vw,288px)}.cp-main .rail,.post-courses .rail{--rail-w:236px}
.rail-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:2px;overscroll-behavior-x:contain;padding:4px 2px 12px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.rail-track:focus-visible{outline:2px solid var(--field);outline-offset:2px}
.rail-track>.course{flex:0 0 var(--rail-w);scroll-snap-align:start}
.rail .course,.cp-main .rail .course,.grid.cards .course[data-card=dikey],.grid.g3 .course[data-card=dikey]{display:flex;flex-direction:column;align-items:stretch;gap:10px}
.rail .c-pic,.cp-main .rail .c-pic,.grid.cards .course[data-card=dikey] .c-pic,.grid.g3 .course[data-card=dikey] .c-pic{width:100%}
.rail .c-body,.course[data-card=dikey] .c-body{flex:1}.rail .course .price-tag,.course[data-card=dikey] .price-tag{text-align:left;font-size:16px}
.grid.cards:has(>.course[data-card=dikey]),.grid.g3:has(>.course[data-card=dikey]){grid-template-columns:repeat(auto-fill,minmax(min(100%,236px),1fr))}
.rail-btn{position:absolute;top:calc(var(--rail-w)/2 - 22px);width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--fg);font:400 26px/1 Inter,sans-serif;cursor:pointer;box-shadow:0 4px 14px rgba(21,20,26,.14)}.rail-btn[hidden]{display:none}.rail-btn:hover{background:var(--bg2)}.rail-btn:focus-visible{outline:2px solid var(--field);outline-offset:2px}.rail-btn.prev{left:-8px}.rail-btn.next{right:-8px}
@media (hover:none){.rail-btn{display:none}}
@media (max-width:640px){.rail{--rail-w:70vw;margin-right:-16px}.cp-main .rail,.post-courses .rail{--rail-w:62vw}.rail-track{gap:14px;padding-right:16px}}
/* Kurs sayfası: üstbilgi ile içerik arası sıkı; başlık bölümü içeriği aşağı itmez */
.cp-chips li{color:var(--mut)}.cp-hero .cp-chips{margin:0}
.cp-hero,.cp-hero.has-img{border-bottom:0}.cp-hero-in{padding-top:14px;padding-bottom:16px}.cp-hero .crumbs ol{margin-bottom:10px}
.cp-hero .display{font:400 clamp(30px,3.3vw,46px)/1.12 var(--disp);letter-spacing:-.015em;max-width:30ch;margin:10px 0 6px}.cp-hero .lead{font-size:18px;line-height:1.4;margin:0 0 10px;max-width:60ch}.cp-hero .byline{font-size:15px;margin:0 0 8px}.cp-chips li{font-size:14px}
.cp-layout{padding-top:8px;gap:48px}.buy-card{margin-top:0}.cp-aside{top:76px}.cp-main>:first-child{margin-top:0}.cp-stats{margin-bottom:0}.cp-sec{margin:40px 0}
@media (max-width:980px){.cp-layout{gap:20px}}
@media (max-width:640px){.cp-hero .display{font-size:30px}.cp-hero-in{padding-top:10px;padding-bottom:12px}}
/* Yönetim > Deneyler */
.ab-note{margin:0;padding:10px 14px;border-radius:8px;background:var(--bg2)}.ab-note.ab-anlamli{background:#e6f5ec}.ab-note.ab-dengesiz{background:#fdeaea}.ab-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ab-acts form{margin:0}
.ab-checks{display:flex;flex-wrap:wrap;gap:6px 18px}.ab-check{display:inline-flex;gap:6px;align-items:center;margin:0;font-size:15px}.ab-check input{width:auto;margin:0}
.instr-card+.instr-card{margin-top:16px}
/* Ödeme bilgi kutuları, Plus kapsamı, iletişim formu */
.co-list{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:.95rem}.co-info h2,.co-plus h2{font-size:1.1rem;margin:0}
.plus-scope,.plus-ways{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:12px 0}.plus-scope h3,.plus-ways h3{margin:0 0 8px}.plus-ways p{margin:0}.crosses{list-style:none;margin:0 0 14px;padding:0;color:var(--mut)}.crosses li{padding:4px 0}.crosses li::before{content:"×";margin-right:8px;font-weight:700}
.contact{margin-top:8px;margin-bottom:32px}

/* Öğretmene sor ve koçluk planı */
.ask{scroll-margin-top:80px}.ask-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ask-head h3{margin:0}.ask h4{margin:16px 0 8px;font-size:15px}.ask-form textarea{width:100%;margin:0}.ask-row{align-items:center;justify-content:space-between;gap:10px;margin-top:8px;flex-wrap:wrap}.ask-row>.btn{flex:0 0 auto}.ask-row .check{flex:1 1 180px;min-width:0;margin:0}
.ask-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ask-item{border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0;overflow-wrap:anywhere}[data-ask-result] .ask-item{margin-top:10px}.ask-q{margin:0 0 6px;font-weight:600}.ask-a{margin-top:8px;padding:8px 10px;border-left:3px solid var(--line);background:var(--bg2);border-radius:0 8px 8px 0}.ask-a.teacher{border-left-color:var(--acc)}.ask-a p{margin:4px 0}.ask-fb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}
.next-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}.next-steps li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.next-steps li>div{min-width:0;flex:1}.next-steps p{margin:2px 0 0}.next-steps .btn{flex:0 0 auto;white-space:nowrap}
.ask-how{margin:10px 0 14px;padding-left:20px;display:grid;gap:6px}.ask-promo{padding:22px;scroll-margin-top:80px}.koc-plan{margin-bottom:14px}.ask-admin form.card{margin-bottom:12px}
@media(max-width:480px){.next-steps li{flex-direction:column;align-items:flex-start}}
/* Yönetim > Genel bakış: bağlantılı sayı kartları */
.ov h2{margin:26px 0 4px}.ov .stats{padding:0;margin:10px 0}.ov .stats>a{display:block;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--card);color:inherit;text-decoration:none}.ov .stats>a:hover,.ov .stats>a:focus-visible{border-color:var(--acc)}.ov .stats small{display:block;color:var(--mut);font-size:12px}.ov-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--mut);margin-right:8px;vertical-align:middle}.ov-dot.on{background:#2fae6b}.ov .notice ul{margin:6px 0 0;padding-left:18px}
@media(max-width:520px){.ov .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ov .stats b{font-size:19px}}