/* ════════════════════════════════════════
   ÖZEL DERS AL — ANA CSS
   ════════════════════════════════════════ */

:root {
  --yellow:       #FDB750;
  --yellow-light: #FFDD57;
  --yellow-pale:  #FFF8E7;
  --navy:         #1A2340;
  --navy-mid:     #2C3E6B;
  --white:        #FFFFFF;
  --gray-light:   #F5F7FA;
  --gray-mid:     #E8ECF2;
  --gray-text:    #555E7A;
  --gray-dark:    #333B52;
  --green:        #2ECC71;
  --wa:           #25D366;
  --radius:       16px;
  --radius-sm:    10px;
  --shadow:       0 4px 24px rgba(26,35,64,.10);
  --shadow-lg:    0 12px 48px rgba(26,35,64,.16);
  --transition:   .2s ease;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body { font-family:'Plus Jakarta Sans',sans-serif; background:var(--white); color:var(--gray-dark); overflow-x:hidden; line-height:1.6; }
img { max-width:100%; height:auto; display:block; }
a { text-decoration:none; color:inherit; }

/* ── LAYOUT ── */
.odal-container { max-width:1200px; margin:0 auto; padding:0 40px; }
.odal-container--narrow { max-width:760px; }
.odal-container--dashboard { max-width:1100px; }
.odal-container--profile { max-width:1100px; }
.odal-main { padding-top:68px; }

/* ── TYPOGRAPHY ── */
.odal-section-tag {
  display:inline-block; background:var(--yellow-pale); color:var(--yellow);
  border:1px solid rgba(253,183,80,.3); padding:6px 14px; border-radius:50px;
  font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:14px;
}
.odal-section-tag--gold { background:rgba(253,183,80,.15); border-color:rgba(253,183,80,.3); }
.odal-section-title { font-family:'Playfair Display',serif; font-size:clamp(26px,3.5vw,44px); font-weight:700; color:var(--navy); line-height:1.2; margin-bottom:14px; }
.odal-section-title--white { color:var(--white); }
.odal-section-sub { color:var(--gray-text); font-size:16px; line-height:1.7; max-width:560px; }
.odal-section-sub--muted { color:rgba(255,255,255,.55); }
.odal-text--yellow { color:var(--yellow); }
.odal-text--green { color:var(--green); }
.odal-text--center { text-align:center; }

/* ── SECTIONS ── */
.odal-section { padding:100px 0; }
.odal-section--gray { background:var(--gray-light); }
.odal-section--dark { background:var(--navy); }
.odal-section--yellow-pale { background:var(--yellow-pale); }

.odal-section__header { margin-bottom:56px; }
.odal-section__header--center { text-align:center; }
.odal-section__header--center .odal-section-sub { margin:0 auto; }
.odal-section__header--row { display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:16px; }

/* ── BUTTONS ── */
.odal-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:13px 26px; border-radius:50px; font-size:14px; font-weight:700;
  font-family:'Plus Jakarta Sans',sans-serif; border:none; cursor:pointer;
  transition:transform var(--transition), box-shadow var(--transition), background var(--transition);
  white-space:nowrap;
}
.odal-btn:hover { transform:translateY(-2px); }
.odal-btn--primary { background:linear-gradient(135deg,var(--yellow),var(--yellow-light)); color:var(--navy); box-shadow:0 6px 24px rgba(253,183,80,.35); }
.odal-btn--primary:hover { box-shadow:0 10px 32px rgba(253,183,80,.5); }
.odal-btn--dark { background:var(--navy); color:var(--white); }
.odal-btn--dark:hover { background:var(--navy-mid); box-shadow:var(--shadow); }
.odal-btn--ghost { background:rgba(255,255,255,.08); color:var(--white); border:1px solid rgba(255,255,255,.15); }
.odal-btn--ghost:hover { background:rgba(255,255,255,.14); }
.odal-btn--secondary { background:var(--gray-light); color:var(--navy); border:1px solid var(--gray-mid); }
.odal-btn--wa { background:var(--wa); color:var(--white); box-shadow:0 6px 24px rgba(37,211,102,.3); }
.odal-btn--wa:hover { box-shadow:0 10px 32px rgba(37,211,102,.45); }
.odal-btn--sm { padding:8px 18px; font-size:12px; }
.odal-btn--lg { padding:16px 36px; font-size:16px; }
.odal-btn--full { width:100%; }

