/* =========================================
   BİLİŞİMCİ HOCAM — ANA SAYFA CSS
   Fluid tasarım — clamp + auto-fit grid
   ========================================= */

@keyframes fadeUp   { from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);} }
@keyframes blink    { 0%,100%{opacity:1;}50%{opacity:0;} }
@keyframes dot      { 0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.7);} }
@keyframes floatOrb { 0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(30px,-20px) scale(1.05);}66%{transform:translate(-20px,15px) scale(.97);} }
@keyframes scanline { 0%{transform:translateY(-100%);}100%{transform:translateY(100vh);} }
@keyframes gradShift{ 0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;} }
@keyframes discoverShift {
  0% { background-position: 0% 50%; box-shadow: 0 14px 34px rgba(0,212,255,.28), 0 0 0 2px rgba(255,255,255,.12); }
  33% { background-position: 50% 50%; box-shadow: 0 14px 34px rgba(255,107,53,.28), 0 0 0 2px rgba(255,255,255,.16); }
  66% { background-position: 100% 50%; box-shadow: 0 14px 34px rgba(16,185,129,.28), 0 0 0 2px rgba(255,255,255,.14); }
  100% { background-position: 0% 50%; box-shadow: 0 14px 34px rgba(0,212,255,.28), 0 0 0 2px rgba(255,255,255,.12); }
}

/* ── AMBIENT ── */
.ambient {
  position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(ellipse 60% 40% at 15% 25%, var(--hero-orb1) 0%, transparent 60%),
    radial-gradient(ellipse 50% 50% at 85% 75%, var(--hero-orb2) 0%, transparent 60%),
    radial-gradient(ellipse 40% 30% at 50% 10%, var(--hero-orb3) 0%, transparent 60%);
  transition:background .35s;
}

.wrap { position:relative; z-index:1; }

/* ── HERO ── */
.hero-section {
  position: relative; overflow: hidden;
  border-bottom: 1px solid var(--border);
  height: calc(100vh - clamp(56px, 4.5vw, 78px));
  display: flex; flex-direction: column; justify-content: center;
}

.hero-bg { position:absolute; inset:0; pointer-events:none; z-index:0; }
.hero-orb { position:absolute; border-radius:50%; filter:blur(80px); animation:floatOrb 12s ease-in-out infinite; }
.hero-orb-1 { width:min(700px,60vw); height:min(700px,60vw); background:radial-gradient(circle,var(--hero-orb1) 0%,transparent 70%); top:-200px; left:-100px; animation-delay:0s; }
.hero-orb-2 { width:min(500px,45vw); height:min(500px,45vw); background:radial-gradient(circle,var(--hero-orb2) 0%,transparent 70%); top:100px; right:100px; animation-delay:-4s; }
.hero-orb-3 { width:min(350px,30vw); height:min(350px,30vw); background:radial-gradient(circle,var(--hero-orb3) 0%,transparent 70%); bottom:-50px; left:40%; animation-delay:-8s; }

.hero-scan { position:absolute; inset:0; pointer-events:none; z-index:1; overflow:hidden; }
.hero-scan::after {
  content:''; position:absolute; left:0; right:0; height:120px;
  background:linear-gradient(to bottom,transparent,rgba(255,255,255,.018),transparent);
  animation:scanline 6s linear infinite;
}

.hero-inner {
  width: min(94vw, 1800px);
  margin-inline: auto;
  position:relative; z-index:2;
  /* Alt padding ticker yüksekliği kadar artırıldı — istatistikler ticker'a binmez */
  padding: clamp(2rem, 4vw, 5rem) clamp(3rem, 6vw, 8rem) clamp(2rem, 4vw, 5rem) clamp(1rem, 2vw, 2rem);
  display:flex; gap:clamp(1.5rem, 3vw, 4rem); align-items:center;
}

.hero-left {
  flex:1.2; min-width:0;
  animation:fadeUp .5s .05s both;
  
}

.hero-badge {
  display:inline-flex; align-items:center; gap:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:clamp(9px, .65vw, 12px);
  font-weight:600; color:var(--accent); letter-spacing:2px; text-transform:uppercase;
  background:rgba(0,212,255,.1); border:1px solid rgba(0,212,255,.35);
  padding:clamp(5px,.5vw,9px) clamp(12px,1.2vw,20px); border-radius:30px; margin-bottom:clamp(.5rem,1vw,1rem);
  box-shadow:0 0 24px rgba(0,212,255,.12);
}
.hero-badge-dot {
  width:7px; height:7px; border-radius:50%;
  background:var(--accent); animation:dot 1.5s ease-in-out infinite;
  box-shadow:0 0 8px rgba(0,212,255,.8);
}

