/* noqt Social marka katmanı — sunum (public/sunum/deck.css) ile birebir.
   styles.css + edu-ui.css'ten SONRA yüklenir; var olan sınıfları geçersiz kılar,
   hiçbir şeyi silmez. Font: Lufga (başlıklar). Vurgu: lime (siyah yerine). */
@font-face{font-family:'Lufga';font-weight:700;font-style:normal;font-display:swap;src:url(/sunum/fonts/LufgaBold.ttf) format('truetype')}
@font-face{font-family:'Lufga';font-weight:500;font-style:normal;font-display:swap;src:url(/sunum/fonts/LufgaMedium.ttf) format('truetype')}

:root{
  --lime:#D6F84C; --lime-2:#BFE22E; --lime-soft:#F6FCD6; --on-lime:#14171F;
  --font-head:'Lufga','Inter','Outfit',system-ui,sans-serif;
}

h1,h2,h3,h4,
.page-title,.hero h1,.labs-hero h1,.logo,
.module-detail-title,.week-info h3,.module-list-info h3,
.labs-card h2,.compare-takeaways h3,.quiz-question,
.presentation-title,.slide-heading,.edu-panel h3,.schedule-book-head{
  font-family:var(--font-head);
  letter-spacing:-0.02em;
}
.edu-panel{ border-radius:20px !important; }
.module-list-badge{ font-family:var(--font-head); }

/* CTA / aktif durumlar: siyah yerine lime vurgu */
.cta,a.cta,button.cta{background:var(--lime) !important;color:var(--on-lime) !important}
.cta:hover,a.cta:hover,button.cta:hover{background:var(--lime-2) !important;opacity:1 !important}
.s-nav-btn.active{background:var(--lime) !important;color:var(--on-lime) !important}
.mark-done{background:var(--lime) !important;color:var(--on-lime) !important}
.mark-done:hover{background:var(--lime-2) !important}
.quiz-next{background:var(--lime) !important;color:var(--on-lime) !important}
.quiz-next:hover{background:var(--lime-2) !important}
.progress-bar-fill,.quiz-progress-fill,.presentation-progress-fill{background:var(--lime) !important}
.week-card.done .week-num,.module-list-card.done .module-list-num{background:var(--lime) !important;color:var(--on-lime) !important}