/* ── FORMS ── */
.odal-input, .odal-select, .odal-textarea {
  width:100%; padding:12px 16px; border:1.5px solid var(--gray-mid); border-radius:var(--radius-sm);
  font-size:14px; font-family:'Plus Jakarta Sans',sans-serif; color:var(--gray-dark);
  background:var(--white); outline:none; transition:border-color var(--transition);
  margin-bottom:12px;
}
.odal-input:focus, .odal-select:focus, .odal-textarea:focus { border-color:var(--yellow); }
.odal-input--full { grid-column:1/-1; }
.odal-textarea { resize:vertical; min-height:100px; }
.odal-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }
.odal-form-group { margin-bottom:16px; }
.odal-form-group label { display:block; font-size:13px; font-weight:600; color:var(--navy); margin-bottom:6px; }
.odal-form-hint { font-size:12px; color:var(--gray-text); margin-top:4px; }
.odal-form-msg { margin-top:12px; padding:12px 16px; border-radius:var(--radius-sm); font-size:13px; display:none; }
.odal-form-msg--success { display:block; background:#d4edda; color:#155724; border:1px solid #c3e6cb; }
.odal-form-msg--error { display:block; background:#f8d7da; color:#721c24; border:1px solid #f5c6cb; }
.odal-checkbox-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:8px; }
.odal-checkbox-label { display:flex; align-items:center; gap:8px; font-size:13px; cursor:pointer; }

/* ── TAGS ── */
.odal-tag { background:var(--gray-light); color:var(--gray-text); padding:4px 10px; border-radius:6px; font-size:11px; font-weight:600; }
.odal-tag--brans { background:var(--yellow-pale); color:var(--yellow); border:1px solid rgba(253,183,80,.3); }
.odal-tags { display:flex; flex-wrap:wrap; gap:6px; }

/* ── BADGE ── */
.odal-badge { padding:4px 10px; border-radius:50px; font-size:11px; font-weight:700; }
.odal-badge--pending { background:var(--yellow-pale); color:var(--yellow); }

/* ── STARS ── */
.odal-star--dolu { color:var(--yellow); }
.odal-star--bos { color:var(--gray-mid); }

/* ══════════════════════════════════════
   NAVBAR
   ══════════════════════════════════════ */
.odal-nav {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  background:rgba(26,35,64,.97); backdrop-filter:blur(12px);
  height:68px; border-bottom:1px solid rgba(255,255,255,.06);
}
.odal-nav__inner { max-width:1200px; margin:0 auto; padding:0 40px; height:100%; display:flex; align-items:center; justify-content:space-between; }
.odal-nav__logo { display:flex; align-items:center; gap:10px; }
.odal-nav__logo-icon { width:38px; height:38px; background:linear-gradient(135deg,var(--yellow),var(--yellow-light)); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:18px; }
.odal-nav__logo-text { font-family:'Playfair Display',serif; font-size:20px; font-weight:700; color:var(--white); }
.odal-nav__logo-text span { color:var(--yellow); }
.odal-nav__links { display:flex; align-items:center; gap:28px; list-style:none; }
.odal-nav__links a { color:rgba(255,255,255,.75); font-size:14px; font-weight:500; transition:color var(--transition); }
.odal-nav__links a:hover { color:var(--yellow); }
.odal-nav__cta { background:linear-gradient(135deg,var(--yellow),var(--yellow-light)) !important; color:var(--navy) !important; padding:9px 20px; border-radius:50px; font-weight:700 !important; font-size:13px !important; }
.odal-nav__burger { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:4px; }
.odal-nav__burger span { display:block; width:24px; height:2px; background:var(--white); border-radius:2px; transition:var(--transition); }

/* ══════════════════════════════════════
   HERO
   ══════════════════════════════════════ */
.odal-hero { min-height:100vh; background:var(--navy); display:flex; align-items:center; position:relative; overflow:hidden; }
.odal-hero__bg { position:absolute; inset:0; pointer-events:none; }
.odal-hero__grid { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:60px 60px; }
.odal-hero__orb { position:absolute; border-radius:50%; filter:blur(80px); opacity:.18; }
.odal-hero__orb--1 { width:600px; height:600px; background:var(--yellow); top:-100px; right:-100px; animation:odalFloat 8s ease-in-out infinite; }
.odal-hero__orb--2 { width:400px; height:400px; background:#5B8BF5; bottom:-100px; left:10%; animation:odalFloat 10s ease-in-out infinite reverse; }
@keyframes odalFloat { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-30px) scale(1.05)} }