.hero-h1 {
  /* clamp: min 1.8rem, ideal 4vw, max 4.5rem — ekrana göre otomatik büyür */
  font-size: clamp(2rem, 4vw, 4.8rem);
  font-weight:800; line-height:1.04; letter-spacing:-.04em;
  margin-bottom:clamp(.8rem,1.5vw,1.4rem); animation:fadeUp .6s .1s ease both;
}
.h1-plain { display:block; color:var(--text); }
.h1-glow {
  display:block;
  background:linear-gradient(135deg,#3d8bff 0%,#a855f7 50%,#00d4a0 100%);
  background-size:200% auto;
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  animation:gradShift 5s linear infinite;
  filter:drop-shadow(0 0 30px rgba(61,139,255,.4));
}

.hero-desc {
  color:var(--text2); font-size: clamp(1rem, 1.2vw, 1.25rem);
  margin-bottom:clamp(.6rem,1.2vw,1.4rem); max-width:min(760px, 52vw); line-height:1.7;
  animation:fadeUp .6s .2s ease both;
}
.hero-desc-line { display:block; min-height:1.7em; }
.hero-type-part { display:inline; }
.hero-desc-arrow {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 .5rem;
  color:var(--accent);
  font-size:.85em;
  opacity:0;
  transform:translateX(-4px);
  transition:opacity .18s ease, transform .18s ease;
}
.hero-desc-arrow.show {
  opacity:1;
  transform:translateX(0);
}
.hero-desc-arrow-long { color:#10b981; }
.hero-desc-line.typing::after {
  content:'';
  display:inline-block;
  width:2px; height:1em;
  margin-left:3px;
  background:var(--accent);
  vertical-align:-.12em;
  animation:blink .75s step-end infinite;
}

.hero-actions { display:flex; align-items:center; gap:clamp(.6rem,1.2vw,1.2rem); flex-wrap:wrap; margin-bottom:clamp(.6rem,1.2vw,1.4rem); }

.hero-cta {
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  color:#fff; padding:clamp(.6rem,1vw,1.1rem) clamp(1.2rem,2vw,2.5rem); border-radius:12px;
  font-weight:700; font-size:clamp(.82rem,1vw,1.05rem); border:none; cursor:pointer;
  text-decoration:none; transition:all .3s; font-family:'Sora',sans-serif;
  box-shadow:0 6px 30px rgba(0,212,255,.35);
  display:inline-flex; align-items:center; gap:.6rem; letter-spacing:-.01em;
}
.hero-cta:hover { transform:translateY(-3px); box-shadow:0 12px 40px rgba(0,212,255,.5); }

.hero-cta-outline {
  background:rgba(255,255,255,.04); color:var(--text);
  padding:clamp(.6rem,1vw,1.1rem) clamp(1rem,1.8vw,2.2rem); border-radius:12px;
  font-weight:600; font-size:clamp(.82rem,1vw,1.05rem); cursor:pointer;
  border:1px solid rgba(255,255,255,.15); transition:all .3s;
  text-decoration:none; font-family:'Sora',sans-serif;
  display:inline-flex; align-items:center; gap:.6rem;
  backdrop-filter:blur(8px); letter-spacing:-.01em;
}
.hero-cta-outline:hover { border-color:var(--accent); color:var(--accent); background:rgba(0,212,255,.08); box-shadow:0 4px 20px rgba(0,212,255,.15); }

.hero-stats { display:flex; align-items:center; gap:clamp(1rem,2.5vw,3rem); animation:fadeUp .6s .35s ease both; flex-wrap:wrap; }
.hero-stat { display:flex; flex-direction:column; gap:.15rem; }
.hero-stat-val { font-family:'JetBrains Mono',monospace; font-size:clamp(1.1rem,1.8vw,2rem); font-weight:800; color:var(--text); line-height:1; }
.hero-stat-val span { color:var(--accent); }
.hero-stat-lbl { font-size:clamp(.6rem,.72vw,.78rem); color:var(--text3); text-transform:uppercase; letter-spacing:.1em; font-weight:600; }
.hero-stat-sep { width:1px; height:36px; background:var(--border); }

.hero-right {
  flex:1; min-width:0;
  display:flex; flex-direction:column; gap:clamp(.6rem,1vw,1rem);
  animation:fadeUp .5s .18s both;
  padding-top:clamp(.5rem,1.5vw,1.5rem);
  padding-left: clamp(2rem, 3vw, 4rem);
}

/* ── TERMİNAL ── */
.hero-terminal {
  position:relative;
  left:clamp(1.5rem, 3vw, 4rem);
  background:var(--card); border:1px solid var(--border);
  border-radius: 14px; overflow:hidden;
  box-shadow:var(--glow), 0 40px 80px rgba(0,0,0,.5);
  animation:fadeUp .6s .2s ease both;
}
.terminal-bar {
  background: #1e2232;
  padding: clamp(.5rem,.75vw,.85rem) clamp(.75rem,1vw,1.1rem);
  display: flex; align-items: center; gap: .5rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.terminal-dots { display:flex; gap:6px; }
.terminal-dot { width:clamp(9px,1vw,13px); height:clamp(9px,1vw,13px); border-radius:50%; }
.td-r { background:#ff5f57; }
.td-y { background:#febc2e; }
.td-g { background:#28c840; }
.terminal-title { margin-left:auto; font-size:clamp(.62rem,.72vw,.78rem); color:var(--text3); font-family:'JetBrains Mono',monospace; }
.terminal-body {
  padding: clamp(.8rem,1.25vw,1.5rem) clamp(1rem,1.5vw,1.8rem);
  font-family: 'JetBrains Mono', monospace;
  font-size: clamp(.78rem, .95vw, 1.05rem);
  line-height: 1.8;
  background: #12151f;
  color: #cdd5e0;
  min-height: clamp(180px, 20vw, 280px);
  overflow-y: auto;
}

.tl { display:flex; align-items:flex-start; gap:8px; margin-bottom:2px; opacity:0; }
.tl.show { opacity:1; }
.tl-p { color:var(--accent); flex-shrink:0; font-weight:700; }
.tl-cmd { color:#e4eaf8; }
.tl-ok { color:#00d4a0; }
.tl-warn { color:#ffa940; }
.tl-hi { color:var(--accent); }
.tl-hi2 { color:var(--accent2); }
.tl-muted { color:var(--text3); }
.tl-name { display:inline-block; min-width:210px; color:#00d4ff; }
.tl-arrow { display:inline-block; color:#fb923c; padding:0 .55rem; font-weight:900; white-space:nowrap; }
.tl-tag { font-weight:700; }
.tl-tag-learn { color:#10b981; }
.tl-tag-build { color:#f59e0b; }
.tl-tag-mobile { color:#a78bfa; }
.tl-tag-code { color:#60a5fa; }
.tl-tag-track { color:#f472b6; }
.tl-tag-help { color:#f87171; }
.terminal-body .tl-course-row,
#termBody .tl-course-row {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) auto minmax(110px, auto);
  align-items: baseline;
  column-gap: .7rem;
  width: 100%;
  white-space: nowrap;
}
.terminal-body .tl-course-row .tl-name,
#termBody .tl-course-row .tl-name {
  min-width: 0;
  font-weight: 800;
}
.terminal-body .tl-course-row .tl-arrow,
#termBody .tl-course-row .tl-arrow {
  justify-self: center;
}
.terminal-body .tl-course-row .tl-tag,
#termBody .tl-course-row .tl-tag {
  justify-self: end;
  text-align: right;
  white-space: nowrap;
  font-weight: 900;
}
.tl-cursor {
  display:inline-block; width:8px; height:clamp(12px,1vw,16px);
  background:var(--accent); vertical-align:middle; margin-left:2px;
  animation:blink .9s step-end infinite;
}

.hero-cards { display:grid; grid-template-columns:1fr 1fr; gap:clamp(.5rem,.9vw,1rem); }
.hero-mini-card {
  background:var(--card); border:1px solid var(--border); border-radius:12px;
  padding:clamp(.7rem,1vw,1.2rem) clamp(.8rem,1.1vw,1.3rem);
  display:flex; align-items:center; gap:clamp(.5rem,.85vw,1rem);
  transition:border-color .2s, transform .2s; position:relative; overflow:hidden;
}
.hero-mini-card::before {
  content:''; position:absolute; inset:0; opacity:0;
  background:radial-gradient(ellipse 80% 70% at 0% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent);
  transition:opacity .3s;
}
.hero-mini-card:hover { border-color:color-mix(in srgb,var(--accent) 40%,transparent); transform:translateY(-2px); }
.hero-mini-card:hover::before { opacity:1; }
.hmc-icon {
  width:clamp(28px,2.5vw,40px); height:clamp(28px,2.5vw,40px); border-radius:9px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; font-size:clamp(.8rem,.95vw,1.05rem);
  background:color-mix(in srgb,var(--accent) 12%,transparent); color:var(--accent);
}
.hmc-body { display:flex; flex-direction:column; gap:.1rem; }
.hmc-val { font-size:clamp(.9rem,1.1vw,1.25rem); font-weight:800; color:var(--text); font-family:'JetBrains Mono',monospace; line-height:1; }
.hmc-lbl { font-size:clamp(.55rem,.65vw,.7rem); color:var(--text3); text-transform:uppercase; letter-spacing:.08em; font-weight:600; }

/* ── SECTION ── */
.section { padding-block: clamp(.8rem,1.5vw,1.5rem) clamp(1rem,2vw,2rem); }
.section:has(.modules-grid) { padding-bottom:0; }
.section:has(.two-col) { padding-top:clamp(.5rem,1vw,1rem); }
.section-head { margin-bottom:clamp(.8rem,1.2vw,1.4rem); text-align: center; }
.section-label {
  display:inline-flex; align-items:center; gap:.4rem; justify-content: center;
  font-size:clamp(.6rem,.68vw,.75rem); font-family:'JetBrains Mono',monospace; font-weight:700;
  color:var(--accent); text-transform:uppercase; letter-spacing:.12em; margin-bottom:.65rem;
}
.section-label::before { content:''; width:16px; height:1px; background:var(--accent); }
.section-label::after { content:''; width:16px; height:1px; background:var(--accent); }
.section-title { font-size:clamp(1.2rem,1.75vw,2rem); font-weight:800; letter-spacing:-.03em; color:var(--text); }
.section-title span { background:linear-gradient(135deg,var(--accent),var(--accent2)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.section-sub { font-size:clamp(.78rem,.92vw,1rem); color:var(--text2); margin-top:.4rem; margin-inline: auto; max-width: 600px; }

/* ── MODULE CARDS ── 
   auto-fit: ekran genişliğine göre otomatik sütun sayısı
   minmax(min(280px, 100%), 1fr): en az 280px, kalan alanı eşit böl */
.modules-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:clamp(.5rem,.75vw,1rem);
}

.mod-card {
  background:var(--card); border:1px solid var(--border); border-radius:var(--r);
  padding:clamp(.7rem,1vw,1.2rem); cursor:pointer; text-decoration:none;
  position:relative; overflow:hidden;
  transition:transform .25s, border-color .25s, box-shadow .25s;
  display:flex; flex-direction:column; gap:.5rem;
  animation:fadeUp .5s both;
}
.mod-card::before {
  content:''; position:absolute; inset:0; opacity:0;
  background:radial-gradient(ellipse 80% 60% at var(--mx,50%) var(--my,50%),var(--mc,rgba(0,212,255,.06)),transparent 70%);
  transition:opacity .3s; pointer-events:none;
}
.mod-card:hover { transform:translateY(-4px); border-color:var(--mc-border,rgba(0,212,255,.35)); box-shadow:0 12px 40px rgba(0,0,0,.35); }
.mod-card:hover::before { opacity:1; }
.mod-card:nth-child(1){animation-delay:.05s;} .mod-card:nth-child(2){animation-delay:.1s;}
.mod-card:nth-child(3){animation-delay:.15s;} .mod-card:nth-child(4){animation-delay:.2s;}
.mod-card:nth-child(5){animation-delay:.25s;} .mod-card:nth-child(6){animation-delay:.3s;}

.mod-icon-wrap { width:clamp(30px,2.5vw,42px); height:clamp(30px,2.5vw,42px); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:clamp(.85rem,1vw,1.1rem); flex-shrink:0; position:relative; }
.mod-icon-wrap::after { content:''; position:absolute; inset:0; border-radius:12px; opacity:.15; }
.mod-head { display:flex; align-items:flex-start; justify-content:space-between; gap:.5rem; }
.mod-arrow { color:var(--text3); font-size:clamp(.8rem,.9vw,1rem); transition:color .2s,transform .2s; flex-shrink:0; margin-top:.2rem; }
.mod-card:hover .mod-arrow { color:var(--accent); transform:translate(2px,-2px); }
.mod-tag { display:inline-flex; align-items:center; gap:.35rem; padding:.18rem .6rem; border-radius:20px; font-size:clamp(.58rem,.65vw,.72rem); font-family:'JetBrains Mono',monospace; font-weight:700; text-transform:uppercase; letter-spacing:.06em; border:1px solid currentColor; }
.mod-name { font-size:clamp(.88rem,1.08vw,1.2rem); font-weight:800; color:var(--text); letter-spacing:-.02em; }
.mod-desc { font-size:clamp(.72rem,.82vw,.9rem); color:var(--text2); line-height:1.6; }
.mod-footer { display:flex; align-items:center; justify-content:space-between; padding-top:.5rem; border-top:1px solid var(--border2); margin-top:auto; }
.mod-meta { font-size:clamp(.62rem,.72vw,.78rem); color:var(--text3); font-family:'JetBrains Mono',monospace; }
.mod-pill { padding:.18rem .65rem; border-radius:20px; font-size:clamp(.58rem,.66vw,.72rem); font-weight:700; font-family:'JetBrains Mono',monospace; }

.mc-cyan   { --mc:rgba(0,212,255,.07); --mc-border:rgba(0,212,255,.35); }
.mc-cyan   .mod-icon-wrap { background:rgba(0,212,255,.12); color:#00d4ff; }
.mc-cyan   .mod-tag  { color:#00d4ff; border-color:rgba(0,212,255,.3); }
.mc-cyan   .mod-pill { background:rgba(0,212,255,.12); color:#00d4ff; }
.mc-violet { --mc:rgba(124,58,237,.07); --mc-border:rgba(124,58,237,.35); }
.mc-violet .mod-icon-wrap { background:rgba(124,58,237,.12); color:#a78bfa; }
.mc-violet .mod-tag  { color:#a78bfa; border-color:rgba(124,58,237,.3); }
.mc-violet .mod-pill { background:rgba(124,58,237,.12); color:#a78bfa; }
.mc-green  { --mc:rgba(16,185,129,.07); --mc-border:rgba(16,185,129,.35); }
.mc-green  .mod-icon-wrap { background:rgba(16,185,129,.12); color:#10b981; }
.mc-green  .mod-tag  { color:#10b981; border-color:rgba(16,185,129,.3); }
.mc-green  .mod-pill { background:rgba(16,185,129,.12); color:#10b981; }
.mc-orange { --mc:rgba(249,115,22,.07); --mc-border:rgba(249,115,22,.35); }
.mc-orange .mod-icon-wrap { background:rgba(249,115,22,.12); color:#fb923c; }
.mc-orange .mod-tag  { color:#fb923c; border-color:rgba(249,115,22,.3); }
.mc-orange .mod-pill { background:rgba(249,115,22,.12); color:#fb923c; }
.mc-blue   { --mc:rgba(61,139,255,.07); --mc-border:rgba(61,139,255,.35); }
.mc-blue   .mod-icon-wrap { background:rgba(61,139,255,.12); color:#60a5fa; }
.mc-blue   .mod-tag  { color:#60a5fa; border-color:rgba(61,139,255,.3); }
.mc-blue   .mod-pill { background:rgba(61,139,255,.12); color:#60a5fa; }
.mc-red    { --mc:rgba(239,68,68,.07); --mc-border:rgba(239,68,68,.35); }
.mc-red    .mod-icon-wrap { background:rgba(239,68,68,.12); color:#f87171; }
.mc-red    .mod-tag  { color:#f87171; border-color:rgba(239,68,68,.3); }
.mc-red    .mod-pill { background:rgba(239,68,68,.12); color:#f87171; }

/* ── DUYURULAR & AKTİVİTE ──
   auto-fit ile two-col da akışkan: dar ekranda tek sütun, geniş ekranda iki sütun */
.two-col {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(360px, 100%), 1fr));
  gap:clamp(.6rem,1.2vw,1.4rem);
}

.panel { background:var(--card); border:1px solid var(--border); border-radius:var(--r); overflow:hidden; }
.panel-head { display:flex; align-items:center; justify-content:space-between; padding:clamp(.8rem,1.1vw,1.3rem) clamp(1rem,1.4vw,1.6rem); border-bottom:1px solid var(--border2); }
.panel-title { font-size:clamp(.78rem,.88vw,.95rem); font-weight:700; color:var(--text); display:flex; align-items:center; gap:.5rem; }
.panel-title i { color:var(--accent); font-size:clamp(.75rem,.85vw,.92rem); }
.panel-more { font-size:clamp(.68rem,.75vw,.82rem); color:var(--text3); font-family:'JetBrains Mono',monospace; text-decoration:none; font-weight:700; transition:color .2s; }
.panel-more:hover { color:var(--accent); }

.ann-item { display:flex; gap:clamp(.7rem,1vw,1.2rem); padding:clamp(.7rem,1vw,1.2rem) clamp(1rem,1.4vw,1.6rem); border-bottom:1px solid var(--border2); transition:background .15s; cursor:pointer; text-decoration:none; }
.ann-item:last-child { border-bottom:none; }
.ann-item:hover { background:rgba(255,255,255,.02); }
.ann-dot-wrap { display:flex; flex-direction:column; align-items:center; gap:4px; padding-top:.3rem; }
.ann-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.ann-line { flex:1; width:1px; background:var(--border2); }
.ann-body { display:flex; flex-direction:column; gap:.2rem; flex:1; }
.ann-title { font-size:clamp(.78rem,.85vw,.92rem); font-weight:700; color:var(--text); }
.ann-meta { font-size:clamp(.64rem,.72vw,.78rem); color:var(--text3); font-family:'JetBrains Mono',monospace; }
.ann-badge { display:inline-flex; padding:.1rem .5rem; border-radius:20px; font-size:clamp(.58rem,.62vw,.68rem); font-weight:700; letter-spacing:.05em; text-transform:uppercase; border:1px solid currentColor; margin-top:.25rem; width:fit-content; }

.act-item { display:flex; align-items:flex-start; gap:clamp(.6rem,.85vw,1rem); padding:clamp(.65rem,.85vw,1rem) clamp(1rem,1.4vw,1.6rem); border-bottom:1px solid var(--border2); transition:background .15s; }
.act-item:last-child { border-bottom:none; }
.act-item:hover { background:rgba(255,255,255,.02); }
.act-icon { width:clamp(26px,2.2vw,36px); height:clamp(26px,2.2vw,36px); border-radius:8px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:clamp(.72rem,.8vw,.88rem); }
.act-body { display:flex; flex-direction:column; gap:.12rem; flex:1; }
.act-text { font-size:clamp(.74rem,.82vw,.88rem); color:var(--text2); line-height:1.4; }
.act-text strong { color:var(--text); font-weight:700; }
.act-time { font-size:clamp(.6rem,.68vw,.74rem); color:var(--text3); font-family:'JetBrains Mono',monospace; }

/* ── TICKER ── */

.tbadge { padding:.15rem .5rem; border-radius:4px; font-size:clamp(.56rem,.65vw,.7rem); font-weight:700; }
.tb-yeni  { background:rgba(16,185,129,.12); color:#10b981; border:1px solid rgba(16,185,129,.2); }
.tb-arac  { background:rgba(245,158,11,.12); color:#f59e0b; border:1px solid rgba(245,158,11,.2); }
.tb-coz   { background:rgba(239,68,68,.12);  color:#ef4444;  border:1px solid rgba(239,68,68,.2); }
.tb-video { background:rgba(124,58,237,.12); color:#a78bfa; border:1px solid rgba(124,58,237,.2); }

.ticker-badge {
  display:inline-flex;
  align-items:center;
  padding:.14rem .45rem;
  border-radius:6px;
  border:1px solid currentColor;
  color:#d05010;
  font-size:.86em;
  font-weight:800;
  letter-spacing:.04em;
}
.ticker-item::after { content:'' !important; margin-left:0 !important; }
.ticker-sep {
  display:inline-flex;
  align-items:center;
  color:var(--ticker-sep, #a47755);
  padding-right:clamp(10px, 1.4vw, 22px);
}
.ticker-all {
  flex-shrink:0;
  display:flex;
  align-items:center;
  gap:.45rem;
  padding:0 clamp(12px, 1.2vw, 20px);
  color:var(--ticker-link, #f6ead7);
  font-family:'JetBrains Mono', monospace;
  font-size:clamp(.6rem, .68vw, .78rem);
  font-weight:800;
  text-decoration:none;
  border-left:1px solid var(--ticker-border, rgba(255,255,255,.12));
  background:var(--ticker-link-bg, rgba(255,255,255,.04));
}
a.ticker-item:hover,
.ticker-all:hover { color:var(--ticker-link-hover, var(--accent)) !important; }

[data-theme="cream"] .ticker-wrap {
  --ticker-bg-start:#171d2b;
  --ticker-bg-end:#20283a;
  --ticker-border:rgba(208,80,16,.35);
  --ticker-text:#f6ead7;
  --ticker-sep:#d7b38b;
  --ticker-link:#f6ead7;
  --ticker-link-hover:#ff9b54;
  --ticker-link-bg:rgba(208,80,16,.14);
  box-shadow:0 -10px 28px rgba(23,29,43,.32) !important;
}
[data-theme="cream"] .ticker-label {
  color:#fff7ed !important;
  background:linear-gradient(135deg,#d05010,#f97316) !important;
}
[data-theme="cream"] .ticker-label::after {
  background:linear-gradient(to right,#f97316,rgba(249,115,22,0)) !important;
}
[data-theme="cream"] .ticker-badge {
  color:#ffbd7a;
  background:rgba(208,80,16,.16);
  border-color:rgba(255,189,122,.55);
}

/* ── RESPONSIVE ── */
/* Tablet: kartlar 2 sütun */
@media (max-width:900px) {
  .hero-inner { flex-direction:column; }
  .hero-right { padding-left:0; }
  .hero-terminal { left:0; }
  .hero-desc { max-width:520px; }
  .modules-grid { grid-template-columns:repeat(2, 1fr); }
}
@media (min-width:901px) {
  .hero-desc-line { white-space:nowrap; }
}
/* Mobil: kartlar tek sütun */
@media (max-width:600px) {
  .modules-grid { grid-template-columns:1fr; }
  .hero-h1    { font-size: clamp(2rem, 4vw, 4.8rem); }
  .hero-stats { gap:1rem; }
  .hero-cards { grid-template-columns:1fr; }
}

/* Telefon görünümü: hero, terminal ve Keşfet aynı anda erişilebilir kalır. */
@media (max-width: 700px) {
  html,
  body {
    height: auto !important;
    min-height: 100%;
    overflow-y: auto !important;
  }

  .hero-section {
    height: auto;
    min-height: 100svh;
    justify-content: flex-start;
    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
    overflow: visible;
  }

  .hero-inner {
    width: min(100%, 100vw);
    padding: .9rem 1rem 7.2rem;
    gap: .85rem;
    align-items: stretch;
  }

  .hero-badge {
    margin-bottom: .55rem;
    padding: 5px 11px;
    letter-spacing: 1.5px;
  }

  .hero-h1 {
    font-size: clamp(2rem, 8vw, 2.55rem) !important;
    line-height: 1.05;
    margin-bottom: .75rem;
  }

  .hero-desc {
    max-width: 100%;
    font-size: .92rem;
    line-height: 1.55;
    margin-bottom: .8rem;
  }

  .hero-desc-line {
    min-height: 0;
  }

  .hero-actions {
    gap: .55rem;
    margin-bottom: .85rem;
  }

  .hero-cta,
  .hero-cta-outline {
    min-height: 38px;
    padding: .55rem .8rem;
    font-size: .78rem;
    border-radius: 8px;
  }

  .hero-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
    align-items: start;
  }

  .hero-stat-sep {
    display: none;
  }

  .hero-stat-val {
    font-size: 1rem;
  }

  .hero-stat-lbl {
    font-size: .56rem;
    line-height: 1.25;
    letter-spacing: .08em;
  }

  .hero-right {
    padding: 0;
    gap: .6rem;
  }

  .hero-terminal {
    left: 0;
    width: 100%;
    max-height: 232px;
    border-radius: 12px !important;
  }

  .terminal-bar {
    padding: .42rem .7rem;
  }

  .terminal-title {
    font-size: .56rem;
  }

  .terminal-body {
    min-height: 148px;
    max-height: 184px;
    padding: .55rem .65rem;
    font-size: .62rem !important;
    line-height: 1.45 !important;
  }

  .tl,
  .terminal-body .tl {
    margin-bottom: 2px;
  }

  .tl-name {
    min-width: 0;
    margin-right: .35rem;
  }

  .tl-tag {
    display: inline-block;
  }

  .scroll-down-btn {
    position: fixed;
    bottom: calc(42px + env(safe-area-inset-bottom, 0px));
    z-index: 10000;
    color: var(--accent);
  }

  .scroll-down-label {
    font-size: .52rem;
  }

  .scroll-mouse {
    width: 20px;
    height: 31px;
  }
}

@media (max-width: 390px) {
  .hero-inner {
    padding-top: .65rem;
  }

  .hero-h1 {
    font-size: clamp(1.8rem, 7.6vw, 2.22rem) !important;
  }

  .hero-terminal {
    max-height: 210px;
  }

  .terminal-body {
    min-height: 132px;
    max-height: 160px;
  }
}

@media (max-height: 720px) and (max-width: 700px) {
  .hero-inner {
    padding-bottom: 6.4rem;
  }

  .hero-terminal {
    max-height: 194px;
  }

  .terminal-body {
    min-height: 118px;
    max-height: 144px;
  }
}

/* ── TERMİNAL RENKLERİ & AÇIK TEMA UYUMU ── */
.hero-terminal {
  background: #12151f !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
.terminal-bar { background: #1e2232 !important; }
.terminal-title { color: #8b9bb4 !important; }
.terminal-body { background: #12151f !important; color: #cdd5e0 !important; }
.terminal-body * { background: transparent !important; }
.terminal-body .tl-p  { color: #00d4ff !important; }
.terminal-body .tl-ok { color: #10b981 !important; }
.terminal-body .tl-warn { color: #f59e0b !important; }
.terminal-body .tl-muted { color: #556070 !important; }
.terminal-body .t-cursor { background: #00d4ff !important; color: transparent !important; }

[data-theme="cream"] .hero-terminal,
[data-theme="corporate"] .hero-terminal { background: #1a1e2e !important; }
[data-theme="cream"] .terminal-bar,
[data-theme="corporate"] .terminal-bar { background: #222842 !important; }
[data-theme="cream"] .terminal-body,
[data-theme="corporate"] .terminal-body { background: #1a1e2e !important; }

/* Açık tema — hero metin renkleri */
[data-theme="cream"] .hero-h1,
[data-theme="cream"] .h1-plain  { color: #1a1008 !important; }
[data-theme="cream"] .h1-glow   { color: #c04810 !important; }
[data-theme="cream"] .hero-desc { color: #3a2810 !important; }
[data-theme="cream"] .hero-badge { color: #5a3010 !important; background: rgba(208,80,16,.1) !important; border-color: rgba(208,80,16,.3) !important; }
[data-theme="cream"] .hero-badge-dot { background: #d05010 !important; }
[data-theme="cream"] .hero-stat-val { color: #d05010 !important; }
[data-theme="cream"] .hero-stat-lbl { color: #6a5040 !important; }
[data-theme="cream"] .hero-stat-sep { background: rgba(208,80,16,.25) !important; }

[data-theme="corporate"] .hero-h1,
[data-theme="corporate"] .h1-plain  { color: #0d1a2e !important; }
[data-theme="corporate"] .h1-glow   { color: #2563eb !important; }
[data-theme="corporate"] .hero-desc { color: #1e3a5a !important; }
[data-theme="corporate"] .hero-badge { color: #1e3a5a !important; background: rgba(37,99,235,.1) !important; border-color: rgba(37,99,235,.3) !important; }
[data-theme="corporate"] .hero-badge-dot { background: #2563eb !important; }
[data-theme="corporate"] .hero-stat-val { color: #2563eb !important; }
[data-theme="corporate"] .hero-stat-lbl { color: #3a5070 !important; }
[data-theme="corporate"] .hero-stat-sep { background: rgba(37,99,235,.25) !important; }

/* Ticker yazı boyutu override */
.ticker-item {
  font-size: clamp(.72rem, .85vw, .95rem) !important;
}
.tbadge {
  font-size: clamp(.62rem, .72vw, .8rem) !important;
}

/* ── SCROLL DOWN BUTONU ── */
.scroll-down-btn {
  position: absolute;
  bottom: clamp(50px, 6vh, 80px);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 8px;
  color: var(--text3);
  transition: color .2s;
  z-index: 10;
}
.scroll-down-btn:hover { color: var(--accent); }
.scroll-down-btn:hover .scroll-mouse { border-color: var(--accent); }

.scroll-down-label {
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  order: -1;
}

.scroll-mouse {
  width: 22px;
  height: 36px;
  border: 2px solid var(--border2, rgba(255,255,255,.13));
  border-radius: 11px;
  display: flex;
  justify-content: center;
  padding-top: 5px;
  transition: border-color .2s;
}

.scroll-wheel {
  width: 3px;
  height: 6px;
  background: var(--accent, #00d4ff);
  border-radius: 2px;
  animation: whl 1.8s ease-in-out infinite;
}

@keyframes whl {
  0%   { transform: translateY(0); opacity: 1; }
  55%  { transform: translateY(9px); opacity: 0; }
  56%  { transform: translateY(0); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

.scroll-chevrons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.scroll-chevrons span {
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  animation: chv 1.8s ease-in-out infinite;
}
.scroll-chevrons span:nth-child(1) { animation-delay: 0s; }
.scroll-chevrons span:nth-child(2) { animation-delay: .2s; }

@keyframes chv {
  0%, 55%, 100% { opacity: .2; }
  25% { opacity: .9; }
}

/* Scroll sonrası buton gizlenir */
html.icerik-acik .scroll-down-btn,
body.icerik-acik .scroll-down-btn {
  display: none !important;
  pointer-events: none !important;
}

body:not(.icerik-acik) .main-wrap {
  display: none !important;
}

/* ── MAIN-WRAP (scroll sonrası görünür) ── */
.main-wrap {
  padding: clamp(1.5rem, 3vw, 3rem) clamp(2rem, 5vw, 6rem);
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

/* ── FOOTER SIMPLE ── */
.footer-simple {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .8rem;
  padding: 2rem 1rem;
}
.footer-brand {
  display: flex;
  align-items: center;
  gap: clamp(6px, .8vw, 12px);
  text-decoration: none;
}
.footer-logo-img {
  height: clamp(32px, 4vw, 48px);
  width: auto;
}
.footer-brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  gap: 2px;
}
.footer-brand-ad {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: clamp(.8rem, .95vw, 1.05rem);
  letter-spacing: .03em;
  background: linear-gradient(90deg, #2c1654 0%, #6b21a8 20%, #c0392b 55%, #e05a8a 80%, #f4a0b0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.footer-brand-slogan {
  font-family: 'Inter', sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: clamp(.5rem, .6vw, .68rem);
  color: var(--text3, #888);
}
.footer-simple .footer-copy {
  font-size: clamp(.65rem, .75vw, .82rem);
  color: var(--text3, #888);
  text-align: center;
}

@media (max-width: 700px) {
  .scroll-down-btn {
    position: fixed !important;
    bottom: calc(42px + env(safe-area-inset-bottom, 0px)) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10000 !important;
  }
}

/* Mobil ana sayfa kesin düzeltme: telefon tarayıcı çubukları ve ticker üstünde çalışır. */
@media (max-width: 700px) {
  html,
  body {
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }

  body.icerik-acik {
    height: auto !important;
    overflow-y: auto !important;
  }

  html.icerik-acik {
    height: auto !important;
    overflow-y: auto !important;
  }

  .hero-section {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    padding-bottom: 118px !important;
  }

  .hero-inner {
    width: 100% !important;
    padding: .65rem 1rem 2.2rem !important;
    gap: .65rem !important;
    align-items: stretch !important;
  }

  .hero-left,
  .hero-right {
    width: 100% !important;
    padding: 0 !important;
    min-width: 0 !important;
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .hero-badge,
  .hero-h1,
  .hero-desc,
  .hero-actions,
  .hero-stats {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .hero-badge {
    margin-bottom: .45rem !important;
    font-size: .72rem !important;
  }

  .hero-h1 {
    font-size: clamp(2.15rem, 9.2vw, 2.9rem) !important;
    line-height: 1.03 !important;
    margin-bottom: .7rem !important;
  }

  .hero-desc {
    font-size: .98rem !important;
    line-height: 1.52 !important;
    margin-bottom: .75rem !important;
  }

  .hero-desc-arrow {
    margin-inline: .28rem !important;
  }

  .hero-actions {
    margin-bottom: .62rem !important;
  }

  .hero-cta,
  .hero-cta-outline {
    min-height: 38px !important;
    padding: .54rem .82rem !important;
    font-size: .8rem !important;
  }

  .hero-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .32rem !important;
    margin-bottom: .12rem !important;
  }

  .hero-stat {
    min-width: 0 !important;
  }

  .hero-stat-val {
    font-size: 1.08rem !important;
    word-break: break-word !important;
  }

  .hero-stat-lbl {
    font-size: .56rem !important;
    line-height: 1.18 !important;
    letter-spacing: .06em !important;
    overflow-wrap: anywhere !important;
  }

  .hero-terminal {
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    max-height: 260px !important;
    margin-top: .25rem !important;
    border-radius: 10px !important;
    align-self: stretch !important;
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .terminal-bar {
    min-height: 28px !important;
    padding: .34rem .56rem !important;
  }

  .terminal-dot {
    width: 8px !important;
    height: 8px !important;
  }

  .terminal-title {
    font-size: .5rem !important;
  }

  .terminal-body,
  #termBody {
    height: 222px !important;
    min-height: 222px !important;
    max-height: 222px !important;
    padding: .56rem .68rem !important;
    font-size: .62rem !important;
    line-height: 1.42 !important;
    overflow: hidden !important;
    scrollbar-width: none !important;
  }

  .terminal-body::-webkit-scrollbar,
  #termBody::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
  }

  .terminal-body::-webkit-scrollbar-thumb,
  #termBody::-webkit-scrollbar-thumb {
    background: rgba(var(--primary-rgb), .55) !important;
    border-radius: 999px !important;
  }

  .tl,
  .terminal-body .tl {
    margin-bottom: 1px !important;
  }

  .tl-name {
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    vertical-align: baseline !important;
  }

  .tl-tag {
    font-size: .95em !important;
  }

  .terminal-body .tl-course-row,
  #termBody .tl-course-row {
    display: grid !important;
    grid-template-columns: minmax(94px, 1fr) auto minmax(74px, auto) !important;
    align-items: baseline !important;
    column-gap: .35rem !important;
    width: 100% !important;
    white-space: nowrap !important;
  }

  .terminal-body .tl-course-row .tl-name,
  #termBody .tl-course-row .tl-name {
    color: #00d4ff !important;
    font-weight: 800 !important;
  }

  .terminal-body .tl-course-row .tl-arrow,
  #termBody .tl-course-row .tl-arrow {
    color: #fb923c !important;
    font-size: .92em !important;
    letter-spacing: .02em !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  .terminal-body .tl-course-row .tl-tag,
  #termBody .tl-course-row .tl-tag {
    justify-self: end !important;
    text-align: right !important;
    white-space: nowrap !important;
    font-weight: 900 !important;
  }

  .scroll-down-btn {
    bottom: calc(44px + env(safe-area-inset-bottom, 0px)) !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: .48rem .9rem !important;
    gap: .35rem !important;
    border: 1px solid rgba(255,255,255,.42) !important;
    border-radius: 999px !important;
    background:
      linear-gradient(135deg, rgba(8, 13, 28, .96), rgba(24, 30, 50, .96)) padding-box,
      linear-gradient(135deg, #00d4ff, #ff6b35, #10b981) border-box !important;
    background-size: 100% 100%, 240% 240% !important;
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.6) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.34), 0 0 0 2px rgba(255,255,255,.12) !important;
    backdrop-filter: blur(14px) !important;
    animation: discoverShift 4.8s ease-in-out infinite !important;
  }

  .scroll-down-btn::after {
    content: "↓";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 999px;
    background: #fff;
    color: #111827;
    font-size: .9rem;
    font-weight: 900;
    line-height: 1;
  }

  .scroll-down-label {
    order: 0 !important;
    font-size: .62rem !important;
    letter-spacing: .1em !important;
    color: #fff !important;
  }

  .scroll-mouse,
  .scroll-chevrons {
    display: none !important;
  }

  .ticker-wrap {
    height: 34px !important;
  }

  .ticker-label,
  .ticker-all {
    padding-inline: 10px !important;
    font-size: .54rem !important;
  }

  body.icerik-acik .main-wrap {
    display: block !important;
    padding: 1.25rem 1rem 5.5rem !important;
    min-height: auto !important;
  }

  body.icerik-acik .section {
    width: 100% !important;
    padding-inline: 0 !important;
  }

  body.icerik-acik .modules-grid {
    grid-template-columns: minmax(0, min(100%, 360px)) !important;
    justify-content: center !important;
    justify-items: center !important;
    gap: .85rem !important;
  }

  body.icerik-acik .mod-card {
    width: min(100%, 360px) !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 380px), (max-height: 720px) and (max-width: 700px) {
  .hero-terminal {
    max-height: 220px !important;
  }

  .terminal-body,
  #termBody {
    height: 182px !important;
    min-height: 182px !important;
    max-height: 182px !important;
    font-size: .58rem !important;
    overflow: hidden !important;
    scrollbar-width: none !important;
  }
}

@media (max-width: 700px) {
  .terminal-body,
  #termBody {
    overflow: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  .terminal-body::-webkit-scrollbar,
  #termBody::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
}

@media (max-width: 768px) {
  .mobile-menu-float {
    position: fixed !important;
    top: 1rem !important;
    right: .9rem !important;
    z-index: 30000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid rgba(0,0,0,.28) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.82) !important;
    color: #1a1008 !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(12px) !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
    cursor: pointer !important;
  }

  #menuToggle {
    position: fixed !important;
    top: 1rem !important;
    right: .9rem !important;
    z-index: 20000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid rgba(0,0,0,.28) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.78) !important;
    color: #1a1008 !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(12px) !important;
  }

  #menuToggle i {
    display: none !important;
  }

  #menuToggle::before {
    content: "☰" !important;
    display: block !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
    color: currentColor !important;
  }
}

@media (min-width: 769px) {
  .mobile-menu-float {
    display: none !important;
  }
}

/* iPad / orta tablet: hero yukarida, terminal tasmasiz, Kesfet gorunur. */
@media (min-width: 701px) and (max-width: 900px) {
  html,
  body {
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }

  body.icerik-acik,
  html.icerik-acik {
    height: auto !important;
    overflow-y: auto !important;
  }

  .hero-section {
    height: calc(100svh - clamp(56px, 4.5vw, 78px)) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    justify-content: flex-start !important;
    padding-bottom: 0 !important;
  }

  .hero-inner {
    width: 100% !important;
    height: calc(100svh - clamp(56px, 4.5vw, 78px) - 34px) !important;
    min-height: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: .65rem !important;
    padding: .75rem clamp(1rem, 3vw, 1.75rem) 3.9rem !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .hero-left,
  .hero-right {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  .hero-right {
    display: flex !important;
    justify-content: center !important;
  }

  .hero-badge {
    margin-bottom: .35rem !important;
  }

  .hero-h1 {
    font-size: clamp(2rem, 5.4vw, 3rem) !important;
    line-height: 1.03 !important;
    margin-bottom: .48rem !important;
  }

  .hero-desc {
    max-width: 100% !important;
    font-size: clamp(.86rem, 1.85vw, 1rem) !important;
    line-height: 1.42 !important;
    margin-bottom: .5rem !important;
  }

  .hero-actions {
    margin-bottom: .48rem !important;
  }

  .hero-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .45rem !important;
    margin-bottom: 0 !important;
  }

  .hero-stat-sep {
    display: none !important;
  }

  .hero-terminal {
    left: 0 !important;
    width: 100% !important;
    max-width: 720px !important;
    max-height: 272px !important;
    margin: 0 auto !important;
    align-self: center !important;
    overflow: hidden !important;
  }

  .terminal-body,
  #termBody {
    height: 226px !important;
    min-height: 226px !important;
    max-height: 226px !important;
    width: 100% !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    font-size: clamp(.62rem, 1.2vw, .76rem) !important;
    line-height: 1.38 !important;
    padding: .62rem .78rem !important;
  }

  .terminal-body .tl,
  #termBody .tl {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .terminal-body .tl-course-row,
  #termBody .tl-course-row {
    grid-template-columns: minmax(0, 1fr) auto minmax(68px, max-content) !important;
    column-gap: .32rem !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .terminal-body .tl-course-row .tl-name,
  #termBody .tl-course-row .tl-name {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .terminal-body .tl-course-row .tl-arrow,
  #termBody .tl-course-row .tl-arrow {
    padding: 0 !important;
    letter-spacing: 0 !important;
  }

  .terminal-body .tl-course-row .tl-tag,
  #termBody .tl-course-row .tl-tag {
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  .scroll-down-btn {
    position: fixed !important;
    left: 50% !important;
    bottom: calc(44px + env(safe-area-inset-bottom, 0px)) !important;
    transform: translateX(-50%) !important;
    z-index: 10000 !important;
    display: inline-flex !important;
  }
}

@media (min-width: 701px) and (max-width: 900px) and (max-height: 780px) {
  .hero-badge,
  .hero-stats {
    display: none !important;
  }

  .hero-inner {
    gap: .5rem !important;
    padding-top: .55rem !important;
    padding-bottom: 3.6rem !important;
  }

  .hero-h1 {
    font-size: clamp(1.8rem, 4.8vw, 2.55rem) !important;
    margin-bottom: .34rem !important;
  }

  .hero-desc {
    font-size: clamp(.76rem, 1.55vw, .9rem) !important;
    line-height: 1.34 !important;
    margin-bottom: .36rem !important;
  }

  .hero-actions {
    margin-bottom: .32rem !important;
  }

  .hero-terminal {
    max-height: 294px !important;
  }

  .terminal-body,
  #termBody {
    height: 248px !important;
    min-height: 248px !important;
    max-height: 248px !important;
    line-height: 1.34 !important;
  }
}

/* iPad Pro 10.5 yatay: 1112 x 834 CSS px civari. */
@media (min-width: 901px) and (max-width: 1180px) and (min-height: 760px) and (max-height: 900px) {
  html,
  body {
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
  }

  body.icerik-acik,
  html.icerik-acik {
    height: auto !important;
    overflow-y: auto !important;
  }

  .hero-section {
    height: calc(100svh - clamp(56px, 4.5vw, 78px)) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    justify-content: flex-start !important;
  }

  .hero-inner {
    width: min(96vw, 1120px) !important;
    height: calc(100svh - clamp(56px, 4.5vw, 78px) - 34px) !important;
    min-height: 0 !important;
    align-items: center !important;
    gap: clamp(1rem, 2vw, 1.8rem) !important;
    padding: .8rem 1.4rem 3.7rem !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .hero-left,
  .hero-right {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  .hero-right {
    display: flex !important;
    justify-content: center !important;
  }

  .hero-badge {
    margin-bottom: .35rem !important;
  }

  .hero-h1 {
    font-size: clamp(2rem, 3.8vw, 3.05rem) !important;
    line-height: 1.03 !important;
    margin-bottom: .46rem !important;
  }

  .hero-desc {
    max-width: 100% !important;
    font-size: clamp(.82rem, 1.1vw, .98rem) !important;
    line-height: 1.42 !important;
    margin-bottom: .5rem !important;
  }

  .hero-actions {
    margin-bottom: .45rem !important;
  }

  .hero-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .45rem !important;
    margin-bottom: 0 !important;
  }

  .hero-stat-sep {
    display: none !important;
  }

  .hero-terminal {
    left: 0 !important;
    width: 100% !important;
    max-width: 590px !important;
    max-height: 328px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
  }

  .terminal-body,
  #termBody {
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
    width: 100% !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    font-size: clamp(.58rem, .85vw, .74rem) !important;
    line-height: 1.42 !important;
    padding: .62rem .78rem !important;
  }

  .terminal-body .tl,
  #termBody .tl {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .terminal-body .tl-course-row,
  #termBody .tl-course-row {
    grid-template-columns: minmax(0, 1fr) auto minmax(68px, max-content) !important;
    column-gap: .32rem !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .terminal-body .tl-course-row .tl-name,
  #termBody .tl-course-row .tl-name {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .terminal-body .tl-course-row .tl-arrow,
  #termBody .tl-course-row .tl-arrow {
    padding: 0 !important;
    letter-spacing: 0 !important;
  }

  .terminal-body .tl-course-row .tl-tag,
  #termBody .tl-course-row .tl-tag {
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  .scroll-down-btn {
    position: fixed !important;
    left: 50% !important;
    bottom: calc(44px + env(safe-area-inset-bottom, 0px)) !important;
    transform: translateX(-50%) !important;
    z-index: 10000 !important;
    display: inline-flex !important;
  }
}