:root{
  --paper:#EEF0F7; --paper-2:#E2E6F3; --card:#fff;
  --ink:#151A3D; --ink-2:#2A3163; --soft:#5B628A;
  --stamp:#2F45C5; --stamp-d:#2437A3; --red:#E0392D; --mark:#FFE066; --ok:#12805C;
  --line:rgba(21,26,61,.13);
  --f-ui:'Bricolage Grotesque',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-read:'Newsreader',Georgia,'Times New Roman',serif;
  --max:1240px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.125rem/1.65 var(--f-read);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
::selection{background:var(--mark);color:var(--ink)}
:focus-visible{outline:3px solid var(--stamp);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--f-ui);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin:0 0 .5em}
h1{font-size:clamp(2.6rem,6vw,5.4rem);letter-spacing:-.04em}
h2{font-size:clamp(1.9rem,3.6vw,3.1rem)}
h3{font-size:1.3rem;letter-spacing:-.015em;line-height:1.2}
p{margin:0 0 1em}
.wrap{width:min(var(--max),100% - 2.5rem);margin-inline:auto}
.narrow{width:min(820px,100% - 2.5rem)}
.center{text-align:center}
.muted{color:var(--soft)} .small{font-size:.9rem}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:99}
.skip:focus{left:1rem;top:1rem}
.h-xl{font-size:clamp(2.2rem,5vw,3.6rem)} .h-sm{font-size:1.5rem;margin-bottom:.8em} .gap{margin-top:2.6rem}
.lead{font-size:1.3rem;line-height:1.55;color:var(--ink-2)}