.odal-hero__inner { max-width:1200px; margin:0 auto; padding:100px 40px 80px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:60px; position:relative; z-index:1; width:100%; }
.odal-hero__badge { display:inline-flex; align-items:center; gap:8px; background:rgba(253,183,80,.15); border:1px solid rgba(253,183,80,.3); color:var(--yellow); padding:8px 16px; border-radius:50px; font-size:13px; font-weight:600; margin-bottom:24px; }
.odal-hero__badge::before { content:''; width:6px; height:6px; background:var(--yellow); border-radius:50%; animation:odalPulse 2s infinite; }
@keyframes odalPulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.5)} }

.odal-hero__title { font-family:'Playfair Display',serif; font-size:clamp(36px,4.5vw,60px); font-weight:900; color:var(--white); line-height:1.1; margin-bottom:20px; }
.odal-hero__title--highlight { background:linear-gradient(135deg,var(--yellow),var(--yellow-light)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.odal-hero__subtitle { color:rgba(255,255,255,.65); font-size:17px; line-height:1.7; margin-bottom:32px; }
.odal-hero__actions { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:36px; }
.odal-hero__stats { display:flex; gap:32px; }
.odal-hero__stat { text-align:center; }
.odal-hero__stat-num { font-family:'Playfair Display',serif; font-size:28px; font-weight:700; color:var(--yellow); }
.odal-hero__stat-label { font-size:12px; color:rgba(255,255,255,.5); font-weight:500; margin-top:2px; }

/* AI Card */
.odal-ai-card { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:24px; padding:32px; backdrop-filter:blur(20px); position:relative; }
.odal-ai-card::before { content:''; position:absolute; top:-1px; left:24px; right:24px; height:2px; background:linear-gradient(90deg,transparent,var(--yellow),transparent); border-radius:2px; }
.odal-ai-card__title { display:flex; align-items:center; gap:10px; color:var(--white); font-size:15px; font-weight:700; margin-bottom:20px; }
.odal-ai-card__icon { width:34px; height:34px; background:linear-gradient(135deg,var(--yellow),var(--yellow-light)); border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; }
.odal-ai-card .odal-field label { color:rgba(255,255,255,.5); font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.8px; display:block; margin-bottom:6px; }
.odal-ai-card .odal-select, .odal-ai-card .odal-input { background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.12); color:var(--white); }
.odal-ai-card .odal-select option { background:var(--navy-mid); }
.odal-field-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.odal-ai-btn { width:100%; background:linear-gradient(135deg,var(--yellow),var(--yellow-light)); color:var(--navy); border:none; cursor:pointer; padding:14px; border-radius:12px; font-size:14px; font-weight:700; font-family:'Plus Jakarta Sans',sans-serif; display:flex; align-items:center; justify-content:center; gap:8px; transition:transform var(--transition), box-shadow var(--transition); }
.odal-ai-btn:hover { transform:translateY(-1px); box-shadow:0 8px 24px rgba(253,183,80,.4); }
.odal-ai-result { margin-top:16px; padding:14px; background:rgba(46,204,113,.1); border:1px solid rgba(46,204,113,.2); border-radius:10px; display:none; }
.odal-ai-result.show { display:block; }
.odal-ai-result__teacher { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.odal-ai-result__avatar { width:44px; height:44px; background:linear-gradient(135deg,var(--yellow),var(--yellow-light)); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:700; color:var(--navy); flex-shrink:0; }
.odal-ai-result__name { color:var(--white); font-size:14px; font-weight:600; }
.odal-ai-result__info { color:rgba(255,255,255,.55); font-size:12px; }
.odal-ai-result__wa { display:inline-flex; align-items:center; gap:6px; background:var(--wa); color:white; padding:8px 14px; border-radius:8px; font-size:12px; font-weight:600; margin-top:8px; transition:opacity var(--transition); }
.odal-ai-result__wa:hover { opacity:.88; }

/* ══════════════════════════════════════
   HOW IT WORKS
   ══════════════════════════════════════ */
.odal-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; position:relative; }
.odal-steps::before { content:''; position:absolute; top:36px; left:60px; right:60px; height:2px; background:linear-gradient(90deg,var(--yellow),var(--yellow-light)); z-index:0; }
.odal-step { text-align:center; position:relative; z-index:1; padding:28px 20px; background:var(--white); border:1px solid var(--gray-mid); border-radius:var(--radius); transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition); }
.odal-step:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:var(--yellow); }
.odal-step__num { width:52px; height:52px; background:linear-gradient(135deg,var(--yellow),var(--yellow-light)); border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Playfair Display',serif; font-size:22px; font-weight:700; color:var(--navy); margin:0 auto 16px; box-shadow:0 4px 16px rgba(253,183,80,.4); }
.odal-step__icon { font-size:28px; margin-bottom:12px; }
.odal-step h3 { font-size:15px; font-weight:700; color:var(--navy); margin-bottom:8px; }
.odal-step p { font-size:13px; color:var(--gray-text); line-height:1.6; }

/* ══════════════════════════════════════
   ÖĞRETMEN KARTLARI
   ══════════════════════════════════════ */
.odal-filter-bar { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:32px; }
.odal-filter-btn { background:var(--white); border:1px solid var(--gray-mid); color:var(--gray-text); padding:8px 18px; border-radius:50px; font-size:13px; font-weight:600; cursor:pointer; transition:all var(--transition); font-family:'Plus Jakarta Sans',sans-serif; }
.odal-filter-btn.active,.odal-filter-btn:hover { background:var(--navy); border-color:var(--navy); color:var(--white); }

.odal-teachers-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.odal-teacher-card { background:var(--white); border-radius:20px; overflow:hidden; border:1px solid var(--gray-mid); transition:transform var(--transition), box-shadow var(--transition); }
.odal-teacher-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.odal-teacher-card__top { padding:24px 20px 16px; display:flex; gap:14px; align-items:flex-start; position:relative; }
.odal-teacher-card__avatar { width:66px; height:66px; border-radius:50%; background:linear-gradient(135deg,var(--navy),var(--navy-mid)); display:flex; align-items:center; justify-content:center; font-family:'Playfair Display',serif; font-size:22px; font-weight:700; color:var(--yellow); flex-shrink:0; overflow:hidden; }
.odal-teacher-card__avatar-img { width:100%; height:100%; object-fit:cover; }
.odal-teacher-card__name { font-size:15px; font-weight:700; color:var(--navy); margin-bottom:3px; }
.odal-teacher-card__brans { font-size:12px; color:var(--yellow); font-weight:600; margin-bottom:6px; }
.odal-teacher-card__rating { display:flex; align-items:center; gap:5px; font-size:12px; }
.odal-teacher-card__rating strong { color:var(--navy); }
.odal-teacher-card__rating span { color:var(--gray-text); }
.odal-teacher-card__trial { position:absolute; top:16px; right:16px; background:var(--yellow-pale); color:var(--yellow); border:1px solid rgba(253,183,80,.3); padding:4px 9px; border-radius:50px; font-size:10px; font-weight:700; }
.odal-teacher-card__body { padding:0 20px 16px; }
.odal-teacher-card__desc { font-size:13px; color:var(--gray-text); line-height:1.6; margin-top:10px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.odal-teacher-card__footer { padding:14px 20px; border-top:1px solid var(--gray-mid); display:flex; justify-content:space-between; align-items:center; }
.odal-teacher-card__price { font-family:'Playfair Display',serif; font-size:20px; font-weight:700; color:var(--navy); }
.odal-teacher-card__price span { font-size:12px; font-weight:500; color:var(--gray-text); font-family:'Plus Jakarta Sans',sans-serif; }

/* ══════════════════════════════════════
   ŞEFFAFLIK
   ══════════════════════════════════════ */
.odal-transparency { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.odal-check-list { list-style:none; display:flex; flex-direction:column; gap:12px; margin-top:24px; }
.odal-check-list li { display:flex; align-items:center; gap:12px; color:rgba(255,255,255,.7); font-size:14px; }
.odal-check-list li::before { content:'✓'; color:var(--yellow); font-size:18px; font-weight:700; flex-shrink:0; }
.odal-commission-card { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:20px; padding:32px; }
.odal-commission-card__title { color:var(--white); font-size:15px; font-weight:700; margin-bottom:24px; }
.odal-commission-row { display:flex; justify-content:space-between; align-items:center; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.07); color:rgba(255,255,255,.6); font-size:14px; }
.odal-commission-row:last-child { border-bottom:none; }
.odal-commission-val { font-family:'Playfair Display',serif; font-size:22px; font-weight:700; color:var(--yellow); }
.odal-commission-val--green { color:var(--green); }
.odal-commission-example { background:rgba(253,183,80,.1); border:1px solid rgba(253,183,80,.2); border-radius:12px; padding:20px; margin-top:20px; }
.odal-commission-example__title { color:var(--yellow); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; margin-bottom:12px; }
.odal-commission-example__row { display:flex; justify-content:space-between; color:rgba(255,255,255,.7); font-size:13px; margin-bottom:6px; }
.odal-commission-example__row strong { color:var(--white); }

/* ══════════════════════════════════════
   AI ÖZELLİKLER
   ══════════════════════════════════════ */
.odal-ai-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:56px; }
.odal-ai-feature { background:var(--gray-light); border-radius:20px; padding:32px; border:1px solid var(--gray-mid); position:relative; overflow:hidden; transition:transform var(--transition), box-shadow var(--transition); }
.odal-ai-feature:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.odal-ai-feature::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--yellow),var(--yellow-light)); }
.odal-ai-feature__icon { font-size:36px; margin-bottom:16px; }
.odal-ai-feature h3 { font-size:17px; font-weight:700; color:var(--navy); margin-bottom:10px; }
.odal-ai-feature p { font-size:14px; color:var(--gray-text); line-height:1.6; }

