/* ---------------------------------------------------------------
   Lider Mat Fen — kurumsal arayüz
   Palet: mürekkep laciverti + kareli defter kağıdı + sınav kırmızısı
------------------------------------------------------------------ */
:root{
  --ink:#0F1633;
  --ink-2:#1B2550;
  --slate:#4A5474;
  --mute:#77809B;
  --paper:#F4F6FB;
  --white:#FFFFFF;
  --line:#DDE3F0;
  --line-2:#EAEEF7;
  --mark:#D62839;
  --mark-deep:#A81020;
  --mark-lite:#FF7A85;
  --mark-tint:#FBE7E9;
  --wa:#25D366;
  --gold:#E8B923;
  --gold-lite:#F6E7A8;

  --shell:min(1200px, 92vw);
  --r:16px;
  --r-lg:24px;
  --sh:0 1px 2px rgba(15,22,51,.05), 0 12px 32px -18px rgba(15,22,51,.35);
  --sh-lg:0 2px 4px rgba(15,22,51,.05), 0 40px 70px -40px rgba(15,22,51,.45);

  --f-display:"Manrope", -apple-system, "Segoe UI", sans-serif;
  --f-body:"Manrope", -apple-system, "Segoe UI", sans-serif;
  --f-mono:"Manrope", -apple-system, "Segoe UI", sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%; overflow-x:hidden; background:var(--paper);
  overscroll-behavior-x:none; max-width:100%}
body{
  margin:0; background:var(--paper); color:var(--ink);
  overflow-x:hidden; overflow-x:clip; max-width:100%; width:100%; position:relative;
  overscroll-behavior-x:none;
  font-family:var(--f-body); font-size:17px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block}
iframe, video, table{max-width:100%}
.shell{overflow-wrap:break-word}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-display); font-weight:800; line-height:1.08; letter-spacing:-.035em; margin:0}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
.shell{width:var(--shell); max-width:100%; margin-inline:auto}
section, header, footer, main, article{max-width:100%}
:focus-visible{outline:3px solid var(--ink); outline-offset:3px; border-radius:4px}

/* --- kareli defter zemini ------------------------------------- */
.grid-bg{
  background-image:
    linear-gradient(var(--line-2) 1px, transparent 1px),
    linear-gradient(90deg, var(--line-2) 1px, transparent 1px);
  background-size:26px 26px;
  background-position:center;
}

/* --- fosforlu kalem izi (imza öğe) ---------------------------- */
.mark{position:relative; white-space:nowrap; z-index:0; color:#fff}
.mark::before{
  content:""; position:absolute; z-index:-1;
  left:-.14em; right:-.14em; bottom:.03em; height:.52em;
  background:var(--mark);
  transform:skewX(-9deg) scaleX(var(--sx,1));
  transform-origin:left center;
  border-radius:3px 10px 4px 8px;
}
@keyframes swipe{to{--sx:1; transform:skewX(-9deg) scaleX(1)}}

/* --- optik form baloncukları ---------------------------------- */
.bubbles{display:flex; gap:5px; align-items:center}
.bubbles i{
  width:9px; height:9px; border-radius:50%;
  border:1.5px solid var(--line); display:block;
}
.bubbles i.on{background:var(--ink); border-color:var(--ink)}

/* --- eyebrow / etiket ----------------------------------------- */
.eyebrow{
  font-family:var(--f-mono); font-size:11.5px; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase; color:var(--mute);
  display:flex; align-items:center; gap:10px; margin:0 0 18px;
}
.eyebrow::before{content:""; width:26px; height:2px; background:var(--mark-deep); flex:none}

/* --- butonlar -------------------------------------------------- */
.btn{
  --bg:var(--ink); --fg:#fff;
  display:inline-flex; align-items:center; gap:10px; justify-content:center;
  background:var(--bg); color:var(--fg); text-decoration:none;
  font-family:var(--f-body); font-weight:700; font-size:15.5px;
  padding:15px 26px; border:1.5px solid var(--bg); border-radius:999px;
  cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.btn:hover{transform:translateY(-2px); box-shadow:0 14px 26px -14px rgba(15,22,51,.8)}
.btn.ghost{--bg:transparent; --fg:var(--ink); border-color:var(--line)}
.btn.ghost:hover{border-color:var(--ink); background:var(--white)}
.btn.mark-btn{--bg:var(--mark); --fg:#fff; border-color:var(--mark)}
.btn.mark-btn:hover{box-shadow:0 14px 26px -14px rgba(214,40,57,.9)}
.btn svg{width:17px; height:17px; flex:none}

/* =========================== ÜST BAR ========================== */
.topbar{
  background:
    linear-gradient(90deg, rgba(214,40,57,.18), transparent 28%),
    linear-gradient(180deg, #0b1228, var(--ink));
  color:#C9D1E8; font-size:12.5px; border-bottom:1px solid rgba(255,255,255,.06);
}
.topbar .shell{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  min-height:42px; flex-wrap:wrap;
}
.topbar-left, .topbar-right{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.topbar .chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 11px; border-radius:999px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08);
  color:#D5DCF0; text-decoration:none; line-height:1.2;
}
.topbar .chip.tel{color:#fff; font-weight:700; letter-spacing:.01em}
.topbar .chip.ghost{background:transparent}
.topbar .chip:hover{border-color:rgba(255,255,255,.2); color:#fff}
.topbar svg{width:13px; height:13px; flex:none; color:var(--mark-lite)}

/* =========================== NAVBAR =========================== */
.nav{
  position:sticky; top:0; z-index:60;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(16px) saturate(1.2);
  border-bottom:1px solid rgba(221,227,240,.9);
  transition:box-shadow .22s ease, background .22s ease;
}
.nav.is-scrolled{
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 40px -28px rgba(15,22,51,.55);
}
.nav-inner, .nav .shell{
  display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:78px;
}
.brand{display:flex; align-items:center; gap:12px; text-decoration:none; min-width:0}
.brand-mark{
  width:46px; height:46px; border-radius:14px; flex:none;
  display:grid; place-items:center;
  font-family:var(--f-display); font-weight:800; font-size:15px; letter-spacing:-.04em; color:#fff;
  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.28), transparent 42%),
    linear-gradient(145deg, var(--mark) 0%, var(--mark-deep) 42%, var(--ink) 100%);
  box-shadow:0 10px 22px -12px rgba(214,40,57,.9), inset 0 0 0 1px rgba(255,255,255,.18);
}
.brand-copy{display:grid; gap:2px; line-height:1.05}
.brand-copy strong{
  font-family:var(--f-display); font-size:17px; font-weight:800; letter-spacing:-.03em; color:var(--ink);
}
.brand-copy small{
  font-size:10.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--mute);
}
.brand img{height:46px; width:auto; border-radius:12px}
.brand .sep{width:1px; height:26px; background:var(--line); flex:none}
.brand .loc{font-size:10px; font-weight:700; letter-spacing:.22em; color:var(--mute); text-transform:uppercase; line-height:1.5}
.brand .loc span{display:block}

.menu-wrap{
  display:flex; align-items:center;
  padding:5px; border-radius:999px;
  background:rgba(244,246,251,.9); border:1px solid var(--line);
}
.menu{display:flex; align-items:center; gap:2px; list-style:none; margin:0; padding:0}
.menu > li{position:relative}
.menu > li > a{
  display:inline-flex; align-items:center; gap:7px; text-decoration:none;
  font-size:14px; font-weight:700; padding:10px 14px; border-radius:999px; color:var(--ink-2);
  transition:background .18s ease, color .18s ease, box-shadow .18s ease;
}
.menu > li > a:hover{background:#fff; color:var(--ink); box-shadow:0 6px 16px -12px rgba(15,22,51,.45)}
.menu > li > a[aria-current="page"]{
  background:#fff; color:var(--ink);
  box-shadow:0 8px 18px -14px rgba(15,22,51,.5);
}
.menu > li > a[aria-current="page"]::after{
  content:""; width:6px; height:6px; border-radius:50%; background:var(--mark);
  box-shadow:0 0 0 3px rgba(214,40,57,.15);
}
.menu > li > a.home{padding:9px 12px}
.menu > li > a.home svg{width:20px; height:20px; display:block}
.menu > li > a.home[aria-current]::after{display:none}
.sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.caret{width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-2px); opacity:.45}
.sub{
  position:absolute; top:calc(100% + 12px); left:50%; transform:translate(-50%, 8px);
  min-width:240px; list-style:none; margin:0; padding:10px;
  background:rgba(255,255,255,.98); border:1px solid var(--line); border-radius:18px;
  box-shadow:0 24px 50px -28px rgba(15,22,51,.55);
  opacity:0; visibility:hidden; transition:.18s ease; backdrop-filter:blur(10px);
}
.menu > li:hover .sub, .menu > li:focus-within .sub{opacity:1; visibility:visible; transform:translate(-50%, 0)}
.sub a{
  display:block; text-decoration:none; font-size:14px; font-weight:600;
  padding:11px 12px; border-radius:12px; color:var(--slate);
}
.sub a:hover{background:var(--mark-tint); color:var(--mark-deep)}

.nav-cta{display:flex; align-items:center; gap:12px}
.navtel{
  display:inline-flex; align-items:center; gap:10px; text-decoration:none;
  padding:7px 12px 7px 7px; border-radius:999px;
  background:#fff; border:1px solid var(--line); color:var(--ink);
  transition:.18s ease;
}
.navtel:hover{border-color:#C9D2E6; box-shadow:0 10px 24px -18px rgba(15,22,51,.55)}
.navtel-ico{
  width:34px; height:34px; border-radius:50%; display:grid; place-items:center; flex:none;
  background:var(--mark-tint); color:var(--mark-deep);
}
.navtel-ico svg{width:15px; height:15px}
.navtel-txt{display:grid; gap:1px; line-height:1.05}
.navtel-txt small{font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--mute)}
.navtel-txt b{font-size:13.5px; font-weight:800; letter-spacing:-.01em}
.nav .cta{display:inline-flex; gap:8px; padding:13px 18px}
.burger{
  display:none; width:44px; height:44px; border:1px solid var(--line); background:var(--white);
  border-radius:14px; cursor:pointer; padding:0; align-items:center; justify-content:center; flex-direction:column; gap:4px;
}
.burger i{width:17px; height:2px; background:var(--ink); display:block; border-radius:2px}

/* mobil çekmece */
.drawer{
  position:fixed; inset:0; z-index:100; display:none;
}
.drawer[hidden]{display:none!important}
.drawer.is-open{display:block}
.drawer-scrim{position:absolute; inset:0; background:rgba(11,18,40,.55); backdrop-filter:blur(3px)}
.drawer-panel{
  position:absolute; top:0; right:0; bottom:0; width:min(390px,92vw);
  background:#fff; box-shadow:-24px 0 60px -30px rgba(15,22,51,.55);
  display:flex; flex-direction:column; padding:18px 18px 24px;
  overflow:auto; animation:drawerIn .24s ease;
}
@keyframes drawerIn{from{transform:translateX(18px); opacity:.6}to{transform:none; opacity:1}}
.drawer-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; gap:12px}
.drawer .close{
  width:42px; height:42px; border:1px solid var(--line); background:#fff; border-radius:14px;
  font-size:22px; cursor:pointer; line-height:1; flex:none;
}
.drawer-nav{display:grid; gap:2px; flex:1}
.drawer-nav > a, .drawer-nav summary{
  display:flex; justify-content:space-between; align-items:center;
  font-size:17px; font-weight:750; padding:14px 10px; text-decoration:none; cursor:pointer;
  color:var(--ink); border-radius:12px; list-style:none;
}
.drawer-nav summary::-webkit-details-marker{display:none}
.drawer-nav > a:hover, .drawer-nav summary:hover{background:var(--paper)}
.drawer-nav > a[aria-current="page"]{background:rgba(214,40,57,.08); color:var(--mark-deep)}
.drawer-nav details[open] summary .caret{transform:rotate(-135deg) translateY(-2px)}
.drawer-nav .sub-m{padding:0 8px 10px 18px; display:grid; gap:2px}
.drawer-nav .sub-m a{
  display:block; text-decoration:none; font-size:14.5px; font-weight:650;
  color:var(--slate); padding:9px 10px; border-radius:10px;
}
.drawer-nav .sub-m a:hover{background:var(--mark-tint); color:var(--mark-deep)}
.drawer-foot{margin-top:18px; padding-top:16px; border-top:1px solid var(--line); display:grid; gap:12px}
.drawer-foot .btn{width:100%; justify-content:center}
.drawer-contacts{display:grid; grid-template-columns:1fr 1fr; gap:8px}
.drawer-contacts a{
  display:grid; place-items:center; text-align:center; text-decoration:none;
  border:1px solid var(--line); border-radius:12px; padding:11px 8px;
  font-size:12.5px; font-weight:750; color:var(--ink); background:var(--paper);
}
.drawer-addr{margin:0; font-size:12.5px; color:var(--mute); line-height:1.45}

/* =========================== HERO ============================= */
.hero{position:relative; background:var(--white); border-bottom:1px solid var(--line); overflow:hidden}
.hero .shell{position:relative; z-index:3; display:grid; grid-template-columns:minmax(0,52%) 1fr; align-items:center; min-height:600px; padding:74px 0}

/* --- sağdaki görsel paneli, eğik kesimle ayrılır --- */
.hero-media{position:absolute; top:0; right:0; bottom:0; left:44%; z-index:1;
  clip-path:polygon(13% 0, 100% 0, 100% 100%, 0 100%); background:var(--ink)}
.hero-media::after{content:""; position:absolute; inset:0; z-index:3;
  background:linear-gradient(100deg, rgba(15,22,51,.6) 0%, rgba(15,22,51,.12) 45%, transparent 72%)}
.hero-cut{position:absolute; top:0; right:0; bottom:0; left:44%; z-index:2; pointer-events:none;
  clip-path:polygon(13% 0, 14.4% 0, 1.4% 100%, 0 100%); background:var(--mark)}
.hslide{position:absolute; inset:0; opacity:0; transition:opacity .9s ease}
.hslide img{width:100%; height:100%; object-fit:cover; transform:scale(1.09); transition:transform 8s linear}
.hslide.is-on{opacity:1}
.hslide.is-on img{transform:scale(1)}

/* --- sol metin, kayan slaytlar --- */
.hero-copy{padding-right:46px}
.hero-copy .track{display:grid}
.hslide-copy{grid-area:1/1; opacity:0; transform:translateY(14px); transition:opacity .5s ease, transform .5s ease; pointer-events:none}
.hslide-copy.is-on{opacity:1; transform:none; pointer-events:auto}
.hero h1{font-size:clamp(36px, 4.9vw, 60px)}
.hero h1 em{font-style:normal; display:block; color:var(--ink-2)}
.hero .lede{font-size:18.5px; color:var(--slate); max-width:46ch; margin:24px 0 0}
.hero .actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:34px}
.hslide-copy .mark::before{--sx:0}
.hslide-copy.is-on .mark::before{animation:swipe .7s .12s cubic-bezier(.2,.8,.2,1) forwards}

/* --- slider kumandası --- */
.hero-ctrl{display:flex; align-items:center; gap:14px; margin-top:44px}
.hero-ctrl > button{width:46px; height:46px; border:1.5px solid var(--line); background:var(--white); border-radius:50%;
  cursor:pointer; display:grid; place-items:center; color:var(--ink); transition:.18s ease; padding:0; flex:none}