/* ---------- butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:600 1rem/1 var(--f-ui);padding:.95rem 1.5rem;border-radius:999px;border:1.5px solid transparent;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,transform .2s,border-color .2s}
.btn:active{transform:translateY(1px)}
.btn-sm{padding:.65rem 1.05rem;font-size:.92rem} .btn-lg{padding:1.15rem 1.9rem;font-size:1.05rem} .btn-block{width:100%}
.btn-ink{background:var(--ink);color:var(--paper)} .btn-ink:hover{background:var(--stamp)}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent} .btn-line:hover{background:var(--ink);color:var(--paper)}
.btn-mark{background:var(--mark);color:var(--ink)} .btn-mark:hover{background:#fff}
.btn-line-light{border-color:rgba(238,240,247,.5);color:var(--paper)} .btn-line-light:hover{background:var(--paper);color:var(--ink)}
.btn-off{background:transparent;border-color:var(--line);color:var(--soft);cursor:default}
.linkbtn{background:none;border:0;color:var(--stamp);font:600 .92rem var(--f-ui);cursor:pointer;padding:.4rem 0;text-decoration:underline}

/* ---------- üst bar ---------- */
.hd{position:sticky;top:0;z-index:50;background:rgba(238,240,247,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.hd.scrolled{border-bottom-color:var(--line)}
.hd-in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:72px}
.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font:700 1.28rem var(--f-ui);letter-spacing:-.03em}
.brand .mark{width:30px;height:30px} .brand img{max-height:var(--logo-h,42px);width:auto}.logo-pad{display:inline-flex;background:#fff;border-radius:10px;padding:.3rem .6rem}.logo-pad img{max-height:calc(var(--logo-h,42px) - 8px)}
.nav{display:flex;align-items:center;gap:.3rem}
.nav>a{font:500 .98rem var(--f-ui);text-decoration:none;padding:.5rem .85rem;border-radius:999px;display:inline-flex;align-items:center;gap:.45rem;color:var(--ink-2)}
.nav>a::before{content:"";width:9px;height:9px;border-radius:50%;border:1.5px solid currentColor;opacity:0;transition:opacity .2s}
.nav>a:hover::before{opacity:.5} .nav>a.on{color:var(--ink);font-weight:600} .nav>a.on::before{opacity:1;background:var(--ink)}
.nav-user{display:flex;align-items:center;gap:.7rem;margin-left:.8rem;padding-left:1.1rem;border-left:1px solid var(--line)}
.nav-link-quiet{font:500 .98rem var(--f-ui);text-decoration:none;color:var(--ink-2)} .nav-link-quiet:hover{color:var(--stamp)}
.nav-toggle{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative}
.nav-toggle span{position:absolute;left:11px;right:11px;height:2px;background:var(--ink);transition:transform .25s}
.nav-toggle span:first-child{top:18px} .nav-toggle span:last-child{top:25px}
.nav-open .nav-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)} .nav-open .nav-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding:clamp(2.5rem,6vw,5rem) 0 clamp(3rem,6vw,5.5rem)}
.hero::before{content:"";position:absolute;right:-12vw;top:-18vw;width:56vw;height:56vw;border-radius:50%;border:2px solid rgba(47,69,197,.14);box-shadow:0 0 0 7vw rgba(47,69,197,.035),0 0 0 14vw rgba(47,69,197,.025);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.badge{display:inline-flex;align-items:center;gap:.6rem;font:600 .92rem var(--f-ui);background:#fff;border:1px solid var(--line);padding:.45rem .95rem .45rem .7rem;border-radius:999px;margin-bottom:1.4rem}
.badge i{width:10px;height:10px;border-radius:50%;background:var(--red)}
.hero h1{margin-bottom:.45em;max-width:12ch}
.hero .lead{max-width:34rem}
.hero-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0 2.6rem}
.stats{display:flex;flex-wrap:wrap;gap:1.2rem 2.4rem;margin:0}
.stats div{border-left:3px solid var(--mark);padding-left:.9rem}
.stats dt{font:700 1.7rem/1 var(--f-ui);letter-spacing:-.03em} .stats dd{margin:.25rem 0 0;font-size:.95rem;color:var(--soft)}

.hero-art{position:relative;padding:2.2rem 1.5rem 1rem 0}
.sheet{position:relative;background:#fff;border-radius:8px;padding:1.5rem 1.5rem 1.7rem 2.6rem;transform:rotate(-2.2deg);box-shadow:0 1px 0 rgba(21,26,61,.06),0 18px 40px -12px rgba(21,26,61,.28),0 40px 80px -30px rgba(47,69,197,.35);user-select:none}
.sheet::before{content:"";position:absolute;left:.9rem;top:3.4rem;bottom:1.4rem;width:11px;background:repeating-linear-gradient(to bottom,var(--ink) 0 5px,transparent 5px 24px)}
.sheet-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--ink);padding-bottom:.6rem;margin-bottom:1rem;font-family:var(--f-ui)}
.sheet-head b{font-size:1.3rem;letter-spacing:-.03em} .sheet-head span{font-size:.85rem;color:var(--soft)}
.sheet-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 1.6rem}
.qrow{display:flex;align-items:center;gap:.32rem;padding:.3rem 0;font-family:var(--f-ui)}
.qrow b{width:1.5rem;font-size:.78rem;color:var(--soft);font-weight:600}
.bub{width:1.55rem;height:1.55rem;border-radius:50%;border:1.5px solid var(--ink);display:inline-grid;place-items:center;font:600 .62rem var(--f-ui);font-style:normal;cursor:pointer;color:var(--ink);transition:background .15s}
.bub:hover{background:var(--paper-2)}
.bub.fill{background:var(--ink);color:var(--paper);animation:inkin .38s var(--d,0s) both}
@keyframes inkin{from{background:transparent;color:var(--ink);transform:scale(1)}55%{transform:scale(1.22)}to{background:var(--ink);color:var(--paper);transform:scale(1)}}
.sheet-stamp{position:absolute;left:1.2rem;bottom:1.1rem;font:800 1.35rem var(--f-ui);letter-spacing:-.02em;color:var(--red);border:3px solid var(--red);border-radius:8px;padding:.25rem .8rem;transform:rotate(-12deg);background:rgba(255,255,255,.85);animation:stampin .45s 2.9s both cubic-bezier(.2,1.4,.4,1)}
@keyframes stampin{from{opacity:0;transform:rotate(-12deg) scale(1.9)}to{opacity:.95;transform:rotate(-12deg) scale(1)}}
.idphoto{position:absolute;right:-.4rem;top:-.6rem;width:clamp(120px,15vw,168px);margin:0;background:#fff;padding:.5rem .5rem .7rem;border-radius:4px;transform:rotate(4.5deg);box-shadow:0 12px 30px -8px rgba(21,26,61,.4)}
.idphoto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px;background:var(--paper-2)}
.idphoto figcaption{display:flex;flex-direction:column;margin-top:.5rem;font-family:var(--f-ui);line-height:1.2}
.idphoto figcaption b{font-size:.82rem} .idphoto figcaption span{font-size:.74rem;color:var(--soft)}
.clip{position:absolute;left:50%;top:-16px;width:18px;height:42px;margin-left:-9px;border:3px solid #8b93b8;border-radius:10px;border-bottom-color:transparent}

.topics{border-block:1px solid var(--line);background:var(--paper-2);padding:1rem 0}
.topics-in{display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.chip{flex:none;display:inline-flex;align-items:center;gap:.55rem;font:500 .95rem var(--f-ui);background:#fff;border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem .5rem .75rem;white-space:nowrap}
.chip i{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--ink)} .chip:nth-child(4n+1) i{background:var(--ink)}

/* ---------- bölümler ---------- */
.sec{padding:clamp(3.5rem,8vw,7rem) 0} .sec-tight{padding-top:2rem} .sec-flush{padding-top:1rem}
.sec-tint{background:var(--paper-2)}
.sec-dark{background:var(--ink);color:var(--paper)}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:1rem 4rem;align-items:end;margin-bottom:2.6rem}
.sec-head h2{margin:0} .sec-head p{margin:0;color:var(--soft);max-width:30rem}
.sec-dark .sec-head p{color:rgba(238,240,247,.7)}
.sec-head-row{display:flex;justify-content:space-between;align-items:center}
.sec-more{margin:2.4rem 0 0}
.empty,.empty-dark{padding:2rem 0;color:var(--soft)} .empty-dark{color:rgba(238,240,247,.65)}
.empty-card{background:#fff;border-radius:22px;padding:2.2rem;border:1px solid var(--line)}

/* etkinlik satırları */
.ev-row{display:grid;grid-template-columns:104px 1.6fr 1.1fr auto;gap:1.6rem;align-items:center;padding:1.6rem 0;border-top:1px dashed rgba(238,240,247,.28)}
.ev-row:last-child{border-bottom:1px dashed rgba(238,240,247,.28)}
.ev-date b{display:block;font:700 3.4rem/.9 var(--f-ui);letter-spacing:-.05em}
.ev-date span{font:500 .92rem var(--f-ui);color:rgba(238,240,247,.7)}
.ev-main h3{font-size:1.45rem;margin:0 0 .35rem} .ev-main h3 a{text-decoration:none} .ev-main h3 a:hover{text-decoration:underline}
.ev-meta{margin:0;display:flex;flex-wrap:wrap;gap:.2rem 1rem;font:400 .98rem var(--f-ui);color:rgba(238,240,247,.7)}
.ev-seats{display:flex;flex-direction:column;gap:.55rem}
.ev-seats small{font:500 .9rem var(--f-ui);color:rgba(238,240,247,.8)}
.seats{display:flex;flex-wrap:wrap;gap:4px;max-width:260px}
.seats i{width:11px;height:11px;border-radius:50%;border:1.5px solid rgba(238,240,247,.6)}
.seats i.t{background:var(--paper);border-color:var(--paper)}
.seats-note{font:500 .9rem var(--f-ui)}
.ev-buy{display:flex;align-items:center;gap:1.1rem} .ev-buy strong{font:700 1.4rem var(--f-ui);letter-spacing:-.02em}
.ev-row.is-out .ev-main,.ev-row.is-out .ev-date{opacity:.55}
.sec-dark .btn-off{border-color:rgba(238,240,247,.3);color:rgba(238,240,247,.6)}
/* açık zeminde kontenjan balonları */
.buybox .seats i{border-color:var(--ink-2)} .buybox .seats i.t{background:var(--ink);border-color:var(--ink)}

/* kartlar */
.cards{display:grid;gap:1.4rem}
.cards-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.cards-feature{grid-template-columns:repeat(3,1fr)}
.card{display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;text-decoration:none;border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(21,26,61,.4)}
.card-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--paper-2)}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .card-img img{transform:scale(1.04)}
.tag{position:absolute;left:.9rem;top:.9rem;background:var(--mark);font:600 .82rem var(--f-ui);padding:.3rem .75rem;border-radius:999px}
.card-body{padding:1.4rem 1.5rem 1.5rem;display:flex;flex-direction:column;flex:1}
.card-body h3{margin-bottom:.5rem} .card-body p{color:var(--soft);font-size:1.02rem;margin-bottom:1.2rem}
.card-body time{font:500 .88rem var(--f-ui);color:var(--soft);margin-bottom:.5rem}
.card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-family:var(--f-ui);border-top:1px solid var(--line);padding-top:1rem}
.card-foot strong{font-size:1.25rem} .card-foot span{font-size:.88rem;color:var(--soft);text-align:right}
.card-big{grid-row:span 2} .card-big .card-img{aspect-ratio:4/3.4} .card-big h3{font-size:1.7rem}