/* ══════════════════════════════════════
   İLETİŞİM CTA
   ══════════════════════════════════════ */
.odal-contact-cta { text-align:center; }
.odal-contact-cta__buttons { display:flex; justify-content:center; gap:14px; flex-wrap:wrap; margin-top:32px; }

/* ══════════════════════════════════════
   FOOTER
   ══════════════════════════════════════ */
.odal-footer { background:var(--navy); color:rgba(255,255,255,.55); padding:56px 0 32px; }
.odal-footer__inner { max-width:1200px; margin:0 auto; padding:0 40px; }
.odal-footer__top { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; margin-bottom:48px; }
.odal-footer__brand p { font-size:13px; line-height:1.7; margin:16px 0 20px; }
.odal-footer__wa { display:inline-flex; align-items:center; gap:8px; background:var(--wa); color:white; padding:10px 18px; border-radius:50px; font-size:13px; font-weight:600; transition:opacity var(--transition); }
.odal-footer__wa:hover { opacity:.88; }
.odal-footer__col h4 { color:var(--white); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; margin-bottom:16px; }
.odal-footer__col ul { list-style:none; }
.odal-footer__col ul li { margin-bottom:10px; }
.odal-footer__col ul li a { color:rgba(255,255,255,.5); font-size:13px; transition:color var(--transition); }
.odal-footer__col ul li a:hover { color:var(--yellow); }
.odal-footer__bottom { border-top:1px solid rgba(255,255,255,.07); padding-top:24px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; font-size:12px; }
.odal-footer__bottom a { color:var(--yellow); }