/* ═══════════════════════════════════════════
   Yeniden tasarım — sadeleştirilmiş, renkli
   (module list + module detail; deck-art.js'in
   modül renk paleti + ikonları burada da kullanılır)
═══════════════════════════════════════════ */
:root{ --bg:#F4F8FC; --bg-soft:#EEF3FA; }
body{ background-color:var(--bg) !important; }
.s-topbar{ background:#fff !important; }

/* --- Modül listesi: renkli ikon rozetli kartlar --- */
.module-list{ display:grid; gap:10px; }
.module-list-card{
  background:#fff !important; border:1px solid #EDF1F6 !important; border-radius:20px !important;
  padding:14px !important; box-shadow:0 4px 18px rgba(20,23,31,.05) !important;
  display:flex !important; align-items:center !important; gap:14px !important;
}
.module-list-card:hover{ border-color:var(--mc,var(--lime)) !important; box-shadow:0 8px 24px rgba(20,23,31,.09) !important; }
.module-list-card.done{ background:#fff !important; border-color:#EDF1F6 !important; }
.module-list-badge{
  width:52px; height:52px; border-radius:16px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.module-list-badge .art{ width:78px; height:78px; }
.module-list-num{ display:none !important; }
.module-list-info h3{ font-family:var(--font-head) !important; font-size:15px !important; }
.module-list-arrow{ color:var(--mc,#D4D0C8) !important; }

/* --- Modül detay: renkli hero + rozet, sadeleştirilmiş gövde --- */
.module-hero-v2{ --mc-soft: color-mix(in srgb, var(--mc,#D6F84C) 16%, #fff); }
.module-hero-v2 .module-detail-hero{
  background:
    radial-gradient(120% 140% at 100% 0%, var(--mc-soft) 0%, transparent 60%),
    #fff;
  border:1px solid #EDF1F6; border-radius:24px; padding:24px 24px 22px;
  margin-bottom:16px;
}
.mh-top{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.mh-badge{ width:44px; height:44px; display:block; }
.mh-badge .art{ width:100%; height:100%; }
.mh-eyebrow{ font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--text-muted); }
.module-hero-v2 .module-detail-title{ margin-bottom:6px; }
.module-hero-v2 .cta-start-lesson{ margin-top:16px; padding:12px 22px !important; font-size:14px !important; }

.module-section{ background:#fff; border:1px solid #EDF1F6; border-radius:18px; padding:16px 18px; margin-bottom:12px; }
.module-section .module-section-title{ margin-bottom:10px; display:block; color:var(--mc,var(--text-muted)) !important; opacity:.9; }
.module-links .module-resource-link{ background:var(--bg-soft) !important; border-color:#EDF1F6 !important; }
.module-resource-link.cheatsheet{ background:var(--lime-soft) !important; color:var(--on-lime) !important; border-color:var(--lime) !important; }
.module-links .module-resource-link:hover{ border-color:var(--mc,var(--lime)) !important; }

/* --- Mini oyun (Sound Gym): renkli, açık tema kartlar --- */
.sg-card{
  background:#fff !important; border:1px solid #EDF1F6 !important; border-radius:18px !important;
  border-top:4px solid var(--gc,var(--lime)) !important; box-shadow:0 4px 16px rgba(20,23,31,.05) !important;
}
.sg-card:hover{ border-color:#EDF1F6 !important; border-top-color:var(--gc,var(--lime)) !important; box-shadow:0 8px 22px rgba(20,23,31,.1) !important; }
.sg-card-kicker{ color:var(--gc,var(--lime-2)) !important; }
.sg-card-title{ font-family:var(--font-head); }
.sg-card--featured{ background:var(--lime-soft) !important; border-top-color:var(--lime) !important; border-color:var(--lime) !important; }
.sg-card--featured .sg-card-kicker{ color:var(--on-lime) !important; }
.sg-hero .sg-title{ font-family:var(--font-head); }

/* --- Pratik ödevleri --- */
.practical-card{ border-radius:16px !important; box-shadow:0 4px 16px rgba(20,23,31,.05) !important; border-top:none !important; border-right:none !important; border-bottom:1px solid #EDF1F6 !important; margin-bottom:8px; }
.practical-card-title{ font-family:var(--font-head); }
.practical-done-btn{ background:var(--lime-soft) !important; border-color:var(--lime) !important; color:var(--on-lime) !important; }

/* --- Dashboard / schedule kartları: genel hizalama --- */
.schedule-cal-grid,.card,[class*="dashboard"] .card{ border-radius:18px; }

/* --- Profilim: seri/XP kartları koyu tema kalıntısıydı (beyaz %4 opaklık, açık zeminde görünmüyordu) --- */
.edu-engagement-stat{ background:var(--bg-soft) !important; border:1px solid #EDF1F6 !important; border-radius:14px !important; }
.edu-engagement-val{ color:var(--text) !important; }
.edu-daily-goal-bar{ background:var(--bg-soft) !important; }
.edu-daily-goal-fill{ background:var(--lime) !important; }
.edu-data-row{ border-bottom-color:#EDF1F6 !important; }

/* --- Quiz mod sekmeleri (Modül quiz / Kavramlar): koyu tema kalıntısı --- */
.student-shell .quiz-mode-tabs,.teacher-shell .quiz-mode-tabs{ background:var(--bg-soft) !important; border:1px solid #EDF1F6 !important; }
.quiz-mode-btn.active,.quiz-mode-btn:hover{ background:var(--lime) !important; color:var(--on-lime) !important; border-color:var(--lime) !important; }

/* --- Ders listesi tablosu (Dashboard): görünmez kenarlıklar --- */
.schedule-table th,.schedule-table td{ border-color:#EDF1F6 !important; }

/* --- İlerleme: koyu gradyanlı KPI kartları (native OS görünümüne benziyordu) --- */
.edu-kpi-card{ background:#fff !important; border:1px solid #EDF1F6 !important; box-shadow:0 4px 16px rgba(20,23,31,.05); }
.edu-kpi-value{ color:var(--text) !important; font-family:var(--font-head); }

/* --- select/input: native OS gradyanı yerine düz stil --- */
select.login-input,select{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  background-color:#fff; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236B7280' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center; padding-right:36px !important;
}

.quiz-cta-card .cta-module-quiz{ width:100%; background:var(--lime-soft) !important; border:1.5px solid var(--lime) !important; color:var(--on-lime) !important; }
.quiz-cta-card .cta-module-quiz:hover{ background:var(--lime) !important; }

/* --- Videolar: önizleme oynatıcı yerine tıkla-aç küçük resim --- */
a.module-video-card{ text-decoration:none !important; color:inherit !important; display:block; }
.module-video-card .video-wrap{ position:relative; overflow:hidden; }
.module-video-card .video-wrap img{ width:100%; height:100%; object-fit:cover; display:block; }
.module-video-card .video-play{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:rgba(20,23,31,.18); transition:background .15s;
}
.module-video-card .video-play::before{
  content:'▶'; width:46px; height:46px; border-radius:50%; background:rgba(20,23,31,.6);
  color:#fff; font-size:15px; display:flex; align-items:center; justify-content:center;
  padding-left:3px; transition:transform .15s,background .15s;
}
.module-video-card:hover .video-play{ background:rgba(20,23,31,.32); }
.module-video-card:hover .video-play::before{ transform:scale(1.08); background:var(--lime); color:var(--on-lime); }

/* ═══════════════════════════════════════════
   IA yeniden yapılandırma: Egzersizler hub,
   Rezervasyon takvim toggle, ders formatı seçici
═══════════════════════════════════════════ */
.ex-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-top:14px; }
.ex-card{
  background:#fff; border:1px solid #EDF1F6; border-radius:18px; padding:18px 16px;
  display:flex; flex-direction:column; align-items:flex-start; gap:8px; text-align:left;
  box-shadow:0 4px 16px rgba(20,23,31,.05); cursor:pointer; transition:box-shadow .15s,border-color .15s,transform .15s;
  font-family:inherit;
}
.ex-card:hover{ border-color:var(--ec,var(--lime)); box-shadow:0 8px 22px rgba(20,23,31,.1); transform:translateY(-2px); }
.ex-icon{ font-size:28px; line-height:1; width:48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:var(--ec-soft,var(--lime-soft)); }
.ex-title{ font-family:var(--font-head); font-size:15px; font-weight:700; color:var(--text); }
.ex-desc{ font-size:12.5px; color:var(--text-muted); line-height:1.4; }

.edu-calendar-toggle{ margin-top:16px; }
.edu-calendar-toggle summary{
  cursor:pointer; list-style:none; font-family:var(--font-head); font-weight:700; font-size:14px;
  color:var(--on-lime); background:var(--lime-soft); border:1px solid var(--lime); border-radius:12px;
  padding:10px 16px; display:inline-flex; align-items:center; gap:8px; user-select:none;
}
.edu-calendar-toggle summary::-webkit-details-marker{ display:none; }
.edu-calendar-toggle summary::before{ content:'▸'; font-size:11px; transition:transform .15s; }
.edu-calendar-toggle[open] summary::before{ transform:rotate(90deg); }
.edu-calendar-toggle[open] summary{ margin-bottom:14px; }

.lesson-format-toggle{ display:flex; gap:8px; margin:4px 0 10px; }
.lesson-format-btn{
  flex:1; border:1.5px solid #EDF1F6; background:#fff; border-radius:12px; padding:9px 10px;
  font-family:var(--font-head); font-size:13px; font-weight:700; color:var(--text-muted); cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.lesson-format-btn.active{ background:var(--lime) !important; border-color:var(--lime) !important; color:var(--on-lime) !important; }
.lesson-format-btn:hover:not(.active){ border-color:var(--lime); }

/* ═══════════════════════════════════════════
   Labs ana ekran: dönen tanıtım showcase'i +
   dikey kurs listesi. Saf CSS animasyon — JS yok
   (app.js'e dokunulmadı; .labs-card/data-course
   markup'ı ve .nav-btn/.labs-auth-ctas kancaları
   olduğu gibi korunuyor).
═══════════════════════════════════════════ */
.edu-labs-head{ text-align:center; max-width:640px; margin:0 auto 22px; }
.edu-labs-title{ font-size:clamp(1.8rem,4.5vw,2.6rem) !important; margin-bottom:.4rem !important; }
.edu-labs-lead{ font-size:clamp(.92rem,2vw,1rem); margin-left:auto !important; margin-right:auto !important; }

/* --- Showcase kartı + slaytlar --- */
.edu-labs-showcase{ margin:0 0 30px; }
.edu-labs-showcase-card{
  position:relative; overflow:hidden; border-radius:28px;
  min-height:clamp(420px,52vw,560px);
  background:var(--bg-soft); border:1px solid #EDF1F6;
  box-shadow:0 10px 30px rgba(20,23,31,.08);
}
.hero-slide{
  position:absolute; inset:0; display:flex; align-items:stretch; opacity:0;
  background:
    radial-gradient(120% 140% at 100% 0%, var(--cc-soft) 0%, transparent 62%),
    #fff;
}
.hero-slide--dj{ --cc:var(--lime); --cc-soft:var(--lime-soft); }
.hero-slide--online{ --cc:#8CC8FF; --cc-soft:#EAF4FF; }
.hero-slide--private{ --cc:#FFB36B; --cc-soft:#FFF1E3; }
.hero-slide--soon{ --cc:#C9A7FF; --cc-soft:#F3ECFF; }

/* noqt.club hero'suyla aynı dil: gerçek etkinlik fotoğrafı, sol taraftaki
   zemine doğru yumuşak geçişle eriyip kaybolur (mask-image). */
.hero-slide-photo{
  flex:1 1 52%; align-self:stretch; background-size:cover; background-position:center;
  -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 30%);
  mask-image:linear-gradient(to right, transparent 0%, #000 30%);
}
.hero-slide-body{
  flex:1 1 48%; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
  gap:12px; max-width:560px; padding:clamp(24px,4vw,52px); position:relative; z-index:1;
}
.hero-kicker{
  font-family:var(--font-head); font-size:12px; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:var(--on-lime); background:var(--cc);
  padding:5px 12px; border-radius:999px; margin:0;
}
.hero-headline{ font-family:var(--font-head); font-size:clamp(1.3rem,3.4vw,2rem); line-height:1.15; margin:0; letter-spacing:-.02em; }
.hero-sub{ font-size:clamp(.86rem,1.8vw,.98rem); color:var(--text-muted); line-height:1.5; margin:0; }
.hero-cta{
  display:inline-flex; align-items:center; gap:6px; margin-top:4px;
  font-family:var(--font-head); font-weight:700; font-size:14px;
  padding:11px 20px; border-radius:12px; border:1.5px solid var(--cc); color:var(--on-lime);
  background:var(--cc); text-decoration:none; cursor:pointer; transition:transform .15s,box-shadow .15s;
}
.hero-cta:hover{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(20,23,31,.12); opacity:1; }
.hero-cta--ghost{ background:transparent !important; color:var(--text) !important; border-color:#D8DEE8; }
.hero-cta--ghost:hover{ border-color:var(--lime); }

.hero-progress{ display:flex; gap:6px; padding:12px clamp(20px,4vw,44px) 0; position:relative; z-index:1; }
.hero-progress-seg{ flex:1; height:3px; border-radius:99px; background:#E3E8F0; overflow:hidden; }
.hero-progress-fill{ display:block; height:100%; width:0%; background:var(--lime-2); border-radius:99px; }

.hero-guest-hint{ display:flex; justify-content:center; margin-top:14px; }
.hero-guest-hint[hidden]{ display:none; }

/* --- Animasyon: 4 slayt × 4sn, toplam 16sn döngü (saf CSS, JS yok) --- */
.hero-slide,.hero-progress-fill{ animation-duration:16s; animation-iteration-count:infinite; animation-timing-function:linear; }
.hero-slide:nth-child(1){ animation-name:heroSlide0; }
.hero-slide:nth-child(2){ animation-name:heroSlide1; }
.hero-slide:nth-child(3){ animation-name:heroSlide2; }
.hero-slide:nth-child(4){ animation-name:heroSlide3; }
.hero-progress-seg:nth-child(1) .hero-progress-fill{ animation-name:segFill0; }
.hero-progress-seg:nth-child(2) .hero-progress-fill{ animation-name:segFill1; }
.hero-progress-seg:nth-child(3) .hero-progress-fill{ animation-name:segFill2; }
.hero-progress-seg:nth-child(4) .hero-progress-fill{ animation-name:segFill3; }

@keyframes heroSlide0{ 0%{opacity:1} 22%{opacity:1} 25%{opacity:0} 100%{opacity:0} }
@keyframes heroSlide1{ 0%{opacity:0} 25%{opacity:0} 28%{opacity:1} 47%{opacity:1} 50%{opacity:0} 100%{opacity:0} }
@keyframes heroSlide2{ 0%{opacity:0} 50%{opacity:0} 53%{opacity:1} 72%{opacity:1} 75%{opacity:0} 100%{opacity:0} }
@keyframes heroSlide3{ 0%{opacity:0} 75%{opacity:0} 78%{opacity:1} 97%{opacity:1} 100%{opacity:0} }

@keyframes segFill0{ 0%{width:0%} 25%{width:100%} 100%{width:100%} }
@keyframes segFill1{ 0%{width:0%} 25%{width:0%} 50%{width:100%} 100%{width:100%} }
@keyframes segFill2{ 0%{width:0%} 50%{width:0%} 75%{width:100%} 100%{width:100%} }
@keyframes segFill3{ 0%{width:0%} 75%{width:0%} 100%{width:100%} }

.edu-labs-showcase-card:hover .hero-slide,
.edu-labs-showcase-card:hover .hero-progress-fill{ animation-play-state:paused; }

@media (prefers-reduced-motion: reduce){
  .hero-slide,.hero-progress-fill{ animation:none !important; }
  .hero-slide{ opacity:0; }
  .hero-slide:first-child{ opacity:1; }
  .hero-progress{ display:none; }
}

@media (max-width:640px){
  .edu-labs-showcase-card{ min-height:520px; }
  .hero-slide{ flex-direction:column; }
  .hero-slide-photo{
    flex:0 0 46%;
    -webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 30%);
    mask-image:linear-gradient(to bottom, transparent 0%, #000 30%);
  }
  .hero-slide-body{ flex:1 1 auto; max-width:100%; padding-top:0; }
}

/* --- Dikey kurs listesi: grid yerine tam genişlik satırlar --- */
.labs-cards.edu-course-list{ display:flex !important; flex-direction:column !important; gap:.75rem !important; }
.edu-labs-soon-divider{
  font-family:var(--font-head); font-size:12px; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; color:var(--text-muted); margin:10px 2px 0;
}
.edu-course-row{
  display:flex !important; align-items:center !important; gap:16px;
  background:#fff !important; border:1px solid #EDF1F6 !important; border-radius:20px !important; padding:14px 18px !important;
  box-shadow:0 4px 16px rgba(20,23,31,.05) !important; position:relative; overflow:hidden;
  transition:box-shadow .15s,border-color .15s,transform .15s;
}
.edu-course-row::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:var(--cc,var(--lime)); transform:scaleY(0); transition:transform .15s; transform-origin:center;
}
.edu-course-row:hover{ box-shadow:0 8px 22px rgba(20,23,31,.1) !important; transform:translateY(-2px); }
.edu-course-row:hover::before{ transform:scaleY(1); }
.edu-course-row-icon{
  width:60px; height:60px; border-radius:16px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; font-size:26px;
  background:var(--cc-soft,var(--lime-soft)); color:var(--cc,var(--on-lime));
}
.edu-course-row-icon svg{ width:34px; height:34px; display:block; }
.edu-course-row-body{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:4px; }
.edu-course-row-body h2{ font-family:var(--font-head) !important; font-size:16px !important; margin:0; letter-spacing:-.01em; }
.edu-course-row-body p{ font-size:13px; color:var(--text-muted); margin:0; line-height:1.4; }
.edu-course-row-badges{ display:flex; gap:6px; flex-wrap:wrap; }
.edu-course-status{
  font-size:10.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  padding:3px 9px; border-radius:999px;
}
.edu-course-status--active{ background:var(--lime); color:var(--on-lime); }
.edu-course-status--pop{ background:var(--lime-soft); color:var(--on-lime); }
.edu-course-status--soon{ background:#EEF1F6; color:var(--text-muted); }
.edu-course-row .cta,.edu-course-row .cta-secondary{ flex-shrink:0; }

.edu-course-card--dj{ --cc:var(--lime); --cc-soft:var(--lime-soft); }
.edu-course-card--prod{ --cc:#8CC8FF; --cc-soft:#EAF4FF; }
.edu-course-card--soon-1{ --cc:#FFB36B; --cc-soft:#FFF1E3; }
.edu-course-card--soon-2{ --cc:#C9A7FF; --cc-soft:#F3ECFF; }
.edu-course-card--soon-3{ --cc:#7FE3B0; --cc-soft:#E8FAF1; }
.edu-course-card--soon-4{ --cc:#FFD166; --cc-soft:#FFF7E0; }
.edu-course-card--soon-5{ --cc:#FF8A80; --cc-soft:#FFECEA; }
.edu-course-card--soon-6{ --cc:#7FDDE8; --cc-soft:#E8FAFC; }
.edu-course-card--soon .edu-course-row-icon{ opacity:.85; filter:saturate(.85); }

@media (max-width:640px){
  .edu-course-row{ flex-wrap:wrap; }
  .edu-course-row-icon{ width:44px; height:44px; font-size:20px; border-radius:12px; }
  .edu-course-row-icon svg{ width:24px; height:24px; }
  .edu-course-row-body{ flex-basis:calc(100% - 60px - 16px); }
  .edu-course-row .cta,.edu-course-row .cta-secondary{ flex:1 1 100%; margin-top:8px; }
}

/* ═══════════════════════════════════════════
   Labs ana ekranı — noqt.club/academy'den
   birleştirilen bölümler: eğitmen, süreç, SSS, başvuru
═══════════════════════════════════════════ */
.edu-instructor{
  display:flex; gap:24px; align-items:flex-start; background:#fff; border:1px solid #EDF1F6;
  border-radius:24px; padding:28px; margin-top:36px; box-shadow:0 4px 16px rgba(20,23,31,.05);
}
.edu-instructor-photo{ width:104px; height:104px; border-radius:20px; object-fit:cover; flex-shrink:0; }
.edu-instructor-body h2{ font-family:var(--font-head); font-size:20px; margin:2px 0 10px; }
.edu-instructor-body p{ font-size:14px; color:var(--text-muted); line-height:1.6; margin:0 0 8px; }

.edu-process{ margin-top:36px; }
.edu-process-grid{ display:flex; flex-direction:column; gap:10px; margin-top:14px; }
.edu-process-step{
  display:flex; align-items:center; gap:16px; background:#fff; border:1px solid #EDF1F6;
  border-radius:18px; padding:14px 18px;
}
.edu-process-num{
  font-family:var(--font-head); font-size:15px; font-weight:700; color:var(--on-lime);
  background:var(--lime-soft); width:36px; height:36px; border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
}
.edu-process-step h3{ font-family:var(--font-head); font-size:14.5px; margin:0 0 2px; }
.edu-process-step p{ font-size:12.5px; color:var(--text-muted); line-height:1.4; margin:0; }

.edu-faq{ margin-top:36px; }
.edu-faq-item{
  background:#fff; border:1px solid #EDF1F6; border-radius:14px; padding:14px 18px; margin-top:10px;
}
.edu-faq-item summary{
  cursor:pointer; list-style:none; font-family:var(--font-head); font-weight:700; font-size:14px;
  display:flex; justify-content:space-between; align-items:center; gap:12px;
}
.edu-faq-item summary::-webkit-details-marker{ display:none; }
.edu-faq-item summary::after{ content:'+'; font-size:18px; color:var(--text-muted); flex-shrink:0; }
.edu-faq-item[open] summary::after{ content:'–'; }
.edu-faq-item p{ font-size:13.5px; color:var(--text-muted); line-height:1.55; margin:10px 0 0; }

.edu-apply-band{
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  margin:36px 0 8px; padding:26px 28px; border-radius:24px; border:1.5px dashed var(--lime);
  background:var(--lime-soft);
}
.edu-apply-band h2{ font-family:var(--font-head); font-size:19px; margin:4px 0 6px; max-width:480px; }
.edu-apply-band p{ font-size:13.5px; color:var(--text-muted); margin:0; max-width:440px; }

@media (max-width:640px){
  .edu-instructor{ flex-direction:column; align-items:center; text-align:center; }
  .edu-apply-band{ flex-direction:column; align-items:flex-start; text-align:left; }
}

/* --- "Çok yakında" kursları: satırda 4'erli kare kutu ızgarası --- */
.edu-labs-soon-divider{ margin-top:18px; }
.edu-soon-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:10px; }
.edu-soon-tile{
  aspect-ratio:1; background:#fff; border:1px solid #EDF1F6; border-radius:18px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
  padding:12px; text-align:center; transition:box-shadow .15s,transform .15s;
}
.edu-soon-tile:hover{ box-shadow:0 8px 22px rgba(20,23,31,.08); transform:translateY(-2px); }
.edu-soon-tile-icon{
  width:48px; height:48px; border-radius:14px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:var(--cc-soft,var(--lime-soft)); color:var(--cc,var(--on-lime)); opacity:.85; filter:saturate(.85);
}
.edu-soon-tile-icon svg{ width:26px; height:26px; }
.edu-soon-tile h2{ font-family:var(--font-head) !important; font-size:13px !important; margin:0; line-height:1.25; }

@media (max-width:640px){
  .edu-soon-grid{ grid-template-columns:repeat(2,1fr); }
}

/* ═══════════════════════════════════════════
   ACİL DÜZELTME: Yeni öğrenci topbar'ının (.s-topbar/.s-nav-btn/.s-logo-img)
   CSS'i sadece kurucunun commit edilmemiş yerel edu-ui.css kopyasında vardı —
   canlıda (deploy edilen HEAD) hiç yoktu, logo/nav stilsiz + dev-ölçekli
   render oluyordu. Buraya (brand-tokens.css, commit edilen dosya) taşındı.
═══════════════════════════════════════════ */
.s-topbar{
  display:flex; align-items:center; gap:8px; padding:0 16px; height:56px;
  background:#fff; border-bottom:1px solid #E6E4DF; position:sticky; top:0; z-index:100;
}
.s-topbar-brand{ display:flex; align-items:center; gap:8px; flex-shrink:0; }
.s-logo-btn{ background:none; border:none; cursor:pointer; padding:0; display:flex; align-items:center; }
.s-logo-img{ height:26px; width:auto; object-fit:contain; }
.s-course-sub{ font-size:11px; color:var(--text-muted); }

.s-nav{ display:flex; gap:2px; flex:1; justify-content:center; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.s-nav::-webkit-scrollbar{ display:none; }
.s-nav-btn{
  white-space:nowrap; flex-shrink:0; padding:6px 12px; border-radius:8px; font-size:13px;
  color:var(--text-muted); background:transparent; border:none; cursor:pointer;
  font-family:inherit; transition:background .15s,color .15s;
}
.s-nav-btn:hover{ background:var(--bg-soft); color:var(--text); }
.s-nav-btn.active{ background:var(--lime) !important; color:var(--on-lime) !important; font-weight:600; }

.s-auth-links{ display:flex; gap:6px; align-items:center; flex-shrink:0; }
.s-auth-link{
  font-size:12px; font-weight:500; padding:6px 14px; border-radius:999px;
  border:1px solid #E6E4DF; background:transparent; color:var(--text); text-decoration:none;
}
.s-auth-link--cta{ background:var(--lime) !important; color:var(--on-lime) !important; border-color:var(--lime) !important; }
.s-progress-pill{
  font-size:12px; font-weight:600; padding:4px 12px; border-radius:999px;
  background:var(--bg-soft); color:var(--text); border:1px solid #E6E4DF; flex-shrink:0;
}

@media (max-width:640px){
  .app{ padding-bottom:64px; }
  .s-topbar{ padding:0 14px; height:52px; }
  .s-nav{
    position:fixed; bottom:0; left:0; right:0; background:#fff; border-top:1px solid #E6E4DF;
    height:60px; justify-content:flex-start; padding:0 8px; gap:0; z-index:100;
    box-shadow:0 -1px 8px rgba(0,0,0,.06);
  }
  .s-nav-btn{
    flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:2px; font-size:10px; padding:4px 2px; border-radius:8px; min-width:0;
  }
  .s-nav-btn::before{ content:attr(data-view); font-size:16px; line-height:1; }
  .s-nav-btn[data-view="exercises"]::before{ content:"🛠️"; }
  .s-nav-btn[data-view="profile"]::before{ content:"👤"; }
  .s-nav-btn[data-view="reservation"]::before{ content:"📅"; }
  .s-nav-btn.active{ background:var(--lime-soft) !important; color:var(--on-lime) !important; }
}