/* neden biz */
.why{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.why-side{position:sticky;top:110px}
.why-side p{color:var(--soft);max-width:28rem}
.arch{border-radius:999px 999px 22px 22px;overflow:hidden;background:var(--paper-2);max-width:340px;margin-top:2rem}
.arch img{width:100%;aspect-ratio:4/5;object-fit:cover}
.arch-tall{max-width:100%;margin-top:0} .arch-tall img{aspect-ratio:3/3.6}
.why-list article{display:grid;grid-template-columns:auto 1fr;gap:0 1.3rem;padding:2rem 0;border-top:1px solid var(--line)}
.why-list article:first-child{border-top:0;padding-top:0}
.why-list h3{font-size:1.55rem;margin-bottom:.4rem} .why-list p{margin:0;color:var(--soft);grid-column:2}
.bub-lg{width:34px;height:34px;border-radius:50%;border:2px solid var(--ink);position:relative;flex:none;grid-row:span 2}
.bub-lg::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--ink)}
.mini .bub-lg{grid-row:auto}

.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}
.quotes blockquote{margin:0}.quotes blockquote:nth-child(2){margin-top:2.6rem}
.quotes p{font:italic 400 1.4rem/1.45 var(--f-read);margin-bottom:1rem}
.quotes footer{font:600 .95rem var(--f-ui);color:var(--soft)}