/* ══════════════════════════════════════
   CHATBOT
   ══════════════════════════════════════ */
.odal-chatbot-btn { position:fixed; bottom:28px; right:28px; z-index:999; width:60px; height:60px; background:linear-gradient(135deg,var(--yellow),var(--yellow-light)); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:26px; cursor:pointer; box-shadow:0 6px 24px rgba(253,183,80,.5); transition:transform var(--transition), box-shadow var(--transition); border:none; }
.odal-chatbot-btn:hover { transform:scale(1.08); }
.odal-chatbot { position:fixed; bottom:100px; right:28px; z-index:999; width:340px; background:var(--white); border-radius:20px; box-shadow:0 20px 60px rgba(26,35,64,.2); overflow:hidden; display:none; flex-direction:column; border:1px solid var(--gray-mid); max-height:460px; }
.odal-chatbot.open { display:flex; }
.odal-chatbot__header { background:var(--navy); padding:16px 20px; display:flex; align-items:center; gap:12px; }
.odal-chatbot__avatar { width:38px; height:38px; background:linear-gradient(135deg,var(--yellow),var(--yellow-light)); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.odal-chatbot__title { color:var(--white); font-size:14px; font-weight:700; }
.odal-chatbot__status { color:rgba(255,255,255,.5); font-size:11px; display:flex; align-items:center; gap:4px; }
.odal-chatbot__status::before { content:''; width:6px; height:6px; background:var(--green); border-radius:50%; }
.odal-chatbot__close { margin-left:auto; background:none; border:none; color:rgba(255,255,255,.5); font-size:16px; cursor:pointer; padding:4px; }
.odal-chatbot__messages { flex:1; padding:16px; overflow-y:auto; display:flex; flex-direction:column; gap:10px; }
.odal-chat-msg { max-width:80%; padding:10px 14px; border-radius:14px; font-size:13px; line-height:1.5; }
.odal-chat-msg--bot { background:var(--gray-light); color:var(--gray-dark); border-bottom-left-radius:4px; align-self:flex-start; }
.odal-chat-msg--user { background:var(--navy); color:var(--white); border-bottom-right-radius:4px; align-self:flex-end; }
.odal-chatbot__input { padding:12px 16px; border-top:1px solid var(--gray-mid); display:flex; gap:8px; }
.odal-chatbot__input input { flex:1; border:1.5px solid var(--gray-mid); border-radius:50px; padding:10px 16px; font-size:13px; font-family:'Plus Jakarta Sans',sans-serif; outline:none; transition:border-color var(--transition); }
.odal-chatbot__input input:focus { border-color:var(--yellow); }
.odal-chatbot__input button { background:var(--yellow); border:none; cursor:pointer; width:38px; height:38px; border-radius:50%; font-size:16px; flex-shrink:0; transition:transform var(--transition); }
.odal-chatbot__input button:hover { transform:scale(1.1); }

/* ══════════════════════════════════════
   PROFİL SAYFASI
   ══════════════════════════════════════ */
.odal-main--profile { background:var(--gray-light); }
.odal-container--profile { padding:40px; }
.odal-profile { display:grid; grid-template-columns:320px 1fr; gap:32px; align-items:start; }
.odal-profile__sidebar { position:sticky; top:88px; }
.odal-profile__card { background:var(--white); border-radius:20px; padding:28px; border:1px solid var(--gray-mid); text-align:center; margin-bottom:24px; }
.odal-profile__avatar { width:100px; height:100px; border-radius:50%; background:linear-gradient(135deg,var(--navy),var(--navy-mid)); display:flex; align-items:center; justify-content:center; font-family:'Playfair Display',serif; font-size:32px; font-weight:700; color:var(--yellow); margin:0 auto 16px; position:relative; overflow:visible; }
.odal-profile__avatar-img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.odal-profile__badge { position:absolute; bottom:-4px; right:-4px; background:var(--green); color:white; font-size:10px; font-weight:700; padding:3px 8px; border-radius:50px; }
.odal-profile__name { font-family:'Playfair Display',serif; font-size:22px; font-weight:700; color:var(--navy); margin-bottom:4px; }
.odal-profile__unvan { color:var(--gray-text); font-size:13px; margin-bottom:12px; }
.odal-profile__branslar { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-bottom:12px; }
.odal-profile__puan { display:flex; align-items:center; justify-content:center; gap:6px; font-size:14px; margin-bottom:16px; }
.odal-profile__puan strong { color:var(--navy); }
.odal-profile__puan span { color:var(--gray-text); }
.odal-profile__ucret { margin-bottom:12px; }
.odal-profile__ucret-fiyat { font-family:'Playfair Display',serif; font-size:28px; font-weight:700; color:var(--navy); }
.odal-profile__ucret-label { color:var(--gray-text); font-size:13px; }
.odal-profile__deneme { background:var(--yellow-pale); color:var(--yellow); padding:8px 14px; border-radius:10px; font-size:13px; font-weight:600; margin-bottom:16px; }
.odal-btn + .odal-btn { margin-top:10px; }
.odal-profile__randevu-form { background:var(--white); border-radius:20px; padding:24px; border:1px solid var(--gray-mid); }
.odal-profile__randevu-form h3 { font-size:16px; font-weight:700; color:var(--navy); margin-bottom:4px; }
.odal-profile__randevu-form p { font-size:13px; color:var(--gray-text); margin-bottom:16px; }
.odal-profile__content {}
.odal-profile__section { background:var(--white); border-radius:20px; padding:28px; border:1px solid var(--gray-mid); margin-bottom:20px; }
.odal-profile__section h2 { font-family:'Playfair Display',serif; font-size:20px; font-weight:700; color:var(--navy); margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid var(--gray-mid); }
.odal-profile__bio { font-size:15px; line-height:1.8; color:var(--gray-dark); }
.odal-profile__edu { display:flex; flex-direction:column; gap:14px; }
.odal-edu-item { display:flex; align-items:center; gap:14px; }
.odal-edu-icon { font-size:22px; }
.odal-edu-item strong { font-size:15px; color:var(--navy); }
.odal-edu-item span { font-size:13px; color:var(--gray-text); }
.odal-profile__gunler { display:flex; flex-wrap:wrap; gap:8px; }
.odal-gun { padding:8px 16px; border-radius:10px; font-size:13px; font-weight:600; }
.odal-gun--aktif { background:var(--yellow-pale); color:var(--yellow); border:1px solid rgba(253,183,80,.3); }
.odal-gun--pasif { background:var(--gray-light); color:var(--gray-mid); }

/* Yorumlar */
.odal-yorumlar { display:flex; flex-direction:column; gap:16px; margin-bottom:28px; }
.odal-yorum { background:var(--gray-light); border-radius:12px; padding:16px; }
.odal-yorum__header { display:flex; align-items:center; gap:10px; margin-bottom:8px; flex-wrap:wrap; }
.odal-yorum__avatar { width:34px; height:34px; background:var(--navy); color:var(--yellow); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; flex-shrink:0; }
.odal-yorum__header strong { font-size:14px; color:var(--navy); }
.odal-yorum__tarih { font-size:12px; color:var(--gray-text); margin-left:auto; }
.odal-yorum__puan { margin-left:auto; }
.odal-yorum__metin { font-size:13px; color:var(--gray-dark); line-height:1.6; }
.odal-yorum-form { border-top:1px solid var(--gray-mid); padding-top:24px; margin-top:8px; }
.odal-yorum-form h3 { font-size:17px; font-weight:700; color:var(--navy); margin-bottom:16px; }
.odal-puan-secici { display:flex; align-items:center; gap:6px; margin-bottom:12px; font-size:14px; color:var(--gray-text); }
.odal-puan-yildiz { font-size:24px; cursor:pointer; color:var(--gray-mid); transition:color var(--transition), transform var(--transition); }
.odal-puan-yildiz.aktif,.odal-puan-yildiz:hover { color:var(--yellow); transform:scale(1.15); }

/* ══════════════════════════════════════
   BAŞVURU SAYFASI
   ══════════════════════════════════════ */
.odal-apply { padding:60px 0; }
.odal-apply__header { text-align:center; margin-bottom:40px; }
.odal-apply__steps-bar { display:flex; justify-content:center; gap:0; margin-bottom:40px; background:var(--gray-light); border-radius:50px; padding:6px; max-width:500px; margin-inline:auto; }
.odal-apply__step-item { flex:1; text-align:center; padding:10px; border-radius:50px; font-size:12px; font-weight:700; color:var(--gray-text); transition:all var(--transition); cursor:default; display:flex; align-items:center; justify-content:center; gap:6px; }
.odal-apply__step-item span { width:22px; height:22px; background:var(--gray-mid); border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; color:var(--gray-text); }
.odal-apply__step-item.active { background:var(--navy); color:var(--white); }
.odal-apply__step-item.active span { background:var(--yellow); color:var(--navy); }
.odal-apply__step-item.done span { background:var(--green); color:var(--white); }
.odal-apply__form { background:var(--white); border-radius:20px; padding:40px; border:1px solid var(--gray-mid); }
.odal-apply__panel { display:none; }
.odal-apply__panel.active { display:block; }
.odal-apply__panel h2 { font-family:'Playfair Display',serif; font-size:24px; color:var(--navy); margin-bottom:28px; }
.odal-apply__nav { display:flex; justify-content:space-between; align-items:center; margin-top:24px; }
.odal-apply__terms { display:flex; flex-direction:column; gap:12px; margin-bottom:24px; }

/* ══════════════════════════════════════
   DASHBOARD (ÖĞRETMEN PANELİ)
   ══════════════════════════════════════ */
.odal-main--dashboard { background:var(--gray-light); }
.odal-dashboard { display:grid; grid-template-columns:240px 1fr; gap:24px; padding:40px 0; align-items:start; }
.odal-dashboard__sidebar { background:var(--white); border-radius:20px; padding:24px; border:1px solid var(--gray-mid); position:sticky; top:88px; }
.odal-dashboard__profile { text-align:center; margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid var(--gray-mid); }
.odal-dashboard__avatar { width:70px; height:70px; border-radius:50%; margin:0 auto 12px; }
.odal-dashboard__name { font-size:15px; font-weight:700; color:var(--navy); }
.odal-dashboard__role { font-size:12px; color:var(--gray-text); }
.odal-dashboard__nav { display:flex; flex-direction:column; gap:4px; }
.odal-dashboard__nav-item { padding:10px 14px; border-radius:10px; font-size:13px; font-weight:600; color:var(--gray-text); transition:all var(--transition); }
.odal-dashboard__nav-item:hover,.odal-dashboard__nav-item.active { background:var(--yellow-pale); color:var(--navy); }
.odal-dashboard__section { background:var(--white); border-radius:20px; padding:28px; border:1px solid var(--gray-mid); margin-bottom:20px; }
.odal-dashboard__section h2 { font-family:'Playfair Display',serif; font-size:20px; color:var(--navy); margin-bottom:20px; }
.odal-dashboard__stats { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.odal-dashboard__stat-card { background:var(--gray-light); border-radius:14px; padding:20px; text-align:center; }
.odal-dashboard__stat-icon { font-size:28px; margin-bottom:8px; }
.odal-dashboard__stat-val { font-family:'Playfair Display',serif; font-size:24px; font-weight:700; color:var(--navy); }
.odal-dashboard__stat-label { font-size:12px; color:var(--gray-text); margin-top:4px; }
.odal-dashboard__lessons { display:flex; flex-direction:column; gap:12px; }
.odal-dashboard__lesson-item { display:flex; align-items:center; gap:16px; padding:14px; background:var(--gray-light); border-radius:12px; flex-wrap:wrap; }
.odal-dashboard__lesson-date { min-width:80px; text-align:center; }
.odal-dashboard__lesson-date strong { display:block; font-size:14px; color:var(--navy); }
.odal-dashboard__lesson-date span { font-size:12px; color:var(--gray-text); }
.odal-dashboard__lesson-info { flex:1; }
.odal-dashboard__review { padding:16px; background:var(--gray-light); border-radius:12px; margin-bottom:12px; }
.odal-dashboard__review-header { display:flex; align-items:center; gap:10px; margin-bottom:8px; flex-wrap:wrap; }
.odal-dashboard__review-date { font-size:12px; color:var(--gray-text); margin-left:auto; }
.odal-dashboard__review p { font-size:13px; color:var(--gray-dark); line-height:1.6; }

/* ══════════════════════════════════════
   NO RESULTS & PAGINATION
   ══════════════════════════════════════ */
.odal-no-results { color:var(--gray-text); font-size:14px; font-style:italic; padding:20px 0; }
.odal-pagination { margin-top:40px; display:flex; justify-content:center; gap:8px; }
.odal-pagination .page-numbers { padding:8px 16px; border-radius:8px; font-size:13px; font-weight:600; color:var(--navy); border:1px solid var(--gray-mid); transition:all var(--transition); }
.odal-pagination .page-numbers.current,.odal-pagination .page-numbers:hover { background:var(--navy); color:var(--white); border-color:var(--navy); }

/* ══════════════════════════════════════
   ANIMATIONS
   ══════════════════════════════════════ */
@keyframes odalFadeInUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
.odal-anim { opacity:0; transform:translateY(20px); transition:opacity .5s ease, transform .5s ease; }
.odal-anim.visible { opacity:1; transform:translateY(0); }

/* ══════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════ */
@media (max-width:1024px) {
  .odal-transparency { grid-template-columns:1fr; gap:40px; }
  .odal-profile { grid-template-columns:1fr; }
  .odal-profile__sidebar { position:static; }
  .odal-dashboard__stats { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:900px) {
  .odal-container { padding:0 24px; }
  .odal-hero__inner { grid-template-columns:1fr; gap:40px; padding:80px 24px 60px; }
  .odal-steps { grid-template-columns:repeat(2,1fr); }
  .odal-steps::before { display:none; }
  .odal-teachers-grid { grid-template-columns:repeat(2,1fr); }
  .odal-ai-grid { grid-template-columns:repeat(2,1fr); }
  .odal-footer__top { grid-template-columns:1fr 1fr; gap:32px; }
  .odal-dashboard { grid-template-columns:1fr; }
  .odal-dashboard__sidebar { position:static; }
  .odal-nav__links { display:none; }
  .odal-nav__burger { display:flex; }
}

@media (max-width:600px) {
  .odal-section { padding:60px 0; }
  .odal-teachers-grid { grid-template-columns:1fr; }
  .odal-steps { grid-template-columns:1fr; }
  .odal-ai-grid { grid-template-columns:1fr; }
  .odal-footer__top { grid-template-columns:1fr; }
  .odal-hero__stats { gap:20px; }
  .odal-chatbot { width:calc(100vw - 32px); right:16px; bottom:88px; }
  .odal-form-grid { grid-template-columns:1fr; }
  .odal-apply__steps-bar { gap:4px; }
  .odal-dashboard__stats { grid-template-columns:repeat(2,1fr); }
  .odal-profile__gunler { gap:6px; }
}

/* Mobile nav open */
.odal-nav__links.open { display:flex; flex-direction:column; position:fixed; top:68px; left:0; right:0; background:var(--navy); padding:20px 24px; gap:4px; border-bottom:1px solid rgba(255,255,255,.1); z-index:999; }
.odal-nav__links.open li a { padding:10px 0; display:block; border-bottom:1px solid rgba(255,255,255,.06); }