.hero-ctrl > button:hover{border-color:var(--mark); background:var(--mark); color:#fff}
.hero-ctrl svg{width:16px; height:16px}
.dots{display:flex; gap:7px; margin-left:6px}
.dots button{border:0; padding:0; width:26px; height:4px; border-radius:99px; background:var(--line); cursor:pointer; transition:.2s ease}
.dots button:hover{background:var(--mute)}
.dots button[aria-current="true"]{background:var(--mark); width:44px}
.count{font-size:12px; font-weight:700; letter-spacing:.18em; color:var(--mute); margin-left:auto}
.count b{color:var(--ink)}

/* --- BANNER MODU: yüklenen görsel tam görünür --- */
.hero-banner{position:relative; background:var(--ink); overflow:hidden; border-bottom:1px solid var(--line); max-width:100vw}
.bslides{position:relative; display:grid}
.bslide{grid-area:1/1; opacity:0; transition:opacity .7s ease; pointer-events:none}
.bslide.is-on{opacity:1; pointer-events:auto}
.bslide a, .bslide picture{display:block}

/* Banner yerleşimi — iki mod:
   .fit-cover  : fotoğraf hero alanının tamamını tek başına kaplar (varsayılan)
   .fit-contain: fotoğrafın tamamı görünür, artan yer bulanık kopyayla dolar   */
.bslide .frame{position:relative; display:block; overflow:hidden}
.bslide img{display:block; margin:0 auto; width:100%; height:auto}

/* --- KAPLA (varsayılan) --- */
.fit-cover .bslide img{
  object-fit:cover; object-position:center;
  max-height:calc(100vh - 132px);
}
@media (max-width:1080px){ .fit-cover .bslide img{max-height:calc(100vh - 90px)} }
@media (max-width:720px){  .fit-cover .bslide img{max-height:calc(100vh - 70px)} }

/* --- SIĞDIR --- */
.fit-contain .bslide .frame::before{
  content:""; position:absolute; inset:0; z-index:0;
  background-image:var(--bgd); background-size:cover; background-position:center;
  filter:blur(34px) saturate(1.15) brightness(.85); transform:scale(1.15);
}
.fit-contain .bslide img{
  position:relative; z-index:1; object-fit:contain;
  max-height:calc(100vh - 132px);
}
@media (max-width:1080px){ .fit-contain .bslide img{max-height:calc(100vh - 90px)} }
@media (max-width:720px){
  .fit-contain .bslide .frame::before{background-image:var(--bgm, var(--bgd))}
  .fit-contain .bslide img{max-height:calc(100vh - 70px)}
}

/* --- Banner kumandası ---
   Masaüstü: oklar altta, noktaların solunda ve sağında (görselin üzerinde).
   Mobil:    oklar görselin tam ortasında, sollu sağlı.                      */
.hero-banner{position:relative}
.hero-banner .hero-ctrl{
  position:absolute; left:0; right:0; bottom:20px; z-index:5;
  display:flex; align-items:center; justify-content:center; gap:16px;
  margin:0; padding:0 20px; pointer-events:none;
}
.hero-banner .hero-ctrl > button{
  position:static; transform:none; pointer-events:auto;
  width:46px; height:46px; border:0; border-radius:50%;
  background:rgba(255,255,255,.92); color:var(--ink);
  box-shadow:0 10px 26px -10px rgba(0,0,0,.55);
  display:grid; place-items:center; cursor:pointer; flex:none;
}
.hero-banner .hero-ctrl > button:hover{background:var(--mark); color:#fff; transform:scale(1.07)}
.hero-banner .hero-ctrl > button svg{width:17px; height:17px}
.hero-banner .dots{position:static; transform:none; margin:0; pointer-events:auto; gap:8px}
.hero-banner .dots button{background:rgba(255,255,255,.7); box-shadow:0 2px 6px rgba(0,0,0,.28)}
.hero-banner .dots button[aria-current="true"]{background:var(--mark)}
.hero-banner .count{display:none}

/* --- hero altı kurumsal özet --- */
.proof-strip{
  position:relative; overflow:hidden; color:#fff;
  background:
    radial-gradient(ellipse 70% 120% at 8% 0%, rgba(214,40,57,.28), transparent 55%),
    radial-gradient(ellipse 50% 80% at 92% 100%, rgba(232,185,35,.14), transparent 50%),
    linear-gradient(135deg, #0B1228 0%, #151D3A 48%, #0F1633 100%);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.proof-strip::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.35;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.7), transparent 92%);
}
.proof-grid{
  position:relative; z-index:1;
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0; padding:42px 0 46px;
}
.proof{
  position:relative; padding:8px 28px 8px 0;
  display:flex; flex-direction:column; align-items:flex-start; gap:0;
}
.proof:not(:last-child)::after{
  content:""; position:absolute; top:12%; bottom:12%; right:0; width:1px;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.18), transparent);
}
.proof:not(:first-child){padding-left:28px}
.proof-idx{
  display:inline-block; margin-bottom:14px;
  font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  color:rgba(246,200,206,.85);
}
.proof-val{
  display:block; font-family:var(--f-display); font-size:clamp(2rem, 3.2vw, 2.75rem);
  font-weight:800; letter-spacing:-.045em; line-height:1; color:#fff;
}
.proof-val::after{
  content:""; display:block; width:36px; height:3px; margin-top:14px; border-radius:99px;
  background:linear-gradient(90deg, var(--mark), var(--gold, #E8B923));
  transform-origin:left center;
  transition:width .35s ease, transform .35s ease;
}
.proof:hover .proof-val::after{width:52px}
.proof-lbl{
  display:block; margin-top:14px; max-width:18ch;
  font-size:14px; line-height:1.45; font-weight:550;
  color:rgba(201,209,232,.88);
}
.proof.rise{transition:transform .45s ease, opacity .45s ease}
.proof.rise:nth-child(2){transition-delay:.06s}
.proof.rise:nth-child(3){transition-delay:.12s}
.proof.rise:nth-child(4){transition-delay:.18s}

/* legacy strip aliases (unused) */
.strip{display:none}

/* ==================== BÖLÜM ORTAK STİLLERİ ==================== */
.sec{padding:96px 0}
.sec-head{max-width:62ch; margin-bottom:52px}
.sec-head h1,.sec-head h2{font-size:clamp(30px, 3.6vw, 46px); line-height:1.12; margin:0}
.seo-copy .cd-prose h3{margin:1.15rem 0 .35rem; font-size:1.08rem}
.sec-head p{margin-top:18px; color:var(--slate); font-size:17.5px}
.sec-head.center{margin-inline:auto; text-align:center}
.sec-head.center .eyebrow{justify-content:center}

/* =========================== FORM ============================= */
.form-sec{background:var(--ink); color:#fff; position:relative; overflow:hidden}
.form-sec::before{
  content:""; position:absolute; inset:0; opacity:.14;
  background-image:linear-gradient(rgba(255,255,255,.35) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.35) 1px, transparent 1px);
  background-size:26px 26px;
  mask-image:radial-gradient(70% 70% at 50% 0%, #000, transparent 75%);
}
.form-sec .shell{position:relative; z-index:2; display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; align-items:center; padding:84px 0}
.form-sec h2{font-size:clamp(29px, 3.4vw, 42px)}
.form-sec .eyebrow{color:#93A0C6}
.form-sec .side p{color:#C3CCE6; margin-top:18px; font-size:17px}
.form-sec .side ul{list-style:none; padding:0; margin:26px 0 0; display:grid; gap:11px}
.form-sec .side li{display:flex; gap:11px; align-items:flex-start; font-size:15px; color:#DCE3F5}
.form-sec .side li svg{width:18px; height:18px; flex:none; margin-top:2px; color:var(--mark-lite)}

.card-form{background:var(--white); color:var(--ink); border-radius:var(--r-lg); padding:34px; box-shadow:var(--sh-lg)}
.card-form h3{font-size:22px; margin-bottom:6px}
.card-form .hint{font-size:14px; color:var(--mute); margin-bottom:24px}
.field{margin-bottom:16px}
.field label{display:block; font-family:var(--f-mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--mute); margin-bottom:8px}
.field input, .field select{
  width:100%; font-family:var(--f-body); font-size:16px; color:var(--ink);
  padding:15px 16px; border:1.5px solid var(--line); border-radius:12px; background:var(--white);
  transition:border-color .16s ease, box-shadow .16s ease; appearance:none;
}
.field select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5474' stroke-width='2.5'><path d='M6 9l6 6 6-6'/></svg>"); background-repeat:no-repeat; background-position:right 15px center; background-size:17px; padding-right:44px}
.field input:focus, .field select:focus{outline:none; border-color:var(--ink); box-shadow:0 0 0 4px rgba(214,40,57,.16)}
.card-form .btn{width:100%; margin-top:8px}
.card-form .legal{font-size:12.5px; color:var(--mute); margin-top:16px; text-align:center}
.consent{display:flex; align-items:flex-start; gap:10px; margin:4px 0 18px; font-size:13.5px; color:var(--slate); line-height:1.5; cursor:pointer}
.consent input{width:19px; height:19px; margin:1px 0 0; accent-color:var(--mark); flex:none}
.consent a{color:var(--ink); font-weight:700; text-decoration:underline}
.consent a:hover{color:var(--mark-deep)}
.form-note{display:none; margin-top:16px; padding:13px 15px; border-radius:12px; background:var(--mark-tint); border:1px solid var(--mark); font-size:14px}
.form-note.show{display:block}

/* ========================= ÖZELLİKLER ========================= */
.why-wrap{display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:42px; align-items:start}
.why-left{min-width:0}
.why-wrap .features{grid-template-columns:repeat(2,1fr); gap:16px}
.why-wrap .feat{padding:24px 22px}
.why-wrap .feat h3{font-size:18px; margin:0 0 8px}
.why-wrap .feat p{font-size:14.5px}
.why-wrap .feat.wide{grid-column:span 2}
.why-media{margin:0; position:sticky; top:104px; isolation:isolate}
.why-media img{width:100%; height:auto; border-radius:var(--r-lg); display:block;
  box-shadow:0 30px 60px -34px rgba(15,22,51,.55); border:1px solid var(--line)}
.why-media::after{content:""; position:absolute; right:0; bottom:0; width:110px; height:110px;
  border-radius:var(--r-lg); background:var(--mark); opacity:.12; z-index:-1; pointer-events:none}
@media (max-width:1080px){
  .why-wrap{grid-template-columns:1fr; gap:30px}
  .why-media{position:static; order:-1}
}
@media (max-width:720px){
  .why-wrap .features{grid-template-columns:1fr}
}
.features{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.feat{
  background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); padding:30px 28px;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; position:relative; overflow:hidden;
}
.feat:hover{transform:translateY(-4px); box-shadow:var(--sh-lg); border-color:#C9D2E6}
.feat .no{font-family:var(--f-mono); font-size:11.5px; color:var(--mute); letter-spacing:.14em}
.feat h3{font-size:20px; margin:14px 0 10px}
.feat p{font-size:15px; color:var(--slate); line-height:1.6}
.feat.wide{grid-column:span 2; display:flex; gap:30px; align-items:center}
.feat.wide > div{flex:1}
.feat .badge{
  position:absolute; top:0; right:0; background:var(--mark); color:#fff;
  font-family:var(--f-mono); font-size:10.5px; letter-spacing:.12em; padding:6px 13px; border-radius:0 0 0 12px;
}

/* ======================== SLOGAN BANDI ======================== */
.band{background:var(--mark); color:#fff; text-align:center; padding:74px 0; position:relative; overflow:hidden}
.band h2{font-size:clamp(30px, 4.6vw, 56px); line-height:1.02}
.band p{font-family:var(--f-mono); font-size:12px; letter-spacing:.2em; text-transform:uppercase; margin-top:20px; color:rgba(255,255,255,.72)}
.band .rocket{font-size:34px; margin-bottom:18px; display:inline-block; animation:float 4s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) rotate(-8deg)} 50%{transform:translateY(-9px) rotate(-2deg)}}

/* ===================== INSTAGRAM REELS ======================= */
.reels{padding:86px 0; background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.reels-head{display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:30px}
.reels-head h2{font-size:clamp(26px, 3.2vw, 40px)}
.reels-nav{display:flex; align-items:center; gap:10px}
.ig-link{display:inline-flex; align-items:center; gap:9px; text-decoration:none; font-weight:700; font-size:15px;
  color:var(--ink); padding:10px 16px; border:1px solid var(--line); border-radius:999px; margin-right:6px}
.ig-link svg{width:18px; height:18px}
.ig-link:hover{border-color:transparent; color:#fff; background:linear-gradient(45deg,#FEDA75,#FA7E1E,#D62976,#962FBF)}
.reels-nav button{width:44px; height:44px; border:1.5px solid var(--line); background:var(--white); border-radius:50%;
  cursor:pointer; display:grid; place-items:center; color:var(--ink); padding:0}
.reels-nav button:hover{border-color:var(--mark); background:var(--mark); color:#fff}
.reels-nav svg{width:16px; height:16px}
.reels-track{display:flex; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
  padding-bottom:8px; scrollbar-width:thin}
.reels-track::-webkit-scrollbar{height:6px}
.reels-track::-webkit-scrollbar-thumb{background:var(--line); border-radius:99px}
.reel{flex:0 0 clamp(280px, 25%, 340px); scroll-snap-align:start; background:var(--paper);
  border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden}
.reel iframe{width:100%; height:560px; border:0; display:block; background:#fff}
@media (max-width:720px){
  .reels{padding:60px 0}
  .reel{flex:0 0 86%}
  .reel iframe{height:520px}
  .reels-head{align-items:flex-start}
}

/* ========================== KURSLAR =========================== */
.courses{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.course{
  background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); padding:32px 30px 30px;
  display:flex; flex-direction:column; position:relative; overflow:hidden; transition:transform .22s ease, box-shadow .22s ease;
}
.course.has-media{padding:0}
.course-media{display:block; aspect-ratio:16/10; overflow:hidden; background:var(--ink)}
.course-media img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease}
.course.has-media:hover .course-media img{transform:scale(1.04)}
.course-body{padding:26px 26px 28px; display:flex; flex-direction:column; flex:1}
.course:hover{transform:translateY(-4px); box-shadow:var(--sh-lg)}
.course .tag{font-family:var(--f-display); font-size:32px; font-weight:800; letter-spacing:-.04em; color:var(--ink); line-height:1.1}
.course .tag small{font-family:var(--f-mono); font-size:11px; font-weight:500; letter-spacing:.16em; color:var(--mute); display:block; margin-top:6px}
.course p{font-size:15px; color:var(--slate); margin:18px 0 22px; flex:1}
.course a{font-weight:700; font-size:15px; text-decoration:none; display:inline-flex; align-items:center; gap:8px; color:var(--ink)}
.course a:hover{color:var(--mark-deep)}
.course-media + .course-body a, .course-body > a{color:var(--mark)}

.levels{margin-top:30px; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px}
.levels a{
  display:flex; align-items:center; justify-content:space-between; gap:12px; text-decoration:none;
  font-size:16px; font-weight:700; letter-spacing:-.01em; color:var(--ink);
  padding:18px 20px; border:1px solid var(--line); border-radius:14px; background:var(--white);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.levels a .lv-t{min-width:0}
.levels a svg{width:18px; height:18px; color:var(--mark); flex:none; transition:transform .18s ease}
.levels a:hover{border-color:var(--mark); background:var(--mark); color:#fff; transform:translateY(-3px);
  box-shadow:0 16px 30px -18px rgba(214,40,57,.9)}
.levels a:hover svg{color:#fff; transform:translateX(4px)}
@media (max-width:1080px){ .levels{grid-template-columns:repeat(2, minmax(0,1fr))} }
@media (max-width:560px){ .levels{grid-template-columns:1fr} .levels a{padding:15px 17px; font-size:15px} }
.levels a .lv-t{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

/* ========================== SEO METİN ========================= */
.prose{background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.prose .shell{max-width:min(880px, 92vw); padding:88px 0}
.home-seo .shell{padding:70px 0}
.home-seo h2{font-size:clamp(26px, 3.2vw, 38px); margin-bottom:20px}
.seo-more{margin-top:0}
.seo-more p{margin-top:22px}
.more-link{display:inline-flex; align-items:center; gap:9px; margin-top:24px; text-decoration:none; cursor:pointer;
  font:inherit; font-weight:700; font-size:15.5px; color:var(--ink);
  background:none; border:0; border-bottom:2px solid var(--mark); padding:0 0 4px}
.more-link:hover{color:var(--mark-deep)}
.more-link svg{width:17px; height:17px; transition:transform .22s ease}
.more-link[aria-expanded="true"] svg{transform:rotate(180deg)}
.prose h1{font-size:clamp(30px, 3.6vw, 44px); margin-bottom:28px}
.prose p{color:var(--slate); font-size:17px; margin-bottom:22px}
.prose a{color:var(--ink); text-decoration:none; font-weight:700; box-shadow:inset 0 -.5em 0 var(--mark-tint); transition:box-shadow .18s ease}
.prose a{color:var(--mark-deep)}
.prose a:hover{box-shadow:inset 0 -1.15em 0 var(--mark-tint)}

/* =========================== BLOG ============================= */
.posts{display:grid; grid-template-columns:repeat(3,1fr); gap:22px}
.post{background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; display:flex; flex-direction:column; text-decoration:none; transition:transform .22s ease, box-shadow .22s ease}
.post:hover{transform:translateY(-4px); box-shadow:var(--sh-lg)}
.post .ph{aspect-ratio:3/2; background:var(--line-2) center/cover no-repeat; position:relative}
.post .ph::after{content:""; position:absolute; inset:0; background:linear-gradient(transparent 55%, rgba(15,22,51,.35))}
.post .body{padding:24px 24px 26px; display:flex; flex-direction:column; flex:1}
.post .date{font-family:var(--f-mono); font-size:11px; letter-spacing:.14em; color:var(--mute); text-transform:uppercase}
.post h3{font-size:19px; margin:12px 0 10px; line-height:1.25}
.post p{font-size:14.5px; color:var(--slate); flex:1}
.post .more{margin-top:18px; font-weight:700; font-size:14.5px; display:inline-flex; gap:7px; align-items:center}

/* ========================== İLETİŞİM ========================== */
.contact{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.cbox{background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); padding:28px;
  display:flex; flex-direction:column; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.cbox:hover{transform:translateY(-3px); box-shadow:var(--sh-lg); border-color:#C9D2E6}
.chead{display:flex; align-items:center; gap:13px; margin-bottom:16px}
.chead .eyebrow{margin:0}
.chead .eyebrow::before{display:none}
.cicon{width:46px; height:46px; border-radius:13px; display:grid; place-items:center; flex:none;
  background:var(--mark-tint); color:var(--mark-deep)}
.cicon svg{width:22px; height:22px}
.cicon.ig{background:linear-gradient(45deg,#FEDA75,#FA7E1E,#D62976,#962FBF); color:#fff}
.cbtn{margin-top:auto; padding-top:16px; display:inline-flex; align-items:center; gap:8px; text-decoration:none;
  font-weight:700; font-size:14.5px; color:var(--ink)}
.cbtn svg{width:16px; height:16px; color:var(--mark)}
.cbtn:hover{color:var(--mark-deep)}
.cbox .eyebrow{margin-bottom:12px}
.cbox strong{font-family:var(--f-display); font-size:20px; letter-spacing:-.02em; display:block}
.cbox a{text-decoration:none}
.cbox a:hover{color:var(--mark-deep)}
.cbox p{font-size:15px; color:var(--slate); margin-top:6px}
.cbox strong{margin-bottom:2px}

/* =========================== PUBLISHER MARQUEE =========================== */
.pub-marquee{
  position:relative;
  padding:56px 0 42px;
  background:
    radial-gradient(900px 280px at 12% 0%, rgba(214,40,57,.08), transparent 60%),
    radial-gradient(700px 240px at 88% 100%, rgba(27,37,80,.07), transparent 55%),
    linear-gradient(180deg, #EEF2FA 0%, #F7F9FD 48%, #FFFFFF 100%);
  border-top:1px solid #E4E9F4;
  overflow:hidden;
}
.pub-marquee__head{text-align:center; margin-bottom:28px; max-width:720px}
.pub-marquee__head .eyebrow{justify-content:center}
.pub-marquee__head h2{
  font-size:clamp(22px, 2.6vw, 32px);
  letter-spacing:-.03em;
  margin:8px 0 10px;
  color:var(--ink);
}
.pub-marquee__lead{
  margin:0 auto;
  max-width:48ch;
  color:var(--slate);
  font-size:15px;
  line-height:1.55;
}
.pub-marquee__track-wrap{
  position:relative;
  mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.pub-marquee__track{
  display:flex;
  width:max-content;
  gap:0;
  animation:pub-marquee-scroll 90s linear infinite;
  will-change:transform;
}
.pub-marquee__track-wrap:hover .pub-marquee__track{animation-play-state:paused}
.pub-marquee__list{
  display:flex;
  align-items:center;
  gap:14px;
  list-style:none;
  margin:0;
  padding:6px 8px;
}
.pub-marquee__item{
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  height:78px;
  min-width:148px;
  padding:10px 18px;
  background:#fff;
  border:1px solid #E6EBF5;
  border-radius:14px;
  box-shadow:0 8px 22px -18px rgba(15,22,51,.35);
}
.pub-marquee__item img{
  display:block;
  height:48px;
  width:auto;
  max-width:150px;
  object-fit:contain;
  filter:saturate(.95);
}
@keyframes pub-marquee-scroll{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media (max-width:720px){
  .pub-marquee{padding:42px 0 32px}
  .pub-marquee__head{margin-bottom:20px}
  .pub-marquee__item{height:68px; min-width:128px; padding:8px 14px; border-radius:12px}
  .pub-marquee__item img{height:40px; max-width:120px}
  .pub-marquee__track{animation-duration:70s}
}
@media (prefers-reduced-motion:reduce){
  .pub-marquee__track{animation:none; flex-wrap:wrap; width:auto; justify-content:center; gap:10px; padding:0 16px}
  .pub-marquee__list:last-child{display:none}
  .pub-marquee__track-wrap{mask-image:none; -webkit-mask-image:none}
}

/* =========================== FOOTER =========================== */
footer{background:var(--ink); color:#AEB9D8; padding:64px 0 30px; font-size:15px}
.foot-top{
  display:grid; grid-template-columns:1.2fr auto; gap:24px; align-items:end;
  margin-bottom:36px; padding-bottom:28px; border-bottom:1px solid rgba(255,255,255,.1);
}
.foot-top .brand{grid-column:1; grid-row:1}
.foot-lead{grid-column:1; grid-row:2; margin:10px 0 0; max-width:42ch; color:#93A0C6; font-size:14.5px; line-height:1.55}
.foot-actions{grid-column:2; grid-row:1 / span 2; display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; align-self:center}
footer .cols{display:grid; grid-template-columns:repeat(4,1fr); gap:0; padding-bottom:44px; border-bottom:1px solid rgba(255,255,255,.1)}
footer .cols > div{padding:0 28px}
footer .cols > div:first-child{padding-left:0}
footer .cols > div:last-child{padding-right:0}
footer .cols > div + div{border-left:1px solid rgba(255,255,255,.07)}
footer .brand img{height:52px}
footer h4{font-family:var(--f-mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#fff; font-weight:500; margin-bottom:16px}
footer ul{list-style:none; margin:0; padding:0; display:grid; gap:10px}
footer a{text-decoration:none; color:#AEB9D8; font-size:14.5px}
footer a:hover{color:var(--mark-lite)}
.foot-wa{background:#25D366; border-color:#25D366; color:#fff}
.foot-wa:hover{box-shadow:0 14px 26px -14px rgba(37,211,102,.85)}
footer .ghost-light{background:transparent; color:#fff; border:1px solid rgba(255,255,255,.28)}
.muted-foot{color:#7E8AAE !important; font-size:13px !important}
.legalbar{display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap; padding-top:24px; font-size:13px; color:#7E8AAE}
.legalbar .right{display:flex; align-items:center; gap:22px; margin-left:auto}
.legalbar a{color:#AEB9D8; text-decoration:none; font-weight:700}
.legalbar a:hover{color:#fff}
@media (max-width:1080px){
  .foot-top{grid-template-columns:1fr; gap:14px}
  .foot-actions{grid-column:1; grid-row:auto; justify-content:flex-start}
  footer .cols{grid-template-columns:1fr 1fr; gap:28px 24px; padding-bottom:32px}
  footer .cols > div{padding:0}
  footer .cols > div + div{border-left:0}
}
@media (max-width:720px){
  footer{padding:40px 0 120px}
  .foot-top{margin-bottom:22px; padding-bottom:18px; gap:12px}
  .foot-lead{font-size:13.5px; max-width:100%}
  .foot-actions{width:100%}
  .foot-actions .btn{flex:1 1 calc(50% - 6px); justify-content:center; min-width:0; padding:12px 12px; font-size:13px}
  footer .cols{grid-template-columns:1fr 1fr; gap:28px 20px}
  footer .foot-contact{grid-column:1 / -1}
  footer h4{margin-bottom:10px; font-size:10.5px}
  footer ul{gap:8px}
  footer a{font-size:13.5px}
  .legalbar{flex-direction:column; align-items:flex-start; gap:10px; padding-top:18px}
  .legalbar .right{margin-left:0; flex-wrap:wrap; gap:12px 16px}
}

/* ===================== WHATSAPP SOHBET ===================== */
.wa{position:fixed; left:20px; bottom:20px; z-index:70; display:flex; flex-direction:column; align-items:flex-start; gap:12px}
.wa-actions{display:flex; flex-direction:column; align-items:flex-start; gap:9px}
.wa-call{display:inline-flex; align-items:center; justify-content:center; gap:9px; text-decoration:none;
  background:var(--ink); color:#fff; border-radius:999px; padding:13px 18px; font-weight:700; font-size:14.5px;
  box-shadow:0 16px 30px -16px rgba(15,22,51,.95)}
.wa-call svg{width:19px; height:19px; flex:none}
.wa-fab{
  display:inline-flex; align-items:center; gap:10px; position:relative;
  background:#25D366; color:#fff; border:0; padding:12px 18px 12px 14px; border-radius:999px;
  font:inherit; font-weight:700; font-size:14.5px; cursor:pointer;
  box-shadow:0 16px 30px -14px rgba(37,211,102,.95);
  transition:transform .18s ease, box-shadow .18s ease;
}
.wa-fab:hover{transform:translateY(-3px)}
.wa-fab svg{width:24px; height:24px; flex:none}
.wa-ic{display:grid; place-items:center; flex:none}
.wa-txt{display:flex; flex-direction:column; align-items:flex-start; line-height:1.25; min-width:0}
.wa-txt b{font-size:14.5px; font-weight:700}
.wa-txt small{display:none; align-items:center; gap:6px; font-size:11.5px; font-weight:600; opacity:.92; margin-top:2px}
.wa-fab .wa-on{width:6px; height:6px; border-radius:50%; background:#D9FDD3; flex:none}
.wa-dot{position:absolute; top:-4px; right:0; min-width:19px; height:19px; border-radius:999px;
  background:var(--mark); color:#fff; font-size:11px; line-height:19px; text-align:center; box-shadow:0 0 0 2px #fff}
.wa.open .wa-dot{display:none}

.wa-panel{
  width:min(330px, calc(100vw - 40px)); background:#fff; border-radius:16px; overflow:hidden;
  box-shadow:0 30px 70px -25px rgba(15,22,51,.5), 0 2px 8px rgba(15,22,51,.12);
  transform-origin:bottom left; animation:waIn .22s cubic-bezier(.2,.8,.2,1);
}
@keyframes waIn{from{opacity:0; transform:translateY(12px) scale(.96)} to{opacity:1; transform:none}}
.wa-top{display:flex; align-items:center; gap:11px; background:#075E54; color:#fff; padding:13px 14px}
.wa-ava{width:38px; height:38px; border-radius:50%; background:#128C7E; display:grid; place-items:center; overflow:hidden; flex:none}
.wa-ava img{width:100%; height:100%; object-fit:cover}
.wa-ava svg{width:22px; height:22px; color:#fff}
.wa-who{display:block; min-width:0}
.wa-who b{display:block; font-size:14.5px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.wa-who small{display:flex; align-items:center; gap:6px; font-size:11.5px; color:#B9D8D2; margin-top:2px}
.wa-on{width:7px; height:7px; border-radius:50%; background:#4ADE80; flex:none}
.wa-close{margin-left:auto; background:none; border:0; color:#B9D8D2; font-size:22px; line-height:1; cursor:pointer; padding:0 2px}
.wa-close:hover{color:#fff}

.wa-body{background:#ECE5DD; padding:16px 14px; min-height:150px;
  background-image:radial-gradient(rgba(0,0,0,.045) 1px, transparent 1px); background-size:16px 16px}
.wa-msg{background:#fff; border-radius:0 10px 10px 10px; padding:10px 12px 18px; position:relative; max-width:88%;
  box-shadow:0 1px 1px rgba(0,0,0,.12)}
.wa-msg::before{content:""; position:absolute; left:-7px; top:0; width:0; height:0;
  border-top:9px solid #fff; border-left:8px solid transparent}
.wa-msg b{display:block; font-size:12px; color:#128C7E; margin-bottom:3px}
.wa-msg p{margin:0; font-size:14px; color:#111B21; line-height:1.45}
.wa-time{position:absolute; right:10px; bottom:5px; font-size:10.5px; color:#8696A0}
.wa-quick{display:flex; flex-direction:column; align-items:flex-end; gap:7px; margin-top:12px}
.wa-quick button{background:#DCF8C6; border:0; border-radius:10px 0 10px 10px; padding:8px 12px;
  font:inherit; font-size:13px; color:#111B21; cursor:pointer; box-shadow:0 1px 1px rgba(0,0,0,.1); text-align:right}
.wa-quick button:hover{background:#CDEFB0}

.wa-send{display:flex; align-items:center; gap:8px; padding:10px; background:#F0F2F5}
.wa-send input{flex:1; min-width:0; border:0; border-radius:999px; padding:11px 15px; font:inherit; font-size:14px; background:#fff; color:#111B21}
.wa-send input:focus{outline:none; box-shadow:0 0 0 2px #25D366}
.wa-send button{width:42px; height:42px; border:0; border-radius:50%; background:#25D366; color:#fff; cursor:pointer;
  display:grid; place-items:center; flex:none}
.wa-send button:hover{background:#1EBE5B}
.wa-send svg{width:19px; height:19px}

@media (max-width:720px){
  /* WhatsApp bloğu masaüstüyle aynı; mobilde yalnızca kenar boşlukları küçülür */
  .wa{left:16px; bottom:16px; align-items:flex-start; gap:10px}
  .wa-panel{width:min(330px, calc(100vw - 32px))}
  .wa-fab{padding:12px 18px 12px 14px; min-height:50px}
  .wa-fab .wa-ic{display:grid}
  .wa-txt{display:flex}
  .wa-txt b{font-size:14.5px}
  .wa-txt small{display:none}
  .wa-call{min-height:48px}
  .wa-num{display:none}   /* mobilde sadece "Hemen arayın" yazsın */
}

/* ====================== GİRİŞ ANİMASYONU ====================== */
/* İçerik her zaman okunabilir; sadece hafif yukarı kayma */
.rise{opacity:1; transform:none}
html.js .rise{opacity:1; transform:translateY(14px); transition:transform .55s cubic-bezier(.2,.8,.2,1)}
html.js .rise.in{opacity:1; transform:none}

/* ======================== DUYARLI YAPI ======================== */
@media (max-width:1080px){
  :root{--shell:min(1180px, calc(100% - 40px))}
  .menu, .menu-wrap, .nav .cta{display:none}
  .nav-cta{gap:8px}
  .burger{display:flex}
  .nav-inner, .nav .shell{min-height:64px; gap:12px}
  .hero .shell{grid-template-columns:1fr; min-height:0; padding:0 0 56px}
  .hero-copy{padding-right:0; padding-top:376px}
  .hero-media{left:0; top:0; bottom:auto; height:330px; clip-path:polygon(0 0, 100% 0, 100% 84%, 0 100%)}
  .hero-cut{left:0; top:0; bottom:auto; height:330px; clip-path:polygon(0 100%, 100% 84%, 100% 87.6%, 0 100%)}
  .hero-media::after{background:linear-gradient(180deg, rgba(15,22,51,.32), rgba(15,22,51,.08))}
  .proof-grid{grid-template-columns:repeat(2,1fr); gap:10px 16px; padding:32px 0 36px}
  .proof{padding:16px 12px 16px 0}
  .proof:not(:first-child){padding-left:12px}
  .proof:nth-child(2n){padding-right:0}
  .proof:nth-child(2n)::after{display:none}
  .proof:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08); padding-bottom:20px; margin-bottom:4px}
  .proof:nth-child(n+3){padding-top:16px}
  .proof-lbl{max-width:20ch}
  .form-sec .shell{grid-template-columns:1fr; gap:40px; padding:70px 0}
  .features, .courses, .posts, .contact{grid-template-columns:repeat(2,1fr)}
  .feat.wide{grid-column:span 2}
}
@media (max-width:720px){
  :root{--shell:min(1180px, calc(100% - 40px))}
  body{font-size:16px}
  /* logo ve kurum yazısı %10 büyütüldü */
  .brand{gap:11px}
  .brand img{height:37px}
  .brand-mark{width:40px;height:40px;border-radius:12px;font-size:13px}
  .brand-copy strong{font-size:15px}
  .brand-copy small{font-size:9.5px;letter-spacing:.12em}
  .brand .sep{height:24px}
  .brand .loc{font-size:9.4px; letter-spacing:.16em; line-height:1.4; display:block}
  .brand .loc span{display:block; white-space:nowrap}

  /* telefon ikonu menü düğmesinin hemen yanında dursun */
  .nav .shell{gap:8px}
  .nav-inner, .nav .shell{min-height:58px}
  .nav-cta{margin-left:auto; gap:6px; flex:none}
  .navtel{
    margin-right:0; padding:0; width:40px; height:40px; justify-content:center;
    border-radius:12px; gap:0; border:1px solid var(--line); background:#fff;
  }
  .navtel-txt{display:none !important}
  .navtel-ico{
    display:grid !important; place-items:center;
    width:100%; height:100%; border-radius:11px;
    background:var(--mark-tint); color:var(--mark-deep);
  }
  .navtel-ico svg{width:16px; height:16px; display:block}
  .burger{width:40px; height:40px; border-radius:12px; flex:none}
  .sec{padding:56px 0}
  .sec-head{margin-bottom:32px}
  .sec-head h2{font-size:clamp(26px, 7vw, 34px)}
  .sec-head p{margin-top:12px; font-size:15.5px}
  .topbar .addr, .topbar .hide-sm, .topbar-left{display:none}
  .topbar .shell{justify-content:space-between; min-height:38px}
  .topbar-right{width:100%; justify-content:space-between; gap:8px}
  .topbar .chip{padding:6px 10px; font-size:11.5px; max-width:100%}
  .features, .courses, .posts, .contact{grid-template-columns:1fr; gap:14px}
  .feat.wide{grid-column:span 1; flex-direction:column; align-items:flex-start; gap:18px}
  .feat{padding:22px 20px}
  .course{padding:24px 20px 22px}
  .course-body{padding:20px 18px 22px}
  .card-form{padding:22px 18px}
  .hero-copy{padding-top:296px}
  .hero-media, .hero-cut{height:262px}
  .hero .actions{margin-top:26px}
  .hero-ctrl{margin-top:30px; gap:10px}
  .count{display:none}
  /* proof strip mobilde */
  .proof-grid{padding:28px 0 32px; gap:8px 18px}
  .proof{padding:14px 10px 14px 0}
  .proof:not(:first-child){padding-left:10px}
  .proof-val{font-size:1.7rem}
  .proof-lbl{font-size:12.5px; max-width:16ch; margin-top:10px; line-height:1.4}
  .proof-idx{margin-bottom:8px}
  .proof-val::after{margin-top:10px; width:28px}

  /* mobilde okları gizle — sadece noktalar (CTA/metin çakışmasın) */
  .hero-banner .hero-ctrl{
    inset:auto 0 10px 0; top:auto; bottom:10px;
    display:flex; align-items:center; justify-content:center;
    padding:0; pointer-events:none; gap:0;
  }
  .hero-banner .hero-ctrl > button{display:none !important}
  .hero-banner .dots{
    position:static; left:auto; bottom:auto; transform:none;
    margin:0; pointer-events:auto;
  }
  /* slider header altında ezilmesin: net yükseklik + cover */
  .hero-banner,
  .hero-banner.fit-cover,
  .hero-banner.fit-contain{
    min-height:min(62vh, 520px);
    height:min(62vh, 520px);
    max-height:none;
  }
  .hero-banner .bslides{
    height:100%;
    min-height:100%;
  }
  .hero-banner .bslide,
  .hero-banner .bslide .frame{
    height:100%;
    min-height:100%;
  }
  .hero-banner .bslide .frame{display:block}
  .fit-cover .bslide img,
  .fit-contain .bslide img{
    width:100%;
    height:100%;
    max-height:none;
    min-height:0;
    object-fit:cover;
    object-position:center;
  }
  .optik-row{gap:12px; padding:15px 18px}
  .optik-row .val{font-size:23px; min-width:96px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important; transition:none !important; scroll-behavior:auto !important}
  html.js .rise{opacity:1; transform:none}
  .hero .mark::before{--sx:1; transform:skewX(-9deg)}
  .hslide img{transform:none}
  .hslide-copy:not(.is-on){display:none}
  .hslide-copy{opacity:1; transform:none}
}

/* ================================================================
   ALT SAYFALAR (kurs, blog, içerik sayfaları, panel dışı formlar)
================================================================== */
.phero{position:relative; background:var(--ink); color:#fff; overflow:hidden; padding:64px 0 74px; max-width:100vw}
.phero::before{content:""; position:absolute; inset:0; opacity:.13;
  background-image:linear-gradient(rgba(255,255,255,.35) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.35) 1px, transparent 1px);
  background-size:26px 26px; mask-image:radial-gradient(75% 80% at 20% 0%, #000, transparent 78%)}
.phero::after{content:""; position:absolute; right:-10%; top:-40%; width:52%; height:180%; background:var(--mark); opacity:.18;
  transform:skewX(-13deg)}
.phero .shell{position:relative; z-index:2}
.phero .eyebrow{color:#9AA6CB}
.phero h1{font-size:clamp(31px, 4.2vw, 52px); max-width:20ch}
.phero p.sub{color:#C3CCE6; margin-top:18px; max-width:60ch; font-size:17.5px}
.crumb{display:flex; gap:9px; align-items:center; flex-wrap:wrap; font-size:13px; color:#8E9BC2; margin-bottom:22px}
.crumb a{text-decoration:none; color:#C3CCE6}
.crumb a:hover{color:var(--mark-lite)}
.crumb span{opacity:.5}

.layout{display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:44px; align-items:start}
.article{background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); padding:44px}
.article > img{border-radius:var(--r); margin-bottom:30px}
.article h2{font-size:28px; margin:34px 0 14px}
.article h3{font-size:21px; margin:26px 0 10px}
.article p, .article li{color:var(--slate); font-size:17px}
.article ul, .article ol{padding-left:20px; margin:0 0 20px}
.article li{margin-bottom:8px}
.article a{color:var(--mark-deep); font-weight:700}
.article blockquote{margin:24px 0; padding:20px 24px; border-left:4px solid var(--mark); background:var(--paper); border-radius:0 12px 12px 0}
.article table{width:100%; border-collapse:collapse; margin:22px 0; font-size:15px}
.article th, .article td{border:1px solid var(--line); padding:11px 13px; text-align:left}
.article th{background:var(--paper); font-weight:700}
.meta-row{display:flex; gap:16px; flex-wrap:wrap; font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--mute); margin-bottom:18px}

.aside{position:sticky; top:100px; display:grid; gap:18px}
.panel{background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); padding:26px}
.panel h3{font-size:18px; margin-bottom:14px}
.panel ul{list-style:none; margin:0; padding:0; display:grid; gap:10px}
.panel li a{display:flex; justify-content:space-between; gap:12px; text-decoration:none; font-size:15px; color:var(--slate); padding:9px 0; border-bottom:1px dashed var(--line)}
.panel li:last-child a{border-bottom:0}
.panel li a:hover{color:var(--mark-deep)}
.panel.dark{background:var(--ink); color:#fff; border-color:var(--ink)}
.panel.dark p{color:#C3CCE6; font-size:15px}
.panel.dark .btn{width:100%; margin-top:14px}

.speclist{list-style:none; margin:0; padding:0; display:grid; gap:12px}
.speclist li{display:flex; gap:12px; align-items:flex-start; font-size:15.5px; color:var(--slate)}
.speclist li::before{content:""; width:9px; height:9px; border-radius:50%; background:var(--mark); flex:none; margin-top:7px}

.pager{display:flex; gap:8px; justify-content:center; margin-top:44px; flex-wrap:wrap}
.pager a, .pager span{min-width:44px; height:44px; display:grid; place-items:center; padding:0 14px; border:1px solid var(--line);
  border-radius:12px; text-decoration:none; font-weight:700; font-size:15px; background:var(--white)}
.pager a:hover{border-color:var(--mark); color:var(--mark-deep)}
.pager .on{background:var(--mark); border-color:var(--mark); color:#fff}

.alert{padding:15px 18px; border-radius:12px; font-size:15px; margin-bottom:22px}
.alert.ok{background:#E9F7EF; border:1px solid #9BD8B4; color:#14532D}
.alert.err{background:var(--mark-tint); border:1px solid var(--mark); color:var(--mark-deep)}

/* toast notifications — top right */
.toast-stack{
  position:fixed; top:18px; right:18px; z-index:400;
  display:flex; flex-direction:column; gap:10px;
  width:min(380px, calc(100vw - 28px));
  pointer-events:none;
}
.toast{
  pointer-events:auto;
  display:grid; grid-template-columns:28px 1fr 28px; gap:10px; align-items:start;
  padding:13px 12px 13px 14px; border-radius:14px;
  background:#fff; border:1px solid rgba(15,22,51,.08);
  box-shadow:0 18px 40px -18px rgba(15,22,51,.45), 0 8px 16px -12px rgba(15,22,51,.25);
  animation:toastIn .28s ease;
  font-size:14px; font-weight:650; color:var(--ink); line-height:1.35;
}
.toast p{margin:0; padding-top:2px}
.toast-ok{border-color:#BBF7D0; background:linear-gradient(180deg,#F0FDF4,#fff)}
.toast-ok .toast-ico{color:#166534; background:#DCFCE7}
.toast-err{border-color:#FECACA; background:linear-gradient(180deg,#FEF2F2,#fff)}
.toast-err .toast-ico{color:#991B1B; background:#FEE2E2}
.toast-ico{
  width:28px; height:28px; border-radius:10px; display:grid; place-items:center;
}
.toast-ico svg{width:15px; height:15px}
.toast-x{
  width:28px; height:28px; border:0; border-radius:8px; background:transparent;
  cursor:pointer; font-size:18px; line-height:1; color:var(--mute);
}
.toast-x:hover{background:rgba(15,22,51,.06); color:var(--ink)}
.toast.is-out{animation:toastOut .22s ease forwards}
@keyframes toastIn{from{opacity:0; transform:translateY(-10px) translateX(8px)} to{opacity:1; transform:none}}
@keyframes toastOut{to{opacity:0; transform:translateY(-8px) translateX(12px)}}
@media (max-width:720px){
  .toast-stack{top:12px; right:12px; left:12px; width:auto}
}

.map-embed{border:0; width:100%; height:340px; border-radius:var(--r-lg); display:block}
.empty{background:var(--white); border:1px dashed var(--line); border-radius:var(--r-lg); padding:50px; text-align:center; color:var(--mute)}

@media (max-width:1080px){
  .layout{grid-template-columns:1fr; gap:26px}
  .aside{position:static}
}
@media (max-width:720px){
  .article{padding:26px 22px}
  .phero{padding:44px 0 52px}
}




/* ================================================================
   MODERN LAYER — Lider Mat Fen kurumsal katman
================================================================== */
:root{
  --shell:min(1180px, 92vw);
}
@media (max-width:1080px){
  :root{--shell:min(1180px, calc(100% - 48px))}
}
@media (max-width:720px){
  :root{--shell:min(1180px, calc(100% - 48px))}
}
@media (max-width:480px){
  :root{--shell:min(1180px, calc(100% - 40px))}
}
body{font-size:16.5px}
.nav{box-shadow:0 8px 30px -24px rgba(15,22,51,.45)}
.brand img{border-radius:10px}
.btn{letter-spacing:-.01em}
.btn.gold{--bg:var(--gold); --fg:var(--ink); border-color:var(--gold)}
.btn.gold:hover{box-shadow:0 14px 26px -14px rgba(232,185,35,.85)}

.form-sec{background:
  radial-gradient(60% 80% at 85% 20%, rgba(214,40,57,.35), transparent 55%),
  radial-gradient(50% 60% at 10% 90%, rgba(232,185,35,.18), transparent 50%),
  var(--ink)}

.feat{box-shadow:0 1px 0 rgba(15,22,51,.02)}
.feat::before{content:""; position:absolute; inset:0 auto auto 0; width:100%; height:3px; background:linear-gradient(90deg,var(--mark),var(--gold)); opacity:0; transition:.22s ease}
.feat:hover::before{opacity:1}

.course{background:
  linear-gradient(180deg,#fff 0%, #fff 70%, #FBFCFE 100%)}
.course .tag{position:relative}
.course .tag::after{content:""; position:absolute; left:0; bottom:-8px; width:36px; height:3px; border-radius:99px; background:var(--mark)}

.band{background:
  radial-gradient(80% 120% at 50% -20%, rgba(255,255,255,.18), transparent 55%),
  linear-gradient(120deg, var(--mark-deep), var(--mark) 45%, #8f1020)}
.band h2 .mark{color:#fff}

/* --- eğitim modeli adımları --- */
.model{padding:96px 0; background:#fff; border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.model-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:42px}
.step{position:relative; background:var(--paper); border:1px solid var(--line); border-radius:var(--r-lg); padding:28px 24px; overflow:hidden; transition:.22s ease}
.step:hover{transform:translateY(-4px); box-shadow:var(--sh-lg); border-color:#C9D2E6; background:#fff}
.step .num{font-family:var(--f-display); font-size:42px; font-weight:800; letter-spacing:-.05em; line-height:1;
  background:linear-gradient(135deg,var(--mark),var(--gold)); -webkit-background-clip:text; background-clip:text; color:transparent}
.step h3{font-size:18px; margin:14px 0 8px}
.step p{font-size:14.5px; color:var(--slate); margin:0}
.step .line{position:absolute; top:34px; right:-10px; width:20px; height:2px; background:var(--line); display:none}
@media (min-width:1081px){
  .model-grid .step:not(:last-child) .line{display:block}
}

/* --- program kartları --- */
.programs{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.program{background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:28px 26px; transition:.22s ease; position:relative; overflow:hidden}
.program:hover{transform:translateY(-4px); box-shadow:var(--sh-lg)}
.program .ico{width:48px; height:48px; border-radius:14px; display:grid; place-items:center; background:var(--mark-tint); color:var(--mark-deep); margin-bottom:16px}
.program .ico svg{width:22px; height:22px}
.program h3{font-size:19px; margin:0 0 8px}
.program .who{font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--mark); margin-bottom:10px}
.program p{font-size:14.5px; color:var(--slate); margin:0}

/* --- foto bant --- */
.photo-band{position:relative; min-height:420px; display:grid; align-items:center; overflow:hidden; color:#fff}
.photo-band img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.photo-band .shade{position:absolute; inset:0; background:linear-gradient(100deg, rgba(15,22,51,.88) 8%, rgba(15,22,51,.55) 48%, rgba(214,40,57,.35) 100%)}
.photo-band .shell{position:relative; z-index:2; padding:70px 0}
.photo-band h2{font-size:clamp(30px, 4vw, 48px); max-width:16ch}
.photo-band p{max-width:48ch; color:rgba(255,255,255,.86); margin:16px 0 26px; font-size:17.5px}
.photo-band .actions{display:flex; gap:12px; flex-wrap:wrap}

/* --- pillars --- */
.pillars{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.pillar{background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:32px 28px; box-shadow:var(--sh)}
.pillar .kicker{display:inline-flex; align-items:center; gap:8px; font-size:11.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--mark); margin-bottom:14px}
.pillar .kicker i{width:8px; height:8px; border-radius:50%; background:var(--gold)}
.pillar h3{font-size:22px; margin:0 0 10px}
.pillar p{margin:0; color:var(--slate); font-size:15px}

/* --- modern phero --- */
.phero{padding:72px 0 80px}
.phero h1{position:relative}
.phero h1::after{content:""; display:block; width:56px; height:4px; margin-top:18px; border-radius:99px; background:linear-gradient(90deg,var(--mark),var(--gold))}

/* --- contact page --- */
.contact-hero{
  position:relative; overflow:hidden; color:#fff;
  background:
    radial-gradient(ellipse 55% 90% at 100% 0%, rgba(214,40,57,.32), transparent 55%),
    radial-gradient(ellipse 40% 70% at 0% 100%, rgba(232,185,35,.12), transparent 50%),
    linear-gradient(145deg, #0B1228 0%, #151D3A 50%, #0F1633 100%);
  padding:56px 0 64px;
}
.contact-hero::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.28;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg, #000 0%, transparent 75%);
}
.contact-hero-inner{
  position:relative; z-index:1;
  display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.75fr);
  gap:36px; align-items:end;
}
.contact-hero .eyebrow{color:#F6C8CE}
.contact-hero h1{
  margin:.2rem 0 0; font-size:clamp(2.4rem, 5vw, 3.6rem);
  letter-spacing:-.04em; line-height:1.02; max-width:10ch;
}
.contact-hero h1::after{
  content:""; display:block; width:56px; height:4px; margin-top:18px; border-radius:99px;
  background:linear-gradient(90deg,var(--mark),var(--gold));
}
.contact-hero .sub{color:#C3CCE6; margin:18px 0 0; max-width:42ch; font-size:17px; line-height:1.5}
.contact-hero-actions{display:flex; flex-wrap:wrap; gap:10px; margin-top:26px}
.contact-hero-panel{
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);
  border-radius:20px; padding:22px 22px 20px; backdrop-filter:blur(8px);
}
.contact-hero-panel .panel-kicker{
  margin:0; font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#9AA6CB;
}
.contact-hero-panel strong{display:block; margin-top:6px; font-size:18px; color:#fff; letter-spacing:-.02em}
.contact-hero-panel p{margin:6px 0 0; color:#AEB9D8; font-size:14px; line-height:1.45}
.contact-hero-panel hr{border:0; border-top:1px solid rgba(255,255,255,.12); margin:16px 0}

.contact-cards-sec{padding:48px 0 28px; background:linear-gradient(180deg,#F7F8FC,#EEF1F7)}

.contact-board{
  position:relative; padding:28px 0 88px;
  background:
    radial-gradient(ellipse 50% 60% at 0% 0%, rgba(214,40,57,.05), transparent 55%),
    linear-gradient(180deg, #EEF1F7 0%, #F7F8FC 40%, #fff 100%);
}
.contact-board-grid{
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);
  gap:40px; align-items:start;
}
.contact-board-copy .eyebrow{color:var(--mark-deep)}
.contact-board-copy h2{
  margin:.35rem 0 0; font-size:clamp(1.55rem, 2.6vw, 2.1rem);
  letter-spacing:-.03em; color:var(--ink); max-width:18ch;
}
.contact-board-copy > p{margin:14px 0 0; color:var(--slate); font-size:16px; max-width:46ch; line-height:1.55}
.contact-checks{list-style:none; padding:0; margin:22px 0 0; display:grid; gap:11px}
.contact-checks li{
  display:flex; gap:11px; align-items:flex-start;
  font-size:14.5px; color:var(--ink); font-weight:600;
}
.contact-checks svg{width:18px; height:18px; flex:none; margin-top:2px; color:var(--mark)}
.contact-map{margin-top:28px}
.contact-map .map-embed{
  height:280px; border-radius:18px; border:1px solid var(--line);
  box-shadow:0 18px 40px -28px rgba(15,22,51,.45);
}
.map-link{
  display:inline-flex; margin-top:12px; font-weight:700; font-size:14px;
  color:var(--ink); text-decoration:none;
}
.map-link:hover{color:var(--mark-deep)}
.contact-form{
  position:sticky; top:92px;
  box-shadow:0 22px 50px -30px rgba(15,22,51,.45);
  border:1px solid rgba(15,22,51,.07);
}
.contact-form .form-grid.two{gap:12px}
.contact-form textarea{
  width:100%; border:1px solid var(--line); border-radius:12px;
  padding:12px 14px; font:inherit; background:#fff; resize:vertical; min-height:88px; box-sizing:border-box;
}
.contact-form textarea:focus{outline:2px solid rgba(214,40,57,.2); border-color:rgba(214,40,57,.45)}

/* searchable select */
select.ss-native{
  position:absolute !important; width:1px !important; height:1px !important;
  opacity:0 !important; pointer-events:none !important; margin:0 !important; padding:0 !important;
  border:0 !important; appearance:none;
}
.ss{position:relative; width:100%}
.ss-control{
  display:grid; grid-template-columns:1fr 42px; gap:0;
  border:1px solid var(--line); border-radius:11px; background:#F8FAFD; overflow:hidden;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.ss[data-open="1"] .ss-control{
  border-color:rgba(214,40,57,.45);
  box-shadow:0 0 0 3px rgba(214,40,57,.12);
  background:#fff;
}
.ss-input{
  width:100%; border:0 !important; background:transparent !important; outline:none !important;
  padding:10px 12px !important; font:inherit; box-shadow:none !important; border-radius:0 !important;
}
.ss-input::-webkit-search-cancel-button{appearance:none}
.ss-btn{
  border:0; border-left:1px solid var(--line); background:transparent; cursor:pointer;
  display:grid; place-items:center; color:var(--mute); padding:0;
}
.ss-btn:hover{color:var(--mark); background:rgba(214,40,57,.04)}
.ss-btn svg{width:18px; height:18px}
.ss-list{
  position:absolute; left:0; right:0; top:calc(100% + 6px); z-index:80;
  max-height:220px; overflow:auto; overscroll-behavior:contain;
  background:#fff; border:1px solid rgba(15,22,51,.1); border-radius:14px;
  box-shadow:0 18px 40px -22px rgba(15,22,51,.45);
  padding:6px; scrollbar-width:thin;
}
.ss-item{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px;
  border:0; background:transparent; text-align:left; cursor:pointer;
  padding:10px 12px; border-radius:10px; font:inherit; font-size:14px; color:var(--ink);
}
.ss-item:hover,.ss-item.is-active{background:#F4F6FB}
.ss-item.is-on{font-weight:700}
.ss-item i{color:var(--mark); font-style:normal; font-weight:800}
.ss-empty{
  position:absolute; left:0; right:0; top:calc(100% + 6px); z-index:80;
  padding:14px; text-align:center; font-size:13.5px; color:var(--mute);
  background:#fff; border:1px solid rgba(15,22,51,.1); border-radius:14px;
  box-shadow:0 18px 40px -22px rgba(15,22,51,.45);
}

@media (max-width:980px){
  .contact-hero-inner,.contact-board-grid{grid-template-columns:1fr; gap:28px}
  .contact-hero-panel{order:-1}
  .contact-form{position:static}
  .contact-cards-sec{padding:36px 0 12px}
  .contact-board{padding:12px 0 64px}
}
@media (max-width:720px){
  .contact-hero{padding:36px 0 40px}
  .contact-hero h1{font-size:clamp(2rem, 9vw, 2.6rem); max-width:12ch}
  .contact-hero .sub{font-size:15px; margin-top:14px}
  .contact-hero-actions{gap:8px; margin-top:20px}
  .contact-hero-actions .btn{flex:1 1 auto; justify-content:center; padding:12px 16px; font-size:14px}
  .contact-hero-panel{padding:18px 16px}
  .contact-map .map-embed{height:220px}
  .contact-form{padding:22px 18px; border-radius:18px}
  .contact-board-copy h2{font-size:clamp(24px, 7vw, 32px)}
  .contact-checks li{font-size:14px; gap:10px}
}

/* --- teacher/post polish --- */
.post{border:1px solid var(--line)}
.post .ph{aspect-ratio:4/5}
.post .body h3{font-size:20px}
.cbox{position:relative; overflow:hidden}
.cbox::after{content:""; position:absolute; right:-20px; bottom:-20px; width:90px; height:90px; border-radius:50%; background:var(--mark); opacity:.06}

/* --- quote --- */
.quote-card{background:#fff; border:1px solid var(--line); border-radius:var(--r-lg); padding:34px 32px; box-shadow:var(--sh)}
.quote-card blockquote{margin:0; font-family:var(--f-display); font-size:clamp(20px,2.4vw,28px); letter-spacing:-.03em; line-height:1.25; color:var(--ink)}
.quote-card cite{display:block; margin-top:16px; font-style:normal; color:var(--mute); font-weight:700; font-size:14px}

@media (max-width:1080px){
  .model-grid,.programs,.pillars{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .model-grid,.programs,.pillars{grid-template-columns:1fr}
  .photo-band{min-height:360px}
  .photo-band .shell{padding:48px 0}
}

/* ===== Portal / Admin / Auth (uygulama panelleri) ===== */
body:has(.app-shell){overflow:hidden; height:100dvh; background:#EEF1F7}
.app-shell{
  display:grid; grid-template-columns:260px 1fr; height:100dvh; max-height:100dvh;
  overflow:hidden;
  background:
    radial-gradient(ellipse 55% 35% at 100% 0%, rgba(214,40,57,.07), transparent 55%),
    linear-gradient(180deg, #E8ECF5 0%, #F4F6FB 42%, #F7F8FC 100%);
}
.sidebar{
  height:100dvh; max-height:100dvh; overflow:hidden;
  background:linear-gradient(175deg, #0B1228 0%, #121A36 55%, #171F3D 100%);
  color:#fff; padding:.75rem .7rem .85rem;
  display:flex; flex-direction:column; gap:.45rem;
  border-right:1px solid rgba(255,255,255,.06);
}
.side-brand{
  display:flex; align-items:center; gap:10px; text-decoration:none; color:#fff;
  padding:.25rem .4rem .4rem; min-width:0;
}
.side-top{display:flex; align-items:flex-start; justify-content:space-between; gap:8px; border-bottom:1px solid rgba(255,255,255,.08); flex:none; padding-bottom:.15rem}
.side-close{
  display:none; width:34px; height:34px; border:1px solid rgba(255,255,255,.14); border-radius:10px;
  background:transparent; color:#fff; font-size:22px; line-height:1; cursor:pointer; flex:none;
}
.side-brand .brand-logo{height:34px; width:auto; border-radius:0; background:transparent; flex:none}
.side-brand b{display:block; font-size:13px; letter-spacing:-.01em}
.side-brand small{display:block; margin-top:1px; color:#9AA6C7; font-size:10px; font-weight:650}
.side-nav{display:grid; gap:1px; flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding-right:2px; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.2) transparent}
.side-label{
  margin:.55rem 0 .05rem; padding:0 .65rem;
  font-size:9.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#7E8BB0;
}
.side-label:first-child{margin-top:.2rem}
.side-nav a{
  display:flex; align-items:center; gap:9px;
  padding:.42rem .65rem; border-radius:9px;
  color:rgba(255,255,255,.78); font-weight:650; font-size:13px; text-decoration:none; line-height:1.2;
  transition:background .15s ease, color .15s ease;
}
.side-nav a:hover{background:rgba(255,255,255,.07); color:#fff}
.side-nav a.active{
  background:linear-gradient(135deg, rgba(214,40,57,.95), #B81F32);
  color:#fff; box-shadow:0 10px 22px -14px rgba(214,40,57,.9);
}
.side-ico{
  width:18px; height:18px; display:grid; place-items:center; flex:none; opacity:.88;
}
.side-ico svg{width:16px; height:16px; display:block}
.side-nav a.active .side-ico{opacity:1}
.side-foot{display:grid; gap:6px; margin-top:auto; padding-top:.4rem; border-top:1px solid rgba(255,255,255,.08); flex:none}
.side-link{color:#A9B4D2; text-decoration:none; font-size:12px; font-weight:650; padding:0 .35rem}
.side-link:hover{color:#fff}
.side-user{display:flex; align-items:center; gap:9px; padding:.2rem}
.side-avatar{
  width:30px; height:30px; border-radius:9px; display:grid; place-items:center;
  background:rgba(214,40,57,.2); color:#F6C8CE; font-weight:800; flex:none; font-size:12px;
}
.side-user strong{display:block; font-size:12px; color:#fff}
.side-user small{display:block; color:#8C98BC; font-size:10px; max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.side-logout{
  width:100%; justify-content:center; background:transparent; color:#fff;
  border:1px solid rgba(255,255,255,.16); border-radius:10px; padding:8px 12px; font-weight:700; font-size:12.5px;
}
.side-logout:hover{background:rgba(255,255,255,.08)}

.app-main{padding:0; min-width:0; min-height:0; height:100dvh; display:flex; flex-direction:column; overflow:hidden}
.app-bar{
  flex:none; z-index:40;
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  padding:12px 20px; background:rgba(255,255,255,.9); backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(15,22,51,.07);
}
.app-bar-left{display:flex; align-items:center; gap:12px; min-width:0}
.app-menu-btn{
  display:none; width:40px; height:40px; border:1px solid var(--line); border-radius:11px;
  background:#fff; cursor:pointer; padding:0; flex-direction:column; align-items:center; justify-content:center; gap:4px; flex:none;
}
.app-menu-btn i{width:16px; height:2px; background:var(--ink); border-radius:2px; display:block}
.app-bar-kicker{margin:0; font-size:10.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--mute)}
.app-bar strong{display:block; font-size:14.5px; color:var(--ink); margin-top:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:52vw}
.app-bar-actions{display:flex; gap:8px; flex-wrap:wrap}
.app-scrim{display:none}
.app-content{
  flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain;
  padding:18px 20px 28px; scroll-behavior:smooth;
  scrollbar-width:thin; scrollbar-color:rgba(15,22,51,.2) transparent;
}
.app-top,.panel-head{
  display:flex; justify-content:space-between; align-items:flex-start; gap:1rem;
  margin-bottom:1rem;
}
.app-top h1,.panel-head h1{margin:0; font-size:clamp(1.28rem,1.8vw,1.55rem); color:var(--ink); letter-spacing:-.03em}
.app-top .muted,.panel-head p{margin:.3rem 0 0; color:var(--mute); font-size:13.5px; max-width:58ch; line-height:1.45}
.panel-head > div:first-child,.app-top > div:first-child{min-width:0}
.section-title{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin:0 0 10px;
}
.section-title h2{margin:0; font-size:15px; letter-spacing:-.02em; color:var(--ink)}
.section-title .count, .panel-head > .count, .app-top > .count{
  font-size:11px; font-weight:800; color:var(--mute); background:#EEF1F7;
  border-radius:999px; padding:4px 9px; white-space:nowrap; flex:none;
}

.metrics{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:1rem}
.metric,.panel-card,.form-card,.table-card,.list-item,.pay-card,.card-form{
  background:#fff; border-radius:16px;
  border:1px solid rgba(15,22,51,.07);
  box-shadow:0 8px 24px -20px rgba(15,22,51,.4);
}
.metric,.panel-card,.form-card,.table-card,.list-item,.pay-card{padding:1rem 1.05rem}
.metric{position:relative; overflow:hidden}
.metric::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:linear-gradient(180deg,var(--mark),#0F1633);
}
.metric strong{display:block; font-size:1.45rem; color:var(--ink); letter-spacing:-.03em; line-height:1.15}
.metric span{color:var(--mute); font-weight:650; font-size:.8rem}
.list-stack{display:grid; gap:.65rem}
.list-item h3{margin:0 0 .25rem; font-size:.95rem; color:var(--ink)}
.list-item p{margin:0; color:var(--slate); font-size:13.5px}
.table-wrap{overflow-x:auto; -webkit-overflow-scrolling:touch}
.table-scroll{
  max-height:min(420px, 52vh); overflow:auto; overscroll-behavior:contain;
  border:1px solid rgba(15,22,51,.06); border-radius:14px; background:#fff;
  scrollbar-width:thin; scrollbar-color:rgba(15,22,51,.22) transparent;
}
.table-scroll table{margin:0}
.table-scroll thead th{
  position:sticky; top:0; z-index:2; background:#F7F8FC;
  box-shadow:0 1px 0 rgba(15,22,51,.08);
}
.scroll-pane{
  max-height:min(480px, 58vh); overflow:auto; overscroll-behavior:contain;
  padding-right:2px; scrollbar-width:thin; scrollbar-color:rgba(15,22,51,.22) transparent;
}
.scroll-pane.sm{max-height:min(320px, 42vh)}
.scroll-pane.lg{max-height:min(620px, 70vh)}
.app-shell table{width:100%; border-collapse:collapse}
.app-shell th,.app-shell td{text-align:left; padding:.72rem .65rem; border-bottom:1px solid var(--line); vertical-align:middle; font-size:.88rem}
.app-shell th{color:var(--mute); font-size:.68rem; text-transform:uppercase; letter-spacing:.07em; font-weight:800}
.app-shell tr:last-child td{border-bottom:0}
.app-shell tbody tr:hover td{background:rgba(15,22,51,.015)}
.app-shell .table-card h2,.app-shell .panel-card h2,.app-shell .form-card h2,.app-shell .card-form h3{
  font-size:1rem; letter-spacing:-.02em; margin:0 0 .85rem;
}

/* Workbench: form left sticky, list/table right scrollable */
.workbench{
  display:grid; grid-template-columns:minmax(280px,360px) minmax(0,1fr);
  gap:16px; align-items:start; min-height:0;
}
.workbench > .form-rail{
  position:sticky; top:0; align-self:start;
  max-height:calc(100dvh - 120px); overflow:auto; overscroll-behavior:contain;
  scrollbar-width:thin;
}
.workbench > .data-rail{min-width:0; min-height:0; display:flex; flex-direction:column; gap:14px}
.workbench .form-rail .card-form,
.workbench .form-rail .form-card{margin:0}
.stack-2{display:grid; gap:14px}
.toolbar-row{display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:10px}
.empty-hint{
  padding:28px 18px; text-align:center; color:var(--mute); font-size:14px;
  border:1px dashed rgba(15,22,51,.12); border-radius:14px; background:rgba(255,255,255,.55);
}

.badge{display:inline-flex; align-items:center; padding:.22rem .55rem; border-radius:999px; font-size:.7rem; font-weight:800}
.badge-new{background:#fee2e2;color:#9f1239}
.badge-contacted{background:#e0e7ff;color:#3730a3}
.badge-enrolled{background:#dcfce7;color:#166534}
.badge-closed{background:#e5e7eb;color:#374151}
.badge-pending{background:#fff7ed;color:#9a3412}
.badge-done,.badge-paid,.badge-ready,.badge-delivered{background:#dcfce7;color:#166534}
.badge-late,.badge-cancelled,.badge-failed{background:#fee2e2;color:#9f1239}

.alert{border-radius:12px; padding:10px 14px; margin:12px 20px 0; font-size:13.5px; font-weight:650; flex:none; display:none}
.alert.ok{background:#ECFDF3; color:#166534; border:1px solid #BBF7D0}
.alert.err{background:#FEF2F2; color:#991B1B; border:1px solid #FECACA}
.btn-sm{padding:8px 13px; font-size:12.5px; border-radius:999px}
.btn-dark,.btn-primary{background:var(--ink); color:#fff}
.app-shell .card-form,.app-shell .form-card{padding:18px}
.app-shell .card-form .btn,.app-shell .form-card .btn{width:auto}
.app-shell .field{margin-bottom:.75rem}
.app-shell .field:last-child{margin-bottom:0}
.app-shell .field label,
.app-shell .form-grid > label{
  display:block; font-size:11px; font-weight:750; letter-spacing:.04em; text-transform:uppercase; color:var(--mute); margin-bottom:5px;
}
.app-shell .field input,.app-shell .field select,.app-shell .field textarea,
.app-shell .form-grid input,.app-shell .form-grid select,.app-shell .form-grid textarea{
  width:100%; border:1px solid var(--line); border-radius:11px; padding:10px 12px; font:inherit; background:#F8FAFD; box-sizing:border-box;
}
.app-shell .field input:focus,.app-shell .field select:focus,.app-shell .field textarea:focus,
.app-shell .form-grid input:focus,.app-shell .form-grid select:focus,.app-shell .form-grid textarea:focus{
  outline:2px solid rgba(214,40,57,.2); border-color:rgba(214,40,57,.45)
}
.app-shell .form-grid textarea{min-height:88px; resize:vertical}
.app-shell .inline-form{display:flex; gap:6px; align-items:center; flex-wrap:wrap}
.app-shell .inline-form select{min-width:120px; border:1px solid var(--line); border-radius:10px; padding:7px 10px; font:inherit; background:#F8FAFD}

.auth-page{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at top left,rgba(214,40,57,.18),transparent 35%),linear-gradient(160deg,var(--ink),var(--ink-2))}
.auth-card{width:min(100%,440px);background:#fff;border-radius:24px;padding:2rem;box-shadow:var(--sh-lg)}
.form-grid{display:grid;gap:.75rem}
.form-grid.two{grid-template-columns:1fr 1fr}
.muted{color:var(--mute)}
.mt-1{margin-top:.55rem}.mt-2{margin-top:1rem}.mb-2{margin-bottom:1rem}
.split{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(0,1.1fr);gap:14px;align-items:start}
.split > *{min-width:0}

/* Books catalog */
.book-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:14px}
.book-card{
  background:#fff; border:1px solid rgba(15,22,51,.06); border-radius:16px; overflow:hidden;
  display:flex; flex-direction:column;
  box-shadow:0 12px 28px -24px rgba(15,22,51,.45);
  transition:transform .18s ease, box-shadow .18s ease;
}
.book-card:hover{transform:translateY(-2px); box-shadow:0 18px 34px -22px rgba(15,22,51,.5)}
.book-cover{position:relative; aspect-ratio:3/4; background:#0B1228; overflow:hidden}
.book-cover img{width:100%; height:100%; object-fit:cover; display:block}
.book-cover .stock{
  position:absolute; top:10px; left:10px; background:rgba(255,255,255,.92);
  border-radius:999px; padding:4px 9px; font-size:10.5px; font-weight:800; color:var(--ink)
}
.book-cover .stock.out{background:#FEE2E2; color:#9F1239}
.book-body{padding:14px; display:flex; flex-direction:column; gap:7px; flex:1}
.book-body h3{margin:0; font-size:15px; letter-spacing:-.02em; line-height:1.25}
.book-body .author{margin:0; font-size:12px; color:var(--mute); font-weight:700}
.book-body .desc{margin:0; font-size:13px; color:var(--slate); line-height:1.4; flex:1}
.book-price{font-size:20px; font-weight:800; letter-spacing:-.03em; color:var(--ink)}
.book-body .btn{width:100%; justify-content:center; margin-top:4px}
.book-admin-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:10px}
.book-admin-card{display:grid; grid-template-columns:56px 1fr; gap:10px; align-items:center; background:#fff; border:1px solid var(--line); border-radius:14px; padding:10px}
.book-admin-card img{width:56px; height:74px; object-fit:cover; border-radius:8px; background:#0B1228}
.pay-cards{display:grid; grid-template-columns:repeat(2,1fr); gap:12px}
.pay-card .amt{font-size:24px; font-weight:800; letter-spacing:-.03em}

/* Slide admin compact */
.slide-admin{display:grid; gap:14px; max-width:100%}
.slide-card{background:#fff; border:1px solid var(--line); border-radius:16px; padding:16px; display:grid; gap:14px}
.slide-preview{position:relative; border-radius:12px; overflow:hidden; aspect-ratio:16/7; background:#0b1224; min-height:140px}
.slide-preview img{width:100%; height:100%; object-fit:cover; display:block}
.lib-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); gap:8px; max-height:160px; overflow:auto; padding:2px; scrollbar-width:thin}
.lib-pick{border:2px solid var(--line); border-radius:10px; overflow:hidden; padding:0; background:#fff; cursor:pointer}
.lib-pick.is-on{border-color:var(--mark); box-shadow:0 0 0 2px rgba(214,40,57,.18)}
.lib-pick img{width:100%; height:56px; object-fit:cover; display:block}

@media (max-width:1100px){
  .workbench{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}
  .metrics{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  body:has(.app-shell){overflow:auto; height:auto}
  .app-shell{grid-template-columns:1fr; height:auto; max-height:none; overflow:visible; min-height:100dvh}
  .app-main{height:auto; overflow:visible}
  .app-content{overflow:visible; padding:14px 14px 28px}
  .app-menu-btn{display:flex}
  .app-scrim{
    display:block; position:fixed; inset:0; z-index:90;
    background:rgba(11,18,40,.5); backdrop-filter:blur(2px);
  }
  .app-scrim[hidden]{display:none!important}
  .sidebar{
    position:fixed; top:0; left:0; bottom:0; width:min(300px,86vw); z-index:100;
    transform:translateX(-104%); transition:transform .24s ease;
    height:100dvh; max-height:100dvh; border-right:0; box-shadow:20px 0 50px -28px rgba(0,0,0,.45);
  }
  .app-shell.nav-open .sidebar{transform:translateX(0)}
  .side-close{display:grid; place-items:center}
  .workbench,.split,.metrics,.form-grid.two,.pay-cards{grid-template-columns:1fr}
  .workbench > .form-rail{position:static; max-height:none; overflow:visible}
  .table-scroll,.scroll-pane,.scroll-pane.sm,.scroll-pane.lg{max-height:min(360px, 55vh)}
  .app-bar{padding:10px 14px}
  .hide-xs{display:none !important}
  .app-shell .card-form .btn,.app-shell .form-card .btn{width:100%}
  .app-shell th,.app-shell td{padding:.65rem .45rem; font-size:.84rem}
}
@media (max-width:720px){
  .book-grid{grid-template-columns:1fr 1fr; gap:10px}
  .book-body{padding:12px}
  .book-price{font-size:17px}
  .hero-banner .bcopy{padding:28px 22px 58px}
  .lead-dialog--image{width:min(300px, 78vw, 52vh)}
  .wa-float{right:14px; bottom:18px; width:54px; height:54px}
  body.drawer-lock, body.app-nav-lock{overflow:hidden}
}
@media (max-width:480px){
  .book-grid{grid-template-columns:1fr}
  .metrics{grid-template-columns:1fr 1fr; gap:8px}
  .metric{padding:.85rem .9rem}
  .metric strong{font-size:1.25rem}
}

/* ========================== KURS DETAY ======================== */
.course-hero .hero-actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:28px}
.btn.ghost-light{background:transparent; color:#fff; border:1px solid rgba(255,255,255,.35)}
.btn.ghost-light:hover{background:rgba(255,255,255,.1); border-color:#fff}
.course-detail{padding:56px 0 40px; background:#fff}
.course-detail-grid{display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr); gap:36px; align-items:start}
.cd-media{margin:0 0 28px; border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--line)}
.cd-media img{width:100%; height:auto; display:block; aspect-ratio:16/10; object-fit:cover}
.cd-prose .lead{font-size:18px; line-height:1.65; color:var(--ink); font-weight:600; margin:0 0 18px}
.cd-prose p{font-size:15.5px; line-height:1.75; color:var(--slate); margin:0 0 16px}
.cd-prose h2{font-size:22px; margin:32px 0 14px; letter-spacing:-.02em}
.cd-list{list-style:none; padding:0; margin:0; display:grid; gap:10px}
.cd-list li{position:relative; padding:12px 14px 12px 40px; background:var(--paper); border:1px solid var(--line); border-radius:12px; font-size:14.5px; color:var(--ink)}
.cd-list li::before{content:""; position:absolute; left:14px; top:50%; width:14px; height:14px; margin-top:-7px; border-radius:50%; background:var(--mark); box-shadow:inset 0 0 0 3px #fff}
.cd-place{margin-top:28px; padding:16px 18px; border-left:3px solid var(--mark); background:linear-gradient(90deg,rgba(214,40,57,.06),transparent); font-size:15px}
.cd-side{display:grid; gap:16px; position:sticky; top:96px}
.cd-card{background:var(--paper); border:1px solid var(--line); border-radius:var(--r-lg); padding:24px}
.cd-card.soft{background:#fff}
.cd-card h3{font-size:20px; margin:6px 0 10px}
.cd-card p{font-size:14.5px; color:var(--slate); margin:0 0 14px}
.cd-card .mute{color:var(--mute); font-size:13px}
.cd-card .btn{width:100%; margin-bottom:10px}
.cd-wa{display:inline-flex; font-weight:700; font-size:14px; text-decoration:none; color:var(--ink)}
.cd-wa:hover{color:var(--mark)}
@media (max-width:980px){
  .course-detail-grid{grid-template-columns:1fr}
  .cd-side{position:static}
}

/* ========================== LOGO / BRAND ====================== */
.brand img,.brand-logo{height:54px; width:auto; border-radius:0; background:transparent; display:block}
.brand-mark{display:none}
footer .brand img,footer .brand-logo{height:56px; filter:none}
@media (max-width:720px){
  .nav .brand img,.nav .brand-logo{height:40px}
  footer .brand img,footer .brand-logo{height:46px}
  .topbar .shell{justify-content:space-between; gap:8px; padding-inline:0}
  .topbar-right{width:100%; justify-content:space-between}
  .topbar .chip.ghost{white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
}

/* ========================== ÖN KAYIT POPUP ==================== */
.lead-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:18px}
.lead-modal[hidden]{display:none!important}
.lead-backdrop{position:absolute;inset:0;background:rgba(11,18,40,.62);backdrop-filter:blur(4px)}
.lead-dialog{
  position:relative;z-index:1;width:min(440px,100%);background:#fff;border-radius:22px;
  padding:28px 26px 22px;box-shadow:0 30px 60px -24px rgba(15,22,51,.55);
  animation:leadIn .28s ease;
}
.lead-dialog--image{
  width:min(380px, 72vw, 58vh); padding:0; background:transparent; box-shadow:none;
  display:flex; flex-direction:column; align-items:center; gap:10px;
}
.lead-promo{
  display:block; width:100%; aspect-ratio:1/1; border-radius:18px; overflow:hidden;
  box-shadow:0 30px 60px -24px rgba(15,22,51,.65);
  transition:transform .2s ease, box-shadow .2s ease;
}
.lead-promo:hover{transform:translateY(-3px) scale(1.01); box-shadow:0 36px 70px -22px rgba(15,22,51,.7)}
.lead-promo img{display:block; width:100%; height:100%; object-fit:cover}
.lead-dialog--image .lead-x{
  top:8px; right:8px; z-index:2; width:32px; height:32px; font-size:20px;
  background:rgba(255,255,255,.92); box-shadow:0 6px 16px rgba(0,0,0,.18);
}
.lead-dialog--image .lead-skip{color:rgba(255,255,255,.88); text-shadow:0 1px 8px rgba(0,0,0,.45); font-size:14px}
.lead-dialog--image .lead-skip:hover{color:#fff}
@keyframes leadIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.lead-skip{background:none;border:0;font:inherit;color:var(--mute);cursor:pointer;padding:8px;font-weight:600}
.lead-skip:hover{color:var(--ink)}
.lead-x{
  position:absolute;top:12px;right:14px;width:36px;height:36px;border:0;border-radius:50%;
  background:var(--paper);font-size:22px;line-height:1;cursor:pointer;color:var(--ink)
}
.lead-x:hover{background:var(--line)}
@media (max-width:720px){
  .lead-dialog--image{width:min(300px, 78vw, 52vh)}
}

/* ========================== SLIDER COPY ======================= */
.hero-banner.has-copy .bslide{position:relative}
.hero-banner.has-copy .bslide .frame::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(90deg, rgba(8,12,28,.78) 0%, rgba(8,12,28,.45) 42%, rgba(8,12,28,.15) 70%, transparent 100%),
    linear-gradient(180deg, rgba(8,12,28,.2) 0%, transparent 35%, rgba(8,12,28,.75) 100%);
}
.hero-banner .bcopy{
  position:absolute; left:0; bottom:0; top:0; z-index:2; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start;
  padding:clamp(28px,5vw,72px); padding-bottom:clamp(56px,8vw,88px);
  color:#fff; max-width:min(640px, 92%); width:100%; box-sizing:border-box;
}
.hero-banner .bcopy .eyebrow{color:#F6C8CE; margin-bottom:10px; text-shadow:0 1px 8px rgba(0,0,0,.35)}
.hero-banner .bcopy h2{font-size:clamp(28px,4.4vw,52px); line-height:1.05; letter-spacing:-.04em; margin:0 0 12px; color:#fff; text-shadow:0 2px 18px rgba(0,0,0,.35)}
.hero-banner .bcopy p{font-size:clamp(15px,1.6vw,18px); color:rgba(255,255,255,.9); margin:0 0 18px; max-width:36ch; text-shadow:0 1px 10px rgba(0,0,0,.3)}
.hero-banner .bcopy .btn{
  box-shadow:0 14px 28px -16px rgba(214,40,57,.9);
  width:auto; max-width:100%; align-self:flex-start; flex:0 0 auto;
  display:inline-flex; white-space:nowrap;
}
@media (max-width:720px){
  .hero-banner .bcopy{
    max-width:100%; padding:32px 22px 64px; justify-content:flex-end;
  }
  .hero-banner .bcopy .eyebrow{margin-bottom:8px}
  .hero-banner .bcopy h2{font-size:clamp(22px, 6.2vw, 26px); line-height:1.14; max-width:15ch}
  .hero-banner .bcopy p{font-size:13.5px; margin-bottom:14px; max-width:28ch}
  .hero-banner .bcopy .btn{padding:12px 18px; font-size:14.5px}
  .hero-banner.has-copy .bslide .frame::after{
    background:
      linear-gradient(180deg, rgba(8,12,28,.28) 0%, transparent 42%, rgba(8,12,28,.86) 100%),
      linear-gradient(90deg, rgba(8,12,28,.5) 0%, rgba(8,12,28,.18) 62%, transparent 100%);
  }
}

/* ========================== TAKVIM / SINAV ==================== */
.cal-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:6px; margin-top:16px}
.cal-head{font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--mute); text-align:center; padding:6px}
.cal-day{min-height:72px; background:#fff; border:1px solid var(--line); border-radius:10px; padding:6px; font-size:12px}
.cal-day .d{font-weight:800; color:var(--ink); font-size:12px}
.cal-day .ev{display:block; margin-top:4px; padding:3px 5px; border-radius:6px; background:rgba(214,40,57,.08); color:var(--mark-deep); font-size:10px; font-weight:700; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.cal-day.muted{opacity:.45; background:var(--paper)}
.event-list{display:grid; gap:10px; margin-top:16px}
.event-row{display:grid; grid-template-columns:100px 1fr auto; gap:12px; align-items:center; background:#fff; border:1px solid var(--line); border-radius:12px; padding:12px 14px}
.event-row .when{font-family:var(--f-mono); font-size:11.5px; color:var(--mute)}
.event-row .tag{font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--mark)}
@media (max-width:720px){
  .cal-grid{grid-template-columns:repeat(2,1fr)}
  .cal-head{display:none}
  .event-row{grid-template-columns:1fr}
}

/* ========================== SINAV / TAKVIM ==================== */
.login-gate{
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
  background:linear-gradient(135deg,#FFF7F8,#F4F6FB); border:1px solid var(--line);
  border-radius:var(--r-lg); padding:22px 24px;
}
.cal-day .ev.exam{background:rgba(214,40,57,.12); color:var(--mark-deep)}
.cal-day .ev.meeting{background:rgba(26,79,156,.12); color:#1A4F9C}
.cal-day .ev.event{background:rgba(15,22,51,.08); color:var(--ink)}
.event-row .tag{color:var(--mark)}

/* ========================== WHATSAPP FLOAT ==================== */
.wa-float{
  position:fixed; right:22px; bottom:22px; z-index:180;
  width:60px; height:60px; border-radius:50%;
  display:grid; place-items:center;
  background:#25D366; color:#fff;
  box-shadow:0 14px 28px -10px rgba(37,211,102,.75), 0 8px 18px -12px rgba(15,22,51,.45);
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease;
  animation:waBob 2.8s ease-in-out infinite;
}
.wa-float svg{width:30px; height:30px; position:relative; z-index:1}
.wa-float:hover{
  transform:scale(1.08) translateY(-2px);
  box-shadow:0 18px 34px -10px rgba(37,211,102,.85), 0 10px 22px -12px rgba(15,22,51,.5);
  animation:none;
}
.wa-float-pulse{
  position:absolute; inset:0; border-radius:50%;
  background:rgba(37,211,102,.45);
  animation:waPulse 2.4s ease-out infinite;
  pointer-events:none;
}
.wa-float-pulse--delay{animation-delay:1.2s}
@keyframes waPulse{
  0%{transform:scale(1); opacity:.7}
  70%{transform:scale(1.7); opacity:0}
  100%{transform:scale(1.7); opacity:0}
}
@keyframes waBob{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@media (max-width:720px){
  .wa-float{right:16px; bottom:16px; width:54px; height:54px}
  .wa-float svg{width:26px; height:26px}
}

/* --- CMS / Site Ayarları -------------------------------------- */
.cms-tabs{
  display:flex; flex-wrap:wrap; gap:6px; margin:0 0 16px; padding:4px;
  background:#fff; border:1px solid rgba(15,22,51,.08); border-radius:14px;
}
.cms-tabs a{
  padding:9px 14px; border-radius:10px; text-decoration:none; font-size:13px;
  font-weight:700; color:var(--mute);
}
.cms-tabs a:hover{background:#F4F6FB; color:var(--ink)}
.cms-tabs a.is-on{background:var(--ink); color:#fff}
.cms-panel{display:grid; gap:14px; padding-bottom:24px}
.cms-card{
  background:#fff; border:1px solid rgba(15,22,51,.08); border-radius:16px;
  padding:18px 18px 16px; box-shadow:0 8px 24px -20px rgba(15,22,51,.35);
}
.cms-card h2{margin:0 0 6px; font-size:1.05rem}
.cms-card-head{display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:12px}
.cms-hint{margin:0 0 14px; font-size:13px}
.cms-menu-list,.cms-col{display:grid; gap:12px}
.cms-menu-item,.cms-col{
  border:1px solid rgba(15,22,51,.08); border-radius:14px; padding:14px; background:#F8FAFD;
}
.cms-menu-row{display:flex; gap:10px; align-items:flex-end}
.cms-menu-row .field{flex:1; margin:0}
.cms-children{display:grid; gap:8px; margin:10px 0}
.cms-child-row{display:grid; grid-template-columns:1fr 1fr 36px; gap:8px; align-items:center}
.cms-child-row input{
  border:1px solid rgba(15,22,51,.12); border-radius:10px; padding:10px 12px; font:inherit;
}
.cms-x{
  width:36px; height:36px; border:0; border-radius:10px; background:rgba(15,22,51,.06);
  cursor:pointer; font-size:18px; color:var(--mute); flex:none;
}
.cms-x:hover{background:#FEE2E2; color:#991B1B}
.ghost-btn{background:transparent; border:1px solid rgba(15,22,51,.12); color:var(--ink)}
.cms-page{
  background:#fff; border:1px solid rgba(15,22,51,.08); border-radius:14px; padding:0 16px 14px; margin-bottom:10px;
}
.cms-page summary{
  cursor:pointer; font-weight:750; padding:14px 0; list-style:none; display:flex; justify-content:space-between; align-items:center;
}
.cms-page summary small{color:var(--mute); font-weight:600}
.cms-status{
  font-size:12px; font-weight:750; padding:6px 10px; border-radius:999px; white-space:nowrap;
}
.cms-status.is-ok{background:#DCFCE7; color:#166534}
.cms-status.is-warn{background:#FEF3C7; color:#92400E}
.cms-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
@media (max-width:720px){
  .cms-menu-row,.cms-child-row{grid-template-columns:1fr; display:grid}
  .cms-child-row{grid-template-columns:1fr 1fr}
}

/* --- Ödemeler paneli ------------------------------------------ */
.pay-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.pay-filters{
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)) auto;
  gap:10px; align-items:end; margin:0 0 14px; padding:14px;
  background:#fff; border:1px solid rgba(15,22,51,.08); border-radius:16px;
}
.pay-filters .field{margin:0}
.pay-filters .field.grow{grid-column:span 1}
.pay-filters label{display:block; font-size:12px; font-weight:700; color:var(--mute); margin-bottom:5px}
.pay-filters input,.pay-filters select{
  width:100%; border:1px solid rgba(15,22,51,.12); border-radius:10px;
  padding:10px 12px; font:inherit; background:#fff;
}
.pay-filter-actions{display:flex; gap:8px; align-items:center; padding-bottom:2px}
.pay-tabs{margin-bottom:16px}
.pay-invoice-grid{grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:20px}
.pay-inv.is-overdue{border-color:#FECACA; background:linear-gradient(180deg,#FFF7F7,#fff)}
.pay-card-top{display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:8px}
.pay-amount{display:block; font-size:1.35rem; letter-spacing:-.03em; margin:2px 0 6px}
.pay-card h3{margin:0 0 6px; font-size:.98rem; line-height:1.3}
.pay-meta{margin:0 0 4px; color:var(--mute); font-size:12.5px; line-height:1.4}
.pay-meta.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11.5px}
.pay-meta a{color:inherit; font-weight:700}
.pay-card-actions{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px}
.pay-chip{
  display:inline-flex; align-items:center; padding:4px 9px; border-radius:999px;
  font-size:11px; font-weight:750; background:#EEF2FF; color:#3730A3;
}
.pay-chip-aidat,.pay-chip-kurs{background:#DBEAFE; color:#1E40AF}
.pay-chip-kitap{background:#FCE7F3; color:#9D174D}
.pay-status-form select{
  border:1px solid rgba(15,22,51,.12); border-radius:999px; padding:7px 12px; font:inherit; font-size:12.5px;
}
.empty-hint{
  background:#fff; border:1px dashed rgba(15,22,51,.14); border-radius:14px;
  padding:28px; text-align:center; color:var(--mute); margin-bottom:18px;
}
@media (max-width:1100px){
  .pay-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pay-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pay-filter-actions{grid-column:1 / -1}
  .pay-invoice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .pay-metrics,.pay-filters,.pay-invoice-grid{grid-template-columns:1fr}
}

/* --- WordPress-style Menüler ---------------------------------- */
.wp-menu-shell{display:grid; grid-template-columns:minmax(240px,300px) minmax(0,1fr); gap:14px; align-items:start}
.wp-menu-rail{display:grid; gap:12px}
.wp-menu-list{list-style:none; margin:0 0 12px; padding:0; display:grid; gap:4px}
.wp-menu-list a{
  display:block; padding:9px 12px; border-radius:10px; text-decoration:none;
  color:var(--ink); font-weight:700; font-size:13.5px;
}
.wp-menu-list a:hover{background:#F4F6FB}
.wp-menu-list a.is-on{background:var(--ink); color:#fff}
.wp-create-form{display:grid; gap:8px}
.wp-create-form input{
  border:1px solid rgba(15,22,51,.12); border-radius:10px; padding:10px 12px; font:inherit;
}
.wp-page-checks{display:grid; gap:6px; max-height:220px; overflow:auto; margin:0 0 10px}
.wp-page-checks label{display:flex; gap:8px; align-items:center; font-size:13px; font-weight:600}
.wp-structure{display:grid; gap:8px; min-height:80px}
.wp-item{
  display:grid; grid-template-columns:28px 1fr auto; gap:8px; align-items:center;
  background:#F8FAFD; border:1px solid rgba(15,22,51,.1); border-radius:12px; padding:10px;
}
.wp-item.is-child{margin-left:28px; background:#fff}
.wp-item.is-dragging{opacity:.55}
.wp-handle{cursor:grab; color:var(--mute); font-size:14px; text-align:center; user-select:none}
.wp-item-fields{display:grid; grid-template-columns:1fr 1fr; gap:8px}
.wp-item-fields input{
  border:1px solid rgba(15,22,51,.12); border-radius:10px; padding:9px 11px; font:inherit; font-size:13px;
}
.wp-item-actions{display:flex; gap:4px; align-items:center}
.wp-empty{margin:0; padding:18px; text-align:center; color:var(--mute); border:1px dashed rgba(15,22,51,.14); border-radius:12px}
.wp-locations{display:grid; gap:12px}
.wp-loc-row{
  display:grid; grid-template-columns:1fr minmax(180px,280px); gap:12px; align-items:center;
  padding:12px; border:1px solid rgba(15,22,51,.08); border-radius:12px; background:#F8FAFD;
}
.wp-loc-row strong{display:block; font-size:14px}
.wp-loc-row small{color:var(--mute); font-size:12.5px}
.wp-loc-row select{
  width:100%; border:1px solid rgba(15,22,51,.12); border-radius:10px; padding:10px 12px; font:inherit;
}
.wp-footer-preview{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
.wp-footer-preview ul{margin:8px 0 0; padding-left:18px; font-size:13px}
.wp-footer-preview .muted{font-size:11.5px}
.wp-menu-head-actions{display:flex; gap:8px; align-items:flex-end}
@media (max-width:980px){
  .wp-menu-shell,.wp-loc-row,.wp-footer-preview,.wp-item-fields{grid-template-columns:1fr}
  .wp-item{grid-template-columns:28px 1fr}
  .wp-item-actions{grid-column:2}
}

/* --- WordPress-style Sayfalar --------------------------------- */
.pages-toolbar{
  display:flex; gap:12px; align-items:end; flex-wrap:wrap;
  margin:0 0 14px; padding:14px; background:#fff;
  border:1px solid rgba(15,22,51,.08); border-radius:16px;
}
.pages-toolbar .field{margin:0; min-width:220px; flex:1}
.pages-toolbar label{display:block; font-size:12px; font-weight:700; color:var(--mute); margin-bottom:5px}
.pages-toolbar input{
  width:100%; border:1px solid rgba(15,22,51,.12); border-radius:10px; padding:10px 12px; font:inherit;
}
.pages-toolbar-actions{display:flex; gap:8px; align-items:center}
.pages-table-card{margin-bottom:20px}
.pages-table td{vertical-align:top}
.pages-title{color:var(--ink); text-decoration:none}
.pages-title:hover strong{color:var(--mark)}
.pages-sub{margin-top:4px; font-size:12.5px; max-width:42ch}
.pages-row-actions{margin-top:8px; font-size:12.5px; display:flex; gap:6px; align-items:center}
.pages-row-actions a{font-weight:700; color:var(--mark-deep, #9f1239); text-decoration:none}
.pages-seo{display:grid; gap:4px; max-width:360px}
.pages-seo span{font-weight:650; font-size:13px}
.pages-seo small{display:block; line-height:1.35}
.pages-slug{
  font-size:12px; background:#F4F6FB; padding:4px 8px; border-radius:8px;
  color:var(--mute); white-space:nowrap;
}
.pages-edit-cell{white-space:nowrap; text-align:right}
.pages-crumb{display:flex; gap:8px; align-items:center; font-size:12.5px; color:var(--mute); margin-bottom:6px}
.pages-crumb a{color:inherit; font-weight:700; text-decoration:none}
.wp-page-editor{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,320px);
  gap:14px; align-items:start; padding-bottom:24px;
}
.wp-page-main,.wp-page-side{display:grid; gap:12px}
.seo-preview{
  margin-top:12px; padding:12px; border-radius:12px; background:#F8FAFD;
  border:1px solid rgba(15,22,51,.06);
}
.seo-preview-url{margin:0 0 4px; color:#0d652d; font-size:12px}
.seo-preview-title{display:block; color:#1a0dab; font-size:16px; line-height:1.3; margin-bottom:4px}
.seo-preview-desc{margin:0; color:#4d5156; font-size:13px; line-height:1.4}
@media (max-width:980px){
  .wp-page-editor{grid-template-columns:1fr}
  .pages-edit-cell{display:none}
}

/* --- Ödemeler liste görünümü ---------------------------------- */
.pay-list-card{margin-bottom:18px}
.pay-list-table td{vertical-align:middle}
.pay-list-table tr.is-overdue{background:#FFF8F8}
.pay-student{color:var(--ink); font-weight:750; text-decoration:none}
.pay-student:hover{color:var(--mark)}
.pay-amount-cell{font-weight:800; white-space:nowrap; letter-spacing:-.02em}
.pay-note{margin-top:4px; font-size:12px}
.pay-note.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11.5px}
.pay-actions-cell{text-align:right; white-space:nowrap}
.pay-row-actions{display:inline-flex; gap:6px; flex-wrap:wrap; justify-content:flex-end}
@media (max-width:900px){
  .pay-actions-cell{text-align:left}
  .pay-row-actions{justify-content:flex-start}
}

/* --- Elementor-style page builder (split pane) --------------- */
.el-head{margin-bottom:12px}
.el-head-actions{display:flex;gap:8px;flex-wrap:wrap}
.el-shell{padding-bottom:24px}
.el-topbar{
  display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap;
  margin-bottom:12px; padding:10px 12px; background:#fff; border:1px solid rgba(15,22,51,.08);
  border-radius:14px; position:sticky; top:8px; z-index:6;
}
.el-mode-tabs{display:flex; gap:6px}
.el-mode{
  border:0; background:#F3F5FA; color:var(--ink); font:inherit; font-weight:700; font-size:13px;
  padding:8px 12px; border-radius:10px; cursor:pointer;
}
.el-mode.is-on{background:var(--navy,#0F1633); color:#fff}
.el-topbar-actions{display:flex; gap:8px; flex-wrap:wrap}
.el-builder{display:none; grid-template-columns:minmax(320px,420px) minmax(0,1fr); gap:12px; align-items:stretch; min-height:72vh}
.el-builder.is-on{display:grid}
.el-seo{display:none; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
.el-seo.is-on{display:grid}
.el-sidebar{
  background:#fff; border:1px solid rgba(15,22,51,.1); border-radius:16px; overflow:hidden;
  display:flex; flex-direction:column; max-height:calc(100vh - 140px); position:sticky; top:64px;
}
.el-sidebar-head{
  display:flex; justify-content:space-between; align-items:center; padding:12px 14px;
  border-bottom:1px solid rgba(15,22,51,.06); background:#FAFBFE;
}
.el-sidebar-head strong{font-size:13px}
.el-sidebar-head span{font-size:12px; color:var(--mute); font-weight:700}
.el-sidebar-note{margin:0; padding:8px 14px; font-size:12px; color:var(--mute); border-bottom:1px solid rgba(15,22,51,.05)}
.el-sidebar-note a{color:var(--mark); font-weight:700}
.el-nav{
  display:flex; gap:4px; overflow-x:auto; padding:8px 10px; border-bottom:1px solid rgba(15,22,51,.06);
  background:#fff;
}
.el-nav-item{
  flex:0 0 auto; border:1px solid rgba(15,22,51,.1); background:#F7F8FC; border-radius:10px;
  padding:7px 9px; cursor:pointer; display:flex; gap:6px; align-items:center; font:inherit; max-width:160px;
}
.el-nav-item.is-on{background:var(--navy,#0F1633); border-color:transparent; color:#fff}
.el-nav-idx{font-size:11px; font-weight:800; opacity:.7}
.el-nav-label{font-size:12px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.el-fields-scroll{overflow:auto; padding:12px; flex:1}
.el-block{display:none}
.el-block.is-on{display:block}
.el-block-head{
  display:flex; justify-content:space-between; align-items:flex-start; gap:10px; margin-bottom:12px;
}
.el-block-head h3{margin:0; font-size:1rem}
.el-block-head p{margin:4px 0 0; font-size:12.5px; color:var(--mute)}
.el-fields{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}
.el-field-wide{grid-column:1 / -1}
.el-img-preview{
  margin-bottom:8px; border-radius:10px; overflow:hidden; border:1px solid rgba(15,22,51,.08);
  max-height:120px; background:#EEF1F7;
}
.el-img-preview img{display:block; width:100%; height:120px; object-fit:cover}
.el-item-list{margin-top:14px}
.el-item-list-head{
  display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;
  font-size:12px; text-transform:uppercase; letter-spacing:.04em; color:var(--mute);
}
.el-item-table{display:grid; gap:6px}
.el-item-row{
  display:grid; grid-template-columns:36px minmax(0,1fr); gap:8px; align-items:start;
  padding:8px 10px; border:1px solid rgba(15,22,51,.08); border-radius:10px; background:#FCFDFF;
}
.el-item-num{font-size:12px; font-weight:800; color:var(--mute); padding-top:22px}
.el-item-cols{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px}
.el-item-cell{display:grid; gap:4px; margin:0}
.el-item-cell.is-wide{grid-column:1 / -1}
.el-item-cell span{font-size:11px; font-weight:700; color:var(--mute)}
.el-item-cell input,.el-item-cell textarea{
  width:100%; border:1px solid rgba(15,22,51,.12); border-radius:8px; padding:8px 10px; font:inherit; font-size:13px;
}
.el-canvas{
  background:#E8ECF4; border:1px solid rgba(15,22,51,.1); border-radius:16px; overflow:hidden;
  display:flex; flex-direction:column; min-height:72vh; position:sticky; top:64px; max-height:calc(100vh - 140px);
}
.el-canvas-bar{
  display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap;
  padding:10px 12px; background:#fff; border-bottom:1px solid rgba(15,22,51,.06); font-weight:700; font-size:13px;
}
.el-device{display:flex; gap:4px}
.el-device button{
  border:1px solid rgba(15,22,51,.1); background:#F5F7FB; border-radius:8px; width:34px; height:30px; cursor:pointer;
}
.el-device button.is-on{background:var(--navy,#0F1633); color:#fff; border-color:transparent}
.el-canvas-stage{
  flex:1; display:flex; justify-content:center; align-items:stretch; padding:12px; min-height:0;
}
.el-preview-frame{
  width:100%; height:100%; min-height:560px; border:0; border-radius:10px; background:#fff;
  box-shadow:0 10px 30px rgba(15,22,51,.12);
}
.el-canvas-stage[data-device="tablet"] .el-preview-frame{width:768px; max-width:100%}
.el-canvas-stage[data-device="mobile"] .el-preview-frame{width:390px; max-width:100%}
@media (max-width:1100px){
  .el-builder.is-on{grid-template-columns:1fr}
  .el-sidebar,.el-canvas{position:static; max-height:none}
  .el-canvas{min-height:60vh}
  .el-seo.is-on{grid-template-columns:1fr}
}
@media (max-width:700px){
  .el-fields,.el-item-cols{grid-template-columns:1fr}
}

[id^="cms-"]{scroll-margin-top:96px}
.el-img-preview-sm{max-height:88px}
.el-img-preview-sm img{height:88px}
.el-item-cell input[readonly]{background:#F1F3F8; color:var(--mute)}
.phero-has-bg{background-image:linear-gradient(120deg,rgba(11,18,40,.88),rgba(15,22,51,.72)), var(--phero-bg); background-size:cover; background-position:center}

/* --- Elementor-like live editor UI --------------------------- */
body.is-live-editor{
  background:#1f2124; overflow:hidden; height:100dvh; color:#fff;
}
.eo-app{height:100dvh; display:flex; flex-direction:column; font-family:Manrope,system-ui,sans-serif}
.eo-topbar{
  flex:0 0 48px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
  gap:12px; padding:0 10px; background:#1f2124; border-bottom:1px solid #000; z-index:5;
}
.eo-top-left,.eo-top-right{display:flex; align-items:center; gap:10px}
.eo-top-right{justify-content:flex-end}
.eo-panel-toggle,.eo-icon-btn{
  width:34px; height:34px; border:0; border-radius:4px; background:#2b2c30; color:#d5d8dc;
  display:inline-grid; place-items:center; text-decoration:none; cursor:pointer; font-size:15px;
}
.eo-panel-toggle:hover,.eo-icon-btn:hover{background:#3a3c41; color:#fff}
.eo-brand{display:flex; align-items:baseline; gap:6px; margin-left:2px}
.eo-brand b{
  background:#93003c; color:#fff; font-size:11px; padding:3px 6px; border-radius:3px; letter-spacing:.04em;
}
.eo-brand span{font-size:13px; font-weight:700; color:#e0e3e7}
.eo-page-name{font-size:12px; color:#9da3ae; max-width:28ch; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.eo-devices{display:flex; gap:2px; background:#15161a; border-radius:4px; padding:2px}
.eo-device{
  width:40px; height:32px; border:0; background:transparent; color:#9da3ae; border-radius:3px; cursor:pointer;
  display:grid; place-items:center;
}
.eo-device.is-on,.eo-device:hover{background:#2b2c30; color:#fff}
.eo-publish{
  border:0; background:#93003c; color:#fff; font:700 12px/1 Manrope,system-ui,sans-serif;
  padding:0 16px; height:34px; border-radius:3px; cursor:pointer; letter-spacing:.02em;
}
.eo-publish:hover{background:#b00049}
.eo-body{flex:1; min-height:0; display:grid; grid-template-columns:320px minmax(0,1fr)}
.eo-panel{
  background:#2b2c30; border-right:1px solid #15161a; display:flex; flex-direction:column; min-height:0;
}
.eo-panel-tabs{display:grid; grid-template-columns:repeat(3,1fr); background:#1f2124}
.eo-ptab{
  border:0; background:transparent; color:#9da3ae; font:700 11px/1 Manrope,system-ui,sans-serif;
  padding:12px 6px; cursor:pointer; text-transform:uppercase; letter-spacing:.04em;
  border-bottom:2px solid transparent;
}
.eo-ptab.is-on{color:#fff; border-bottom-color:#93003c; background:#2b2c30}
.eo-panel-view{display:none; flex:1; min-height:0; flex-direction:column}
.eo-panel-view.is-on{display:flex}
.eo-panel-title{
  display:flex; justify-content:space-between; align-items:center; gap:8px;
  padding:12px 14px; border-bottom:1px solid #1f2124; font-size:12px; font-weight:800; color:#fff;
}
.eo-panel-title small{color:#9da3ae; font-weight:600}
.eo-back-nav{
  border:0; background:transparent; color:#c36; font:700 11px Manrope,system-ui,sans-serif; cursor:pointer;
}
.eo-hint{margin:0; padding:10px 14px; font-size:11.5px; line-height:1.4; color:#9da3ae; border-bottom:1px solid #1f2124}
.eo-nav-list{list-style:none; margin:0; padding:8px; overflow:auto; flex:1}
.eo-nav-list li{margin:0 0 4px}
.eo-nav-row{
  width:100%; border:1px solid #1f2124; border-radius:3px; background:#34383c; color:#e0e3e7; cursor:pointer;
  display:grid; grid-template-columns:22px minmax(0,1fr) auto; gap:8px; align-items:center;
  padding:10px 10px; text-align:left; font:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.eo-nav-row:hover{background:#3f444a; border-color:#4a4e54}
.eo-nav-row.is-on{background:#93003c; color:#fff; border-color:#b00049; box-shadow:0 0 0 1px #93003c}
.eo-nav-ico{opacity:.7; font-size:12px}
.eo-nav-txt{display:grid; gap:2px; min-width:0}
.eo-nav-txt strong{font-size:12.5px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.eo-nav-txt small{font-size:10.5px; opacity:.65}
.eo-nav-idx{font-size:10px; font-weight:800; opacity:.55}
.eo-edit-scroll{overflow:auto; padding:0 0 28px; flex:1}
.eo-edit-block{display:none}
.eo-edit-block.is-on{display:block}
.eo-edit-block > .eo-hint{margin:0; padding:12px 14px; border-bottom:1px solid rgba(0,0,0,.4)}
.eo-control{
  margin:0; padding:12px 14px;
  border-bottom:1px solid rgba(0,0,0,.4);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.05);
}
.eo-control label{
  display:block; margin-bottom:7px; font-size:11px; font-weight:700; color:#a4afb7; text-transform:uppercase; letter-spacing:.04em;
}
.eo-input,.eo-file{
  width:100%; box-sizing:border-box;
  border:1px solid #6b6e73; border-radius:3px;
  background:#1f2124; color:#fff; font:inherit; font-size:13px; padding:9px 10px;
  box-shadow:0 0 0 1px rgba(0,0,0,.2);
}
.eo-input:hover,.eo-file:hover{border-color:#85888e}
.eo-input:focus{
  outline:0; border-color:#93003c;
  box-shadow:0 0 0 1px #93003c;
}
.eo-input[readonly]{opacity:.75; border-style:dashed; border-color:#5c5f65}
.eo-file{padding:7px; font-size:12px}
.eo-media{
  margin-bottom:8px; border-radius:3px; overflow:hidden;
  border:1px solid #6b6e73; background:#15161a; max-height:120px;
}
.eo-media img{display:block; width:100%; height:120px; object-fit:cover}
.eo-media-sm{max-height:72px}
.eo-media-sm img{height:72px}
.eo-repeater{margin:0; padding:0; border-top:1px solid rgba(255,255,255,.08)}
.eo-repeater-head{
  display:flex; justify-content:space-between; align-items:center;
  padding:12px 14px; font-size:11px; font-weight:800; color:#a4afb7;
  text-transform:uppercase; letter-spacing:.04em;
  border-bottom:1px solid rgba(0,0,0,.4); background:#26282c;
}
.eo-rep-item{
  background:#2b2c30; border-bottom:1px solid rgba(0,0,0,.4);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.04);
}
.eo-rep-item > summary{
  list-style:none; cursor:pointer; padding:12px 14px; font-size:12.5px; font-weight:700; color:#e0e3e7;
  border-left:3px solid transparent;
}
.eo-rep-item[open] > summary{
  border-left-color:#93003c; background:#26282c;
  border-bottom:1px solid rgba(0,0,0,.3);
}
.eo-rep-item > summary::-webkit-details-marker{display:none}
.eo-rep-body{padding:0}
.eo-rep-body .eo-control{background:#24262a}
.eo-rep-body .eo-control:last-child{border-bottom:0}
.eo-canvas{
  background:#e6e9ec; min-width:0; display:flex; justify-content:center; align-items:stretch; overflow:auto;
}
.eo-canvas-wrap{
  width:100%; max-width:100%; transition:width .2s ease; background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.06), 0 10px 40px rgba(0,0,0,.12);
}
.eo-canvas[data-device="desktop"] .eo-canvas-wrap{width:100%}
.eo-canvas[data-device="tablet"] .eo-canvas-wrap{width:768px; margin:16px auto; border-radius:8px; overflow:hidden; max-height:calc(100dvh - 80px)}
.eo-canvas[data-device="mobile"] .eo-canvas-wrap{width:390px; margin:16px auto; border-radius:18px; overflow:hidden; max-height:calc(100dvh - 80px)}
.eo-iframe{width:100%; height:100%; min-height:calc(100dvh - 48px); border:0; background:#fff; display:block}
.eo-canvas[data-device="tablet"] .eo-iframe,
.eo-canvas[data-device="mobile"] .eo-iframe{min-height:calc(100dvh - 80px); height:calc(100dvh - 80px)}
.el-builder-solo{grid-template-columns:1fr}
.el-sidebar-wide{max-height:none; position:static}
@media (max-width:900px){
  .eo-body{grid-template-columns:1fr}
  .eo-panel{max-height:46vh}
  body.is-live-editor{overflow:auto; height:auto}
  .eo-app{height:auto; min-height:100dvh}
  .eo-iframe{min-height:70vh}
}
body.is-live-editor .toast-stack{display:none!important}

/* ================================================================
   MOBİL DÜZEN — kapsamlı kırılım düzeltmeleri
================================================================== */
@media (max-width:1080px){
  :root{--shell:min(1180px, 100%)}
  .shell{width:auto; max-width:none; margin-inline:24px}
}
@media (max-width:720px){
  :root{--shell:min(1180px, 100%)}
  .shell{width:auto; max-width:none; margin-inline:20px}
  .form-sec .shell{gap:28px; padding:52px 0}
  .form-sec h2{font-size:clamp(26px, 7vw, 34px)}
  .form-sec .side p{font-size:15px; margin-top:12px}
  .form-sec .side ul{margin-top:18px}
  .form-sec .side li{font-size:14px}

  .drawer-panel{width:min(360px, 100vw); padding:16px 16px 28px; padding-bottom:max(28px, env(safe-area-inset-bottom))}
  .drawer-nav > a, .drawer-nav summary{padding:13px 10px; font-size:16px}
  .drawer-contacts{grid-template-columns:1fr 1fr; gap:8px}
  .drawer-contacts a{padding:12px 8px; font-size:12px}

  .pillar, .program, .step{padding:22px 18px}
  .pillar h3{font-size:19px}
  .program h3{font-size:18px}
  .step .num{font-size:36px}
  .model{padding:56px 0}
  .model-grid{margin-top:28px; gap:12px}

  .photo-band{min-height:300px}
  .photo-band h2{font-size:clamp(26px, 7vw, 36px)}
  .photo-band p{font-size:15px; margin:12px 0 20px}
  .photo-band .actions .btn{flex:1 1 auto; justify-content:center}

  .band{padding:48px 0}
  .band h2{font-size:clamp(24px, 7vw, 36px)}

  .phero{padding:40px 0 48px}
  .phero h1{font-size:clamp(28px, 8vw, 38px); max-width:14ch}
  .phero p.sub{font-size:15px; margin-top:14px}

  .pub-marquee{padding:36px 0 28px}
  .pub-marquee__head h2{font-size:clamp(22px, 6.5vw, 30px)}
  .pub-marquee__lead{font-size:14px; padding:0 4px}
  .pub-marquee__track-wrap{
    mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  }

  .levels{gap:10px; margin-top:22px}
  .levels a{padding:14px 16px; font-size:14.5px}

  .quote-card{padding:24px 20px}
  .quote-card blockquote{font-size:clamp(18px, 5.5vw, 24px)}

  .course-detail{padding:36px 0 28px}
  .cd-card{padding:20px 18px}
  .cd-prose .lead{font-size:16.5px}
  .cd-prose p{font-size:15px}
  .course-hero .hero-actions .btn{flex:1 1 auto; justify-content:center}

  .login-gate{padding:18px 16px; gap:14px}
  .login-gate .btn{width:100%; justify-content:center}

  .reels-nav{width:100%; justify-content:space-between}
  .ig-link{margin-right:0; padding:9px 12px; font-size:13.5px}
  .reel{flex:0 0 88%}
  .reel iframe{height:480px}

  .btn{padding:13px 20px; font-size:14.5px}
  .actions{gap:10px}
  .actions .btn{justify-content:center}

  .wa-float{bottom:max(16px, env(safe-area-inset-bottom)); right:max(14px, env(safe-area-inset-right))}
}

@media (max-width:480px){
  :root{--shell:min(1180px, 100%)}
  .shell{margin-inline:18px}
  .topbar .chip{font-size:11px; padding:5px 8px}
  .topbar .chip svg{width:12px; height:12px}
  .nav .brand img,.nav .brand-logo{height:36px}
  .navtel, .burger{width:38px; height:38px}

  .hero-banner,
  .hero-banner.fit-cover,
  .hero-banner.fit-contain{
    min-height:min(58vh, 460px);
    height:min(58vh, 460px);
  }
  .hero-banner .bcopy{padding:28px 18px 58px}
  .hero-banner .bcopy h2{font-size:22px; max-width:14ch}
  .hero-banner .bcopy p{font-size:13px; margin-bottom:12px}

  .proof-grid{gap:8px 14px; padding:26px 0 30px}
  .proof{padding:14px 8px 14px 0}
  .proof:not(:first-child){padding-left:8px}
  .proof-val{font-size:1.55rem}
  .proof-lbl{font-size:12px; max-width:15ch; line-height:1.4}
  .proof-idx{font-size:10px; margin-bottom:6px}

  .sec{padding:48px 0}
  .card-form{padding:20px 16px}
  .field input, .field select{padding:14px 14px}

  footer .cols{gap:24px 14px}
  footer .cols > div:nth-child(1),
  footer .cols > div:nth-child(2){min-width:0}
  .foot-actions .btn{flex:1 1 100%; font-size:13.5px}

  .pub-marquee__item{height:60px; min-width:112px; padding:6px 12px}
  .pub-marquee__item img{height:34px; max-width:100px}

  .contact-hero-actions{flex-direction:column}
  .contact-hero-actions .btn{width:100%}
  .book-grid{grid-template-columns:1fr}
}