.cta{background:var(--stamp);color:#fff;padding:clamp(3rem,6vw,5rem) 0;position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;right:-8rem;top:-8rem;width:26rem;height:26rem;border-radius:50%;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 0 3rem rgba(255,255,255,.05)}
.cta-in{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.cta h2{margin-bottom:.3em;max-width:18ch} .cta p{margin:0;color:rgba(255,255,255,.8);max-width:34rem}

/* iç sayfa başlığı: cetvel çentikleri */
.phead{background:var(--paper-2);padding:clamp(2.5rem,6vw,4.5rem) 0 3rem;position:relative}
.phead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;background:repeating-linear-gradient(to right,var(--ink) 0 2px,transparent 2px 14px);opacity:.28;-webkit-mask:linear-gradient(to bottom,#000 0 100%);}
.phead-in{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem 4rem;align-items:end}
.phead h1{font-size:clamp(2.3rem,5vw,4.2rem);margin:0} .phead p{margin:0;color:var(--soft);font-size:1.15rem}
.phead .badge{margin-bottom:1rem} .phead-slim{padding:2rem 0 2.4rem} .phead-slim h1{font-size:clamp(1.8rem,3.4vw,2.6rem)}

/* metin */
.prose{max-width:46rem} .prose p,.prose li{line-height:1.75}
.prose h2{font-size:1.9rem;margin:1.8em 0 .5em} .prose h3{margin:1.5em 0 .4em;font-size:1.4rem}
.prose a{color:var(--stamp)} .prose blockquote{margin:1.6em 0;padding-left:1.2rem;border-left:4px solid var(--mark);font-style:italic}
.prose img{border-radius:14px;margin:1.5rem 0}
.prose-read{font-size:1.2rem}
.about-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.about-side{position:sticky;top:110px}
.cred{list-style:none;padding:0;margin:1.6rem 0 0}
.cred li{display:flex;gap:.8rem;align-items:flex-start;padding:.75rem 0;border-top:1px solid var(--line);font:500 1rem var(--f-ui)}
.cred i{flex:none;width:14px;height:14px;margin-top:.25rem;border-radius:50%;background:var(--ink)}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}
.values article{border-top:3px solid var(--ink);padding-top:1.2rem}.values p{color:var(--soft);margin:0}

.mini-list{display:grid;gap:.8rem}
.mini{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.2rem 1.4rem;text-decoration:none;transition:transform .2s,box-shadow .2s}
.mini:hover{transform:translateX(4px);box-shadow:0 14px 30px -20px rgba(21,26,61,.5)}
.mini h3{margin:0 0 .15rem;font-size:1.15rem}.mini p{margin:0;color:var(--soft);font-size:.95rem}

/* detay */
.detail{display:grid;grid-template-columns:1fr 380px;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.detail-img img{width:100%;border-radius:22px;aspect-ratio:16/9;object-fit:cover;margin-bottom:2rem}
.buybox,.sumbox{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.8rem;position:sticky;top:100px}
.price{font:700 2.4rem/1 var(--f-ui);letter-spacing:-.04em;margin:0 0 1.2rem}
.buybox dl,.sumbox dl{margin:0 0 1.2rem}
.buybox dl div,.sumbox dl div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-top:1px solid var(--line);font-family:var(--f-ui);font-size:.96rem}
.buybox dt,.sumbox dt{color:var(--soft)} .buybox dd,.sumbox dd{margin:0;font-weight:600;text-align:right}
.buybox h3{font-size:1.1rem;margin:1.4rem 0 .8rem}
.sess{display:grid;gap:.6rem;padding:1rem 0;border-top:1px solid var(--line)}
.sess b{font:600 1rem var(--f-ui);display:block} .sess small{font:400 .88rem var(--f-ui);color:var(--soft)}
.sess-left{font-weight:600!important;color:var(--ink)!important}
.sumbox h3{font-size:1.1rem} .sum-title{font:600 1.15rem/1.3 var(--f-ui)}
.sum-total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--ink);padding-top:1rem;margin:0 0 .8rem;font-family:var(--f-ui)}
.sum-total strong{font-size:1.9rem;letter-spacing:-.03em} .sumbox small{color:var(--soft);font-size:.88rem;line-height:1.4;display:block}
.files{list-style:none;padding:0;margin:0 0 2rem;display:grid;gap:.6rem}
.files li{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.9rem 1.1rem;font-family:var(--f-ui)}
.files b{display:block;font-size:1rem} .files small{color:var(--soft)}
.pdf{background:var(--red);color:#fff;font:700 .72rem var(--f-ui);padding:.5rem .55rem;border-radius:6px}
.files li.locked{opacity:.7}.lock-note{font-size:.85rem;color:var(--soft)}
.files.compact{margin:1rem 0 0}
.post-head{max-width:820px;padding-top:clamp(2.5rem,6vw,4.5rem)} .post-head time{font:500 .95rem var(--f-ui);color:var(--soft)}
.post-head h1{font-size:clamp(2.2rem,5vw,3.8rem);margin:.4rem 0 .5rem}
.post-img{max-width:1000px;margin:1.5rem auto} .post-img img{width:100%;border-radius:24px;max-height:520px;object-fit:cover}
.post-body{max-width:820px;padding-bottom:4rem}
.past{list-style:none;padding:0;margin:0}.past li{display:flex;gap:1.5rem;padding:.8rem 0;border-top:1px solid var(--line);font-family:var(--f-ui)}.past time{color:var(--soft);min-width:9rem}

/* formlar */
.fld{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;font-family:var(--f-ui)}
.fld>span{font-weight:600;font-size:.92rem}
.fld small{color:var(--soft);font-size:.82rem}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=datetime-local],input[type=search],select,textarea{width:100%;font:400 1rem var(--f-ui);padding:.85rem 1rem;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--stamp);box-shadow:0 0 0 4px rgba(47,69,197,.15)}
textarea{resize:vertical;line-height:1.5}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 1rem}
.chk{display:flex;gap:.7rem;align-items:flex-start;margin:0 0 1.2rem;font:400 .95rem/1.4 var(--f-ui);cursor:pointer}
.chk input{margin-top:.15rem;width:18px;height:18px;accent-color:var(--ink);flex:none}
.hp{position:absolute!important;left:-9999px}
.form-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(1.4rem,3vw,2.2rem)}
.flash{padding:.9rem 1.1rem;border-radius:14px;margin:0 0 1rem;font:500 .98rem/1.4 var(--f-ui);background:#fff;border:1px solid var(--line)}
.flash-ok{background:#E6F4EE;border-color:#B9E0CF;color:#0B5B41}.flash-err{background:#FDECEA;border-color:#F4C2BD;color:#8C1F17}.flash-warn{background:#FFF6D1;border-color:#F1DE8A;color:#5C4A00}
.flash-wrap{padding-top:1rem}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.contact-list{margin:2rem 0 0}.contact-list div{padding:.9rem 0;border-top:1px solid var(--line)}
.contact-list dt{font:600 .85rem var(--f-ui);color:var(--soft)}.contact-list dd{margin:.15rem 0 0}.contact-list a{text-decoration:none}
.map iframe{width:100%;border:0;border-radius:18px;margin-top:1.4rem;min-height:240px}
.contact-side .arch{max-width:260px;margin-top:0}

.auth{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 72px)}
.auth-art{background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:3rem}
.auth-art .arch{width:min(320px,100%);margin:0}
.auth-art p{font:italic 400 1.5rem/1.35 var(--f-read);max-width:22rem;text-align:center;margin:0}
.auth-form{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,5rem);max-width:640px}
.auth-form h1{font-size:clamp(2.2rem,4vw,3.2rem)} .alt{margin-top:1.4rem;color:var(--soft)} .alt a{color:var(--stamp);font-weight:600}
.checkout{display:grid;grid-template-columns:1fr 380px;gap:clamp(2rem,5vw,4rem);align-items:start}
.bank{background:#fff;border-radius:24px;padding:2.4rem;border:1px solid var(--line);text-align:center}
.bank-top{font:600 .9rem var(--f-ui);color:var(--soft)}
.bank-code{max-width:240px;margin:1rem auto 1.5rem;text-align:center;font:600 1.6rem var(--f-ui)!important;letter-spacing:.4em}
.bank-actions{display:flex;gap:.8rem;justify-content:center}
.res-mark{display:block;width:84px;height:84px;border-radius:50%;margin:0 auto 1.5rem;position:relative;background:var(--ink)}
.res-mark.ok::after{content:"";position:absolute;left:30px;top:17px;width:20px;height:38px;border:solid var(--mark);border-width:0 7px 7px 0;transform:rotate(40deg)}
.res-mark.bad{background:var(--red)}.res-mark.bad::before,.res-mark.bad::after{content:"";position:absolute;left:20px;top:38px;width:44px;height:7px;background:#fff;border-radius:4px;transform:rotate(45deg)}.res-mark.bad::after{transform:rotate(-45deg)}
.actions{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;margin-top:1.6rem}.narrow:not(.center) .actions{justify-content:flex-start}

/* profil */
.profile{display:grid;grid-template-columns:230px 1fr;gap:2.4rem;align-items:start}
.ptabs{display:flex;flex-direction:column;gap:.3rem;position:sticky;top:100px}
.ptabs a,.ptabs button{font:500 1rem var(--f-ui);text-decoration:none;padding:.75rem 1rem;border-radius:12px;background:none;border:0;text-align:left;cursor:pointer;color:var(--ink-2)}
.ptabs a:hover,.ptabs button:hover{background:#fff}.ptabs a.on{background:var(--ink);color:var(--paper)}
.ptabs form{margin-top:.8rem;border-top:1px solid var(--line);padding-top:.8rem}.ptabs button{color:var(--red)}
.pcard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.6rem;margin-bottom:1rem}
.pcard header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.pcard h3{margin-bottom:.2rem;font-size:1.3rem}.pcard header p{margin:0}
.chip-state{flex:none;font:600 .82rem var(--f-ui);background:var(--mark);padding:.35rem .8rem;border-radius:999px}.chip-state.done{background:var(--paper-2)}
.pcard-foot{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1.1rem}
.two-forms{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:start}
.tbl-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:18px}
.tbl{width:100%;border-collapse:collapse;font:400 .95rem var(--f-ui)}
.tbl th{text-align:left;font-weight:600;font-size:.84rem;color:var(--soft);padding:.85rem 1rem;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:.85rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}.tbl tr:last-child td{border-bottom:0}
.tbl .r{text-align:right}.tbl a{color:var(--stamp);font-weight:600}
.st{display:inline-block;font:600 .8rem var(--f-ui);padding:.25rem .65rem;border-radius:999px;background:var(--paper-2);white-space:nowrap}
.st-paid{background:#DDF2E8;color:#0B5B41}.st-failed,.st-cancelled{background:#FBE0DD;color:#8C1F17}.st-pending{background:#FFF1BD;color:#5C4A00}.st-refunded{background:#E3E7F3;color:var(--ink-2)}

/* sınav */
.exam-bar{position:sticky;top:0;z-index:40;background:var(--ink);color:var(--paper)}
.exam-bar-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px;font-family:var(--f-ui)}
.exam-bar small{display:block;color:rgba(238,240,247,.7)}
.exam-bar .btn-ink{background:var(--mark);color:var(--ink)}
.timer{font:700 1.7rem var(--f-ui);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.timer.low{color:#FF8B80}
.page-exam .hd,.page-exam .ft{display:none}
.exam-grid{display:grid;grid-template-columns:1fr 280px;gap:2.4rem;padding:2.4rem 0 4rem;align-items:start}
.q{border:0;padding:0;margin:0;min-width:0}.q legend{font:600 .95rem var(--f-ui);color:var(--soft);margin-bottom:.8rem;padding:0}
.q-body{font-size:1.3rem;line-height:1.55;margin-bottom:1.5rem}
.opts{display:grid;gap:.7rem}
.opt{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:1rem 1.2rem;cursor:pointer;transition:border-color .15s,background .15s;font-size:1.08rem}
.opt:hover{border-color:var(--ink-2)}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt i{width:36px;height:36px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;font:700 .85rem var(--f-ui);font-style:normal;transition:background .15s,color .15s}
.opt:has(input:checked){border-color:var(--ink);background:#fff;box-shadow:0 0 0 3px rgba(21,26,61,.1)}
.opt:has(input:checked) i{background:var(--ink);color:var(--paper)}
.opt:has(input:focus-visible){outline:3px solid var(--stamp);outline-offset:2px}
.exam-nav{display:flex;justify-content:space-between;margin-top:1.8rem}
.exam-side{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.3rem;position:sticky;top:90px}
.exam-side h3{font-size:1rem}.qmap{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin-bottom:1rem}
.qmap button{aspect-ratio:1;border-radius:50%;border:1.5px solid var(--ink);background:none;font:600 .8rem var(--f-ui);cursor:pointer;color:var(--ink)}
.qmap button.done{background:var(--ink);color:var(--paper)}.qmap button.cur{box-shadow:0 0 0 3px var(--mark)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0 0 1.6rem}
.facts div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;font-family:var(--f-ui)}
.facts dt{font-size:.82rem;color:var(--soft)}.facts dd{margin:.2rem 0 0;font:700 1.6rem var(--f-ui);letter-spacing:-.03em}
.result-hero{padding:3rem 0}.result-hero.is-pass{background:#DDF2E8}.result-hero.is-fail{background:#FBE5E2}
.result-in{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.result-hero h1{font-size:clamp(1.8rem,3.4vw,2.8rem);margin-bottom:.3em}
.result-tag{display:inline-block;font:700 .95rem var(--f-ui);background:var(--ink);color:var(--paper);padding:.35rem .9rem;border-radius:999px}.is-fail .result-tag{background:var(--red)}
.score{font-family:var(--f-ui);display:flex;align-items:baseline;gap:.4rem}.score b{font-size:clamp(4rem,9vw,7rem);line-height:.9;letter-spacing:-.06em}.score span{font-size:1.4rem;color:var(--soft)}
.rev{background:#fff;border:1px solid var(--line);border-left:5px solid var(--line);border-radius:16px;padding:1.3rem 1.5rem;margin-bottom:1rem}
.rev-right{border-left-color:var(--ok)}.rev-wrong{border-left-color:var(--red)}
.rev header{display:flex;justify-content:space-between;margin-bottom:.6rem;font-family:var(--f-ui)}
.rev-opts{list-style:none;padding:0;margin:0 0 .8rem;display:grid;gap:.4rem}
.rev-opts li{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;padding:.5rem .7rem;border-radius:10px;font-size:1rem}
.rev-opts i{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;font:600 .72rem var(--f-ui);font-style:normal}
.rev-opts em{font:600 .8rem var(--f-ui);font-style:normal}
.rev-opts .is-correct{background:#DDF2E8}.rev-opts .is-correct i{background:var(--ok);border-color:var(--ok);color:#fff}
.rev-opts .is-mine-wrong{background:#FBE0DD}.rev-opts .is-mine-wrong i{background:var(--red);border-color:var(--red);color:#fff}
.expl{background:var(--paper);border-radius:12px;padding:.8rem 1rem;margin:0;font-size:1rem}

/* fatura */
.inv-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-bottom:1rem}
.invoice{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(1.4rem,4vw,3rem)}
.invoice header{display:flex;justify-content:space-between;gap:1rem;border-bottom:2px solid var(--ink);padding-bottom:1.2rem;margin-bottom:1.5rem}
.invoice h1{font-size:2rem;margin-bottom:.2em}.inv-date{text-align:right;font-family:var(--f-ui)}.inv-date span{display:block;font-size:.85rem;color:var(--soft)}
.inv-parties{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.6rem}.inv-parties h3{font-size:.95rem;color:var(--soft)}.inv-parties p{font-size:1rem;margin:0}
.invoice tfoot td{border-bottom:0}.invoice .total td{font-weight:700;font-size:1.1rem;border-top:2px solid var(--ink)}
@media print{.hd,.ft,.no-print,.flash-wrap{display:none!important}body{background:#fff}.invoice{border:0;padding:0}}

.pager{display:flex;gap:.4rem;justify-content:center;margin-top:2.4rem;font-family:var(--f-ui)}
.pager a{padding:.5rem .9rem;border-radius:999px;text-decoration:none;border:1px solid var(--line);background:#fff}.pager a.on{background:var(--ink);color:#fff;border-color:var(--ink)}

/* alt bilgi */
.ft{background:var(--ink);color:rgba(238,240,247,.78);position:relative;overflow:hidden;padding-top:4.5rem;font-family:var(--f-ui);font-size:.98rem}
.ft a{color:inherit;text-decoration:none}.ft a:hover{color:#fff;text-decoration:underline}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:2.4rem;position:relative;z-index:1}
.ft h4{font-size:.95rem;color:#fff;margin-bottom:.9rem;letter-spacing:0}.ft h4.mt{margin-top:1.6rem}
.ft-grid a{display:block;padding:.2rem 0}.ft p{margin:0 0 .5rem}
.ft-brand p{max-width:22rem;margin-top:1rem;line-height:1.55}
.brand-light{color:#fff}.brand-light:hover{text-decoration:none!important}
.social{display:flex;gap:1rem;flex-wrap:wrap}.social a{display:inline!important;font-weight:600}
.ft-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid rgba(238,240,247,.16);margin-top:3rem;padding:1.3rem 0;font-size:.88rem;position:relative;z-index:1}
.ft-test{color:var(--mark)}
.ft-word{font:800 clamp(4rem,15vw,13rem)/.8 var(--f-ui);letter-spacing:-.06em;white-space:nowrap;color:rgba(238,240,247,.06);padding:0 1rem;margin-bottom:-.12em;user-select:none}

@media (max-width:1020px){
  .hero-grid,.why,.about-grid,.detail,.checkout,.contact-grid,.profile,.phead-in,.sec-head,.auth{grid-template-columns:1fr}
  .cards-feature{grid-template-columns:1fr 1fr}.card-big{grid-row:auto;grid-column:span 2}
  .why-side,.about-side,.buybox,.sumbox,.ptabs,.exam-side{position:static}
  .ptabs{flex-direction:row;flex-wrap:wrap}.ptabs form{margin:0;border:0;padding:0}
  .ev-row{grid-template-columns:84px 1fr;gap:1rem}.ev-seats,.ev-buy{grid-column:2}
  .quotes,.values,.two-forms{grid-template-columns:1fr}.quotes blockquote:nth-child(2){margin-top:0}
  .exam-grid{grid-template-columns:1fr}.exam-side{order:-1}
  .facts{grid-template-columns:1fr 1fr}.ft-grid{grid-template-columns:1fr 1fr}
  .hero-art{max-width:520px;margin-inline:auto;padding-right:.5rem}.auth-art{padding:2rem}
  .hero h1{max-width:none}
}
@media (max-width:760px){
  body{font-size:1.06rem}
  .nav-toggle{display:block}
  .nav{position:absolute;left:0;right:0;top:100%;background:var(--paper);flex-direction:column;align-items:stretch;padding:.8rem 1.25rem 1.4rem;border-bottom:1px solid var(--line);display:none}
  .nav-open .nav{display:flex}.nav>a{padding:.8rem .5rem}
  .nav-user{margin:.6rem 0 0;padding:.9rem 0 0;border:0;border-top:1px solid var(--line);justify-content:space-between}
  .cards-feature{grid-template-columns:1fr}.card-big{grid-column:auto}
  .grid2,.grid3,.inv-parties{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr 1fr}
  .sheet{padding:1.1rem 1rem 1.3rem 1.8rem}.sheet-cols{grid-template-columns:1fr;gap:0}.sheet-col:last-child{display:none}.sheet-stamp{font-size:1.05rem}
  .bub{width:1.7rem;height:1.7rem}.idphoto{right:0;top:-1.2rem;width:112px}
  .ft-grid{grid-template-columns:1fr}.mini{grid-template-columns:auto 1fr}.mini .btn{grid-column:1/-1}
  .sec-head-row{flex-direction:column;align-items:flex-start;gap:1rem}
  .ev-date b{font-size:2.6rem}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* ---------- interaktif bileşenler ---------- */
[hidden]{display:none!important}
.topbar{background:var(--bb,var(--ink));color:#fff;font:500 .95rem var(--f-ui);position:relative}
.topbar-in{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:42px;padding-right:4.5rem}
.topbar-item{display:none;margin:0;text-align:center}.topbar-item.on{display:block;animation:tbin .4s both}
.topbar-item a{color:var(--mark);font-weight:600;margin-left:.4rem}
.topbar-x{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:0;color:rgba(255,255,255,.75);font:500 .85rem var(--f-ui);cursor:pointer;padding:.4rem .6rem}
.topbar-x:hover{color:#fff}
@keyframes tbin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

.bnr{padding:clamp(1.5rem,3vw,2.5rem) 0 0}
.bnr-track{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:21/8;background:var(--ink);isolation:isolate}
.bnr-slide{position:absolute;inset:0;background:var(--bb);display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s;color:#fff}
.bnr-slide.on{opacity:1;visibility:visible}
.bnr-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.bnr-slide::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bb) 0,color-mix(in srgb,var(--bb) 70%,transparent) 42%,transparent 75%)}
.bnr-slide.tone-light{color:var(--ink)}
.bnr-copy{padding:clamp(1.4rem,4vw,3.6rem);max-width:min(560px,100%)}
.bnr-copy h3{font-size:clamp(1.6rem,3.6vw,3rem);letter-spacing:-.035em;margin-bottom:.4em}
.bnr-copy p{font-size:clamp(1rem,1.5vw,1.2rem);margin-bottom:1.3rem;opacity:.9}
.bnr-ctl{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}
.bnr-ctl>button{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--ink);background:none;font:600 1.3rem/1 var(--f-ui);cursor:pointer;color:var(--ink)}
.bnr-ctl>button:hover{background:var(--ink);color:#fff}
.bnr-dots{display:flex;gap:.5rem}.bnr-dots button{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--ink);background:none;padding:0;cursor:pointer}.bnr-dots button.on{background:var(--ink)}

.filterbar{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;margin-bottom:1.8rem}
.filterbar input[type=search]{max-width:300px;border-radius:999px;padding:.7rem 1.1rem}
.chips{display:flex;gap:.5rem;flex-wrap:wrap}
.chips button{font:500 .93rem var(--f-ui);padding:.55rem 1rem;border-radius:999px;border:1.5px solid var(--line);background:#fff;cursor:pointer;color:var(--ink-2);transition:all .15s}
.chips button:hover{border-color:var(--ink)}.chips button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.filterbar-dark input[type=search]{background:rgba(255,255,255,.08);border-color:rgba(238,240,247,.25);color:#fff}
.filterbar-dark input::placeholder{color:rgba(238,240,247,.55)}
.filterbar-dark .chips button{background:transparent;color:rgba(238,240,247,.85);border-color:rgba(238,240,247,.3)}
.filterbar-dark .chips button.on{background:var(--mark);color:var(--ink);border-color:var(--mark)}
.switch{display:inline-flex;align-items:center;gap:.6rem;font:500 .93rem var(--f-ui);cursor:pointer;color:rgba(238,240,247,.9)}
.switch input{appearance:none;width:42px;height:24px;border-radius:99px;background:rgba(238,240,247,.25);position:relative;cursor:pointer;transition:background .2s;margin:0}
.switch input::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.switch input:checked{background:var(--mark)}.switch input:checked::after{transform:translateX(18px);background:var(--ink)}

.countdown{margin:1.2rem 0 0;display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;color:rgba(238,240,247,.75);font-family:var(--f-ui)}
.countdown b{font:700 1.5rem var(--f-ui);color:var(--mark);font-variant-numeric:tabular-nums;letter-spacing:-.02em}

.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.faq{display:grid;gap:.6rem}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:box-shadow .2s}
.faq-item[open]{box-shadow:0 14px 30px -22px rgba(21,26,61,.6)}
.faq-item summary{list-style:none;cursor:pointer;padding:1.15rem 1.4rem;font:600 1.08rem var(--f-ui);display:flex;justify-content:space-between;gap:1rem;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"";flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--ink);background:radial-gradient(circle,var(--ink) 0 0,transparent 0);transition:background .2s}
.faq-item[open] summary::after{background:radial-gradient(circle,var(--ink) 0 5px,transparent 6px)}
.faq-a{padding:0 1.4rem 1.2rem;color:var(--soft)}.faq-a p{margin:0}
@media (max-width:1020px){.faq-wrap{grid-template-columns:1fr}.bnr-track{aspect-ratio:4/3}.bnr-slide::before{background:linear-gradient(180deg,transparent 10%,var(--bb) 85%)}.bnr-slide{align-items:flex-end}}

/* ---------- medya: video, galeri, lightbox ---------- */
.vcard,.gal-item{position:relative;display:block;width:100%;border:0;padding:0;cursor:pointer;overflow:hidden;background:var(--ink);border-radius:22px;aspect-ratio:16/9;font:inherit;color:#fff}
.vcard img,.gal-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.vcard:hover img,.gal-item:hover img{transform:scale(1.05)}
.vplay{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--mark);box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .2s}
.vplay::after{content:"";position:absolute;left:30px;top:22px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent var(--ink)}
.vcard:hover .vplay,.gal-item:hover .vplay{transform:scale(1.1)}
.vplay-sm{width:52px;height:52px;margin:-26px 0 0 -26px;border:0;cursor:pointer;padding:0}.vplay-sm::after{left:21px;top:14px;border-width:12px 0 12px 19px}
.vcap{position:absolute;left:0;right:0;bottom:0;padding:2.2rem 1.1rem .9rem;text-align:left;font:600 .95rem var(--f-ui);background:linear-gradient(transparent,rgba(21,26,61,.82))}
.idphoto.has-video img{filter:saturate(.9)}.idphoto .vplay-sm{top:42%}
.video-sec{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.video-sec p{color:rgba(238,240,247,.75);max-width:26rem}
.video-frame .vcard{border-radius:24px}.video-inline{margin-bottom:2rem}
.detail-img.video-frame{margin-bottom:2rem}.detail-img.video-frame .vcard{aspect-ratio:16/9}
.post-img.video-frame{max-width:1000px}
.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:1rem}
.gal-item{aspect-ratio:4/3;border-radius:18px}.gal-wide{grid-column:span 2}
.gal-empty{display:block;width:100%;height:100%;background:var(--paper-2)}
.lb{position:fixed;inset:0;z-index:200;background:rgba(10,13,35,.92);display:grid;place-items:center;padding:3.5rem 4rem}
.lb figure{margin:0;max-width:min(1100px,100%);width:100%}
.lb-stage{display:grid;place-items:center}
.lb-stage img{max-width:100%;max-height:78vh;border-radius:10px}
.lb-stage iframe,.lb-stage video{width:min(1000px,100%);aspect-ratio:16/9;border:0;border-radius:12px;background:#000;max-height:78vh}
.lb figcaption{color:#fff;text-align:center;font:500 1rem var(--f-ui);margin-top:1rem}
.lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;width:48px;height:48px;border-radius:50%;font:400 1.8rem/1 var(--f-ui);cursor:pointer}
.lb button:hover{background:rgba(255,255,255,.28)}
.lb-x{right:1.2rem;top:1.2rem}.lb-p{left:1rem;top:50%}.lb-n{right:1rem;top:50%}
body.lb-open{overflow:hidden}

/* ---------- sekmeler, mini soru ---------- */
.steps{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:stretch}
.steps-nav{display:grid;gap:.6rem;align-content:start}
.steps-nav button{display:flex;align-items:center;gap:1rem;text-align:left;font:600 1.1rem var(--f-ui);padding:1.05rem 1.2rem;border-radius:18px;border:1.5px solid var(--line);background:#fff;cursor:pointer;color:var(--ink-2);transition:all .2s}
.steps-nav button i{flex:none;width:34px;height:34px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;font:700 .9rem var(--f-ui);font-style:normal;transition:all .2s}
.steps-nav button.on{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:translateX(6px)}
.steps-nav button.on i{background:var(--mark);color:var(--ink);border-color:var(--mark)}
.steps-body{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden}
.steps-panel{display:grid;grid-template-columns:1fr 1fr;height:100%;animation:stepin .45s both}
.steps-panel[hidden]{display:none}
@keyframes stepin{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.steps-img img{width:100%;height:100%;object-fit:cover;min-height:260px}
.steps-copy{padding:clamp(1.4rem,3vw,2.4rem);display:flex;flex-direction:column;justify-content:center;gap:.4rem}.steps-copy p{color:var(--soft)}
.quiz-sec{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.quiz{background:#fff;border:1px solid var(--line);border-radius:26px;padding:clamp(1.3rem,3vw,2.2rem)}
.quiz-q{font:600 1.35rem/1.45 var(--f-ui);margin-bottom:1.2rem;letter-spacing:-.01em}
.quiz-opts{display:grid;gap:.6rem}
.qopt{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;text-align:left;font:400 1.05rem var(--f-read);padding:.85rem 1.1rem;border-radius:16px;border:1.5px solid var(--line);background:#fff;cursor:pointer;transition:all .15s;color:var(--ink)}
.qopt:hover:not(:disabled){border-color:var(--ink)}
.qopt i{width:34px;height:34px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;font:700 .85rem var(--f-ui);font-style:normal}
.qopt.right{background:#DDF2E8;border-color:var(--ok)}.qopt.right i{background:var(--ok);border-color:var(--ok);color:#fff}
.qopt.wrong{background:#FBE0DD;border-color:var(--red)}.qopt.wrong i{background:var(--red);border-color:var(--red);color:#fff}
.qopt:disabled{cursor:default}
.quiz-res{margin-top:1.2rem;padding:1rem 1.2rem;border-radius:16px;background:#FBE0DD;animation:stepin .35s both}.quiz-res.good{background:#DDF2E8}
.quiz-res b{font:700 1.15rem var(--f-ui)}.quiz-res p{margin:.4rem 0 0;color:var(--ink-2)}.quiz-act{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}

/* ---------- kaydırınca belirme ---------- */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.cards .card.rv.in{transition:opacity .7s,transform .25s,box-shadow .25s}

/* ---------- eğitim filtreleri ---------- */
.filterbar .range{display:flex;flex-direction:column;gap:.3rem;font:500 .9rem var(--f-ui);min-width:200px}
.filterbar .range input{accent-color:var(--ink);padding:0;border:0;box-shadow:none;width:100%}
.sortsel{display:flex;align-items:center;gap:.5rem;font:500 .9rem var(--f-ui)}.sortsel select{width:auto;border-radius:999px;padding:.55rem 1rem}
.switch-light{color:var(--ink-2)}.switch-light input{background:var(--paper-2)}.switch-light input:checked{background:var(--ink)}.switch-light input:checked::after{background:var(--mark)}

/* ---------- etkinlik takvimi ---------- */
.viewtoggle{display:inline-flex;background:rgba(255,255,255,.1);border-radius:999px;padding:4px;margin-bottom:1.6rem}
.viewtoggle button{border:0;background:none;color:rgba(238,240,247,.85);font:600 .93rem var(--f-ui);padding:.55rem 1.3rem;border-radius:999px;cursor:pointer}
.viewtoggle button.on{background:var(--mark);color:var(--ink)}
.cal-head{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}
.cal-head h2{flex:1;margin:0;font-size:clamp(1.4rem,3vw,2rem);color:#fff}
.cal-head>button:not(.btn){width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(238,240,247,.4);background:none;color:#fff;font:400 1.4rem/1 var(--f-ui);cursor:pointer}
.cal-head>button:not(.btn):hover{background:#fff;color:var(--ink)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal-dow{font:600 .82rem var(--f-ui);color:rgba(238,240,247,.6);text-align:center;padding:.4rem 0}
.cal-cell{min-height:92px;border-radius:14px;border:1px solid rgba(238,240,247,.16);background:rgba(255,255,255,.03);color:var(--paper);padding:.5rem .55rem;display:flex;flex-direction:column;gap:3px;text-align:left;font-family:var(--f-ui);cursor:default;overflow:hidden}
.cal-cell b{font-size:.95rem}
.cal-pad{border-color:transparent;background:none}
.cal-cell.has{cursor:pointer;background:rgba(255,255,255,.08)}.cal-cell.has:hover{border-color:var(--mark)}
.cal-cell.today b{background:var(--mark);color:var(--ink);border-radius:999px;padding:0 .45rem;align-self:flex-start}
.cal-cell.sel{background:var(--paper);color:var(--ink)}
.cal-ev{font-size:.72rem;line-height:1.25;background:var(--mark);color:var(--ink);border-radius:6px;padding:.1rem .35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-ev.past{background:rgba(238,240,247,.3);color:#fff}.cal-ev.out{background:#FF8B80}
.cal-cell small{font-size:.72rem;opacity:.8}
.cal-day{margin-top:1.4rem;display:grid;gap:.8rem}
.cal-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;border:1px solid rgba(238,240,247,.2);border-radius:18px;padding:1.1rem 1.3rem;background:rgba(255,255,255,.05)}
.cal-card h3{margin:0 0 .25rem;font-size:1.2rem}.cal-card h3 a{text-decoration:none;color:#fff}.cal-card p{margin:0;color:rgba(238,240,247,.7);font:400 .95rem var(--f-ui)}
.muted-dark{color:rgba(238,240,247,.65);font-family:var(--f-ui)}
.cal-add{margin:.6rem 0 1rem;font:500 .92rem var(--f-ui)}.cal-add a{color:var(--stamp);font-weight:600}

/* ---------- havale, ödeme yöntemi ---------- */
.paymethods{display:grid;gap:.7rem;margin-bottom:1.6rem}
.pm{display:flex;gap:1rem;align-items:flex-start;border:1.5px solid var(--line);border-radius:18px;padding:1rem 1.2rem;cursor:pointer;transition:all .15s;background:#fff}
.pm input{margin-top:.3rem;width:18px;height:18px;accent-color:var(--ink)}
.pm b{display:block;font:700 1.05rem var(--f-ui)}.pm small{color:var(--soft);font-family:var(--f-ui)}
.pm:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 3px rgba(21,26,61,.1)}
.gap-sm{margin-top:1.8rem}
.transfer-ref{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--mark);border-radius:18px;padding:1rem 1.3rem;margin-bottom:1.4rem;font-family:var(--f-ui)}
.transfer-ref span{font-size:.9rem;flex-basis:100%}.transfer-ref b{font-size:1.5rem;letter-spacing:.02em}
.banks{display:grid;gap:1rem;margin-bottom:1.4rem}
.bank-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.2rem 1.4rem}
.bank-card h3{margin-bottom:.8rem}.bank-card p{margin:.3rem 0;display:flex;flex-wrap:wrap;gap:.3rem 1rem;align-items:baseline;font-family:var(--f-ui)}
.bank-card p span{color:var(--soft);min-width:90px;font-size:.88rem}.bank-card .iban{font-size:1.05rem;letter-spacing:.04em;word-break:break-all}

/* ---------- iletişim, yazı, paylaşım ---------- */
.map-full{position:relative;width:100%;height:clamp(320px,45vw,520px);background:var(--paper-2)}
.map-full iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-dir{position:absolute;left:max(1.25rem,calc((100% - var(--max))/2));bottom:1.4rem;box-shadow:0 10px 30px rgba(21,26,61,.35)}
.chips-fill{margin:0 0 1rem}
.post-meta{display:flex;gap:1rem;font:500 .95rem var(--f-ui);color:var(--soft);margin:0}
.rprog{position:fixed;left:0;top:0;right:0;height:4px;z-index:60;background:transparent}.rprog i{display:block;height:100%;width:0;background:var(--stamp)}
.share{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.2rem;font-family:var(--f-ui)}
.share a,.share button{font:600 .9rem var(--f-ui);padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--line);background:#fff;text-decoration:none;cursor:pointer;color:var(--ink)}
.share a:hover,.share button:hover{border-color:var(--ink)}
.prose .video-embed{position:relative;aspect-ratio:16/9;margin:1.6rem 0;border-radius:16px;overflow:hidden;background:#000}.prose .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.prose figure{margin:1.6rem 0}.prose figcaption{font-size:.9rem;color:var(--soft);margin-top:.4rem}
.stats-inline{margin-top:2rem}
.wa{position:fixed;right:1.1rem;bottom:1.1rem;z-index:70;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px -8px rgba(0,0,0,.45);transition:transform .2s}
.wa:hover{transform:scale(1.08)}
.ft-grid{grid-template-columns:minmax(220px,1.5fr) repeat(auto-fit,minmax(150px,1fr))}
.ft-extra{padding:0 0 1rem;font:400 .85rem var(--f-ui);color:rgba(238,240,247,.6);position:relative;z-index:1}
.brand img{max-width:min(240px,55vw);object-fit:contain}

@media (max-width:1020px){
  .video-sec,.quiz-sec,.steps,.steps-panel{grid-template-columns:1fr}.gal{grid-template-columns:repeat(2,1fr)}
  .steps-nav{grid-template-columns:1fr 1fr}.steps-nav button.on{transform:none}
  .ft-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .lb{padding:3.5rem .5rem}.lb-p{left:.3rem}.lb-n{right:.3rem}
  .cal-cell{min-height:58px;padding:.35rem}.cal-ev{display:none}.cal-cell.has::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--mark);margin-top:auto}
  .steps-nav{grid-template-columns:1fr}.gal-wide{grid-column:auto}.ft-grid{grid-template-columns:1fr}
  .vplay{width:60px;height:60px;margin:-30px 0 0 -30px}.vplay::after{left:24px;top:17px;border-width:13px 0 13px 21px}
  .filterbar .range{min-width:100%}
}
.forgot{margin:1rem 0 0;text-align:center;font:500 .95rem var(--f-ui)}.forgot a{color:var(--stamp);font-weight:600}
.nav-many>a{padding:.5rem .6rem;font-size:.92rem}
.page-banner{background:#FFF6D1;border-bottom:1px solid #F1DE8A;padding:.7rem 0;font:500 .95rem var(--f-ui);text-align:center}
.page-media{margin-bottom:2.2rem}.page-media>img{width:100%;border-radius:24px;max-height:520px;object-fit:cover}
.narrow-wide{width:min(960px,100% - 2.5rem);margin-inline:auto}