/* Bricolage Grotesque (başlık) ve Outfit (metin) · Türkçe alt küme, değişken kalınlık (SIL OFL 1.1 — vendor/yazi/LISANS-OFL.txt) */
@font-face{font-family:'Bricolage';font-style:normal;font-weight:500 800;font-display:swap;src:url('/vendor/yazi/bricolage-tr.woff2') format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:100 900;font-display:swap;src:url('/vendor/yazi/outfit-tr.woff2') format('woff2')}

/* =====================================================================
   ÖĞRENMENİN GELECEĞİNİ TASARLA! · stil sistemi (v71, "Artırılmış Sınıf")
   Beyaz zemin, canlı mavi, güneş sarısı vurgu, tek koyu bölüm (kapanış).
   Biçim dili artırılmış gerçeklik vizöründen gelir: köşe işaretleri, tarama çizgisi,
   fotoğraf üstü işaretler, imlece tepki veren nokta ızgarası, tek aralıklı rakamlar.
   İmza an: açılışta kendini kuran canlı afiş. Hareket yalnız transform, opacity ve
   tek seferlik clip-path ile yapılır; son hâl her zaman DOM'dadır.
   Eski değişken adları (--orman, --violet...) alt sayfalar ve yönetim paneli için korunur.
   ===================================================================== */

/* ---------- 1. değişkenler ---------- */
:root {
  --mavi: #1F5AE8; --mavi-koyu: #1743B8; --isik: #2BD4F5; --gunes: #F4C95D; --murekkep: #0B1B3F; --buz: #EEF3FF; --cizgi: #C9D6F5; --mercan: #B3360F;
  /* eski adlar, yeni değerler */
  --orman: var(--mavi); --orman-koyu: var(--mavi-koyu); --canli: #5AA9FF; --turkuaz: #22B8E0; --gece: var(--murekkep); --krem: #F7F5ED;
  --bg: #FFFFFF; --bg2: #FFFFFF; --bg3: #E4ECFD; --kagit: var(--buz);
  --card: #FFFFFF; --yuzey: rgba(11, 27, 63, .04); --yuzey2: rgba(11, 27, 63, .08);
  --line: rgba(11, 27, 63, .12); --line2: rgba(11, 27, 63, .24);
  --text: #0B1B3F; --navy: #0B1B3F; --mist: #36466A; --muted: #56658A;
  --violet: #1F5AE8; --violet-koyu: #1F5AE8; --cyan: #22B8E0; --lime: #5AA9FF; --lime-koyu: #1743B8; --amber: #D9A21B;
  --danger: #C23B2E; --vurgu: #1F5AE8;
  --grad: #1F5AE8; --grad-yazi: linear-gradient(#1F5AE8, #1F5AE8); --grad-bant: #1F5AE8;
  /* biçim */
  --display: "Bricolage", "Outfit", system-ui, sans-serif;
  --govde: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;
  --r: 16px; --r-kucuk: 12px;
  --golge: 0 1px 2px rgba(11, 27, 63, .05);
  --golge-buyuk: 0 1px 2px rgba(11, 27, 63, .06), 0 24px 48px -28px rgba(11, 27, 63, .3);
  --ease: cubic-bezier(.2, .7, .2, 1); --ease-out: cubic-bezier(.16, 1, .3, 1); --egri-sil: cubic-bezier(.65, 0, .35, 1);
  --kap: min(1240px, calc(100vw - 40px));
  --bolum-bosluk: clamp(80px, 10vw, 144px);
}

/* ---------- 2. temel ---------- */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; scroll-padding-top: 96px; overflow-x: clip; caret-color: var(--orman); }
body { margin: 0; font-family: var(--govde); font-size: 1.0625rem; background: var(--bg); color: var(--text); line-height: 1.6; overflow-x: clip; -webkit-font-smoothing: antialiased; }
::selection { background: var(--gunes); color: var(--gece); }
a { color: var(--orman); text-underline-offset: 3px; }
img { max-width: 100%; }
h1, h2, h3, h4 { font-family: var(--display); line-height: 1.04; letter-spacing: -.02em; text-wrap: balance; color: var(--text); }
h2 { font-size: clamp(2.1rem, 4.2vw, 3.6rem); margin: 0 0 18px; font-weight: 800; letter-spacing: -.03em; }
/* eski vurgu işaretleri (h2 em, .parla) artık renk vermez: başlık tek renktir */
h2 em, .parla, h2 em .kw > span { font-style: normal; color: inherit; background: none; -webkit-text-fill-color: currentColor; }
h3 { font-size: 1.3rem; margin: 0 0 8px; font-weight: 700; letter-spacing: -.01em; }
p { margin: 0 0 12px; text-wrap: pretty; }
.wrap { width: var(--kap); margin-inline: auto; }
.not { color: var(--muted); font-size: .92rem; }
.ac { color: var(--mist); max-width: 60ch; font-size: 1.15rem; line-height: 1.6; margin: 0 0 22px; }
.ac b { color: var(--text); }
.gizli { display: none !important; }
.gizli-okur { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.skip { position: absolute; left: -999px; } .skip:focus { left: 12px; top: 12px; background: #fff; color: #000; padding: 8px; z-index: 99; }
.ikon { width: 20px; height: 20px; flex: none; }
:focus-visible { outline: 3px solid var(--turkuaz); outline-offset: 3px; border-radius: 6px; }
.giris { opacity: 0; animation: gir .7s var(--ease) var(--d, 0s) forwards; }
@keyframes gir { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes don { to { transform: rotate(360deg); } }

/* küçük bölüm adı: sade, cümle düzeninde */
.etiket { display: inline-block; font-family: var(--govde); font-weight: 600; font-size: .95rem; color: var(--orman); margin-bottom: 10px; }

/* ---------- 3. yüzeyler ---------- */
.kart, fieldset, .galeri .is, .basari, .icindekiler, .form-adim, .takip-yardim, details.sss, .kunye > div, .kurum-bandi, .indirmeler, .kontrol, .icerik, .sinir-serit li, .geri-sayim div {
  background: var(--card); border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--golge);
}
.kart { padding: 28px; }

/* ---------- 4. düğmeler ---------- */
.btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; background: var(--orman); color: #fff; font-weight: 600; padding: 13px 24px; border-radius: 12px; text-decoration: none; border: 1px solid var(--orman); font-size: 1.02rem; cursor: pointer; font-family: inherit; box-shadow: none; transition: transform .16s var(--ease-out), background .2s, border-color .2s; }
.btn:active { transform: scale(.97); }
.btn .ikon { display: none; }
.btn.ikincil { background: #fff; color: var(--gece); border: 1px solid var(--line2); }
.btn.kucuk { min-height: 42px; padding: 9px 18px; font-size: .95rem; border-radius: 10px; }
.btn[disabled] { opacity: .5; cursor: not-allowed; }
.btn[aria-busy="true"], .btn.yukleniyor { color: transparent !important; pointer-events: none; }
.btn[aria-busy="true"]::after, .btn.yukleniyor::after { display: none; }
.btn[aria-busy="true"]::before, .btn.yukleniyor::before { content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border: 2.5px solid rgba(255, 255, 255, .35); border-top-color: #fff; border-radius: 50%; animation: don .7s linear infinite; }
.btn.ikincil[aria-busy="true"]::before { border-color: rgba(23, 42, 70, .2); border-top-color: var(--gece); }
@media (hover: hover) and (pointer: fine) {
  .btn:hover { background: var(--orman-koyu); border-color: var(--orman-koyu); }
  .btn.ikincil:hover { background: var(--kagit); border-color: var(--gece); }
}
/* arama gibi yalnız simgeli düğmelerde simge görünür kalır */
.btn.simgeli .ikon { display: inline-block; }
.satir { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }

/* ---------- 5. üst şerit, menü, ilerleme ---------- */
.ust-serit { background: var(--grad-bant); color: #fff; font-size: .9rem; font-weight: 500; }
.ust-serit .wrap { display: flex; justify-content: center; align-items: center; gap: 16px; padding: 8px 0; flex-wrap: wrap; text-align: center; }
.ust-serit a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; display: inline-flex; align-items: center; gap: 6px; }
.ust-serit a .ikon { width: 16px; height: 16px; }
header.top { position: sticky; top: 0; z-index: 60; border-bottom: 1px solid transparent; transition: background .3s, border-color .3s, transform .4s var(--ease-out); }
header.top .ic { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 0; transition: padding .3s var(--ease); }
header.top.kaydi { background: rgba(255, 255, 255, .9); backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%); border-bottom-color: var(--line); }
header.top.kaydi .ic { padding: 10px 0; }
header.top.saklan { transform: translateY(-105%); }
.marka { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--text); }
.marka img { height: 40px; width: auto; }
.marka b { display: block; font-family: var(--display); font-weight: 800; line-height: 1.1; font-size: 1rem; letter-spacing: -.01em; }
.marka small { display: block; color: var(--muted); font-size: .78rem; }
nav.menu { display: flex; gap: 2px; align-items: center; }
nav.menu a { position: relative; color: var(--mist); text-decoration: none; padding: 9px 14px; border-radius: 10px; font-size: .95rem; font-weight: 500; transition: color .2s, background .2s; }
nav.menu a:hover { color: var(--text); }
nav.menu a.aktif { color: var(--text); }
@media (min-width: 1021px) { nav.menu { position: relative; } }
.menu-ciz { position: absolute; left: 0; bottom: 2px; height: 2px; width: 0; border-radius: 2px; background: var(--grad-yazi); opacity: 0; pointer-events: none; }
.ust-sag { display: flex; align-items: center; gap: 10px; }
.menu-dugme { display: none; width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--line2); background: #fff; cursor: pointer; position: relative; }
.menu-dugme span, .menu-dugme span::before, .menu-dugme span::after { position: absolute; left: 12px; right: 12px; height: 2px; border-radius: 2px; background: var(--navy); transition: transform .3s var(--ease), opacity .2s; content: ""; }
.menu-dugme span { top: 21px; } .menu-dugme span::before { left: 0; right: 0; top: -6px; } .menu-dugme span::after { left: 0; right: 0; top: 6px; }
.menu-dugme[aria-expanded="true"] span { background: transparent; }
.menu-dugme[aria-expanded="true"] span::before { transform: translateY(6px) rotate(45deg); }
.menu-dugme[aria-expanded="true"] span::after { transform: translateY(-6px) rotate(-45deg); }
.ilerleme { position: fixed; inset: 0 0 auto 0; height: 3px; z-index: 90; background: var(--grad-yazi); transform-origin: 0 50%; transform: scaleX(0); pointer-events: none; }
.duyuru { display: flex; gap: 12px; align-items: center; background: #FFF6E6; border: 1px solid rgba(232, 150, 30, .45); border-radius: 14px; padding: 12px 18px; margin: 12px 0; font-weight: 500; }
.duyuru::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--amber); flex: none; }

/* ---------- 6. ana sayfa ---------- */
/* ortak bölüm düzeni (alt sayfalarda da kullanılır) */
.bolum { position: relative; padding: var(--bolum-bosluk) 0; }
.bolum-bas { max-width: 720px; margin-bottom: clamp(36px, 5vw, 56px); }
.bolum-bas .ac { margin-bottom: 0; }
.kw { display: inline-block; overflow: hidden; vertical-align: bottom; padding-top: .18em; margin-top: -.18em; padding-bottom: .08em; margin-bottom: -.08em; }
.kw > span { display: inline-block; }
picture.sayfa-gorsel { display: block; overflow: hidden; background: var(--bg3); }
picture.sayfa-gorsel img { width: 100%; height: auto; display: block; }
.kurum { display: inline-flex; align-items: center; gap: 12px; }
.kurum img { height: 44px; width: auto; background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 5px; }
.kurum b { font-size: .92rem; line-height: 1.2; }
.kurum small { display: block; font-weight: 500; font-size: .76rem; color: var(--muted); margin-top: 2px; max-width: 28ch; }

/* ---------- 6. artırılmış gerçeklik dili (tüm sayfalarda) ---------- */
/* köşe işaretleri: öğe vizöre alınmış gibi görünür */
.ar { position: relative; display: block; margin: 0; --c: var(--mavi); --u: 22px; --k: 2px; }
.ar::before { content: ""; position: absolute; inset: -10px; z-index: 3; pointer-events: none; background-repeat: no-repeat;
  background-image: linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c));
  background-size: var(--u) var(--k), var(--k) var(--u), var(--u) var(--k), var(--k) var(--u), var(--u) var(--k), var(--k) var(--u), var(--u) var(--k), var(--k) var(--u);
  background-position: 0 0, 0 0, 100% 0, 100% 0, 0 100%, 0 100%, 100% 100%, 100% 100%; }
.ar-koyu { --c: var(--isik); }
.ar > picture { position: relative; display: block; overflow: hidden; border-radius: 14px; background: var(--bg3); }
.ar > picture img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ar-etiket { position: absolute; left: -10px; top: -36px; z-index: 3; display: inline-flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: .78rem; color: var(--mavi); }
.ar-etiket::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--mavi); animation: yanson 1.6s steps(2, jump-none) infinite; }
.ar-koyu .ar-etiket { color: var(--isik); } .ar-koyu .ar-etiket::before { background: var(--isik); }
@keyframes yanson { 50% { opacity: .25; } }
/* fotoğraf üstü işaret: nabız atan nokta ve etiketi */
.isaret { position: absolute; left: var(--x); top: var(--y); z-index: 2; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; background: var(--gunes); box-shadow: 0 0 0 3px rgba(11, 27, 63, .55); }
.isaret::before { content: ""; position: absolute; inset: -3px; border-radius: 50%; border: 2px solid var(--gunes); animation: nabiz 2.4s var(--ease-out) infinite; }
.isaret b { position: absolute; left: 24px; top: 50%; translate: 0 -50%; white-space: nowrap; font-size: .82rem; font-weight: 600; color: #fff; background: rgba(11, 27, 63, .88); padding: 5px 11px; border-radius: 8px; }
.isaret.sol b { left: auto; right: 24px; }
@keyframes nabiz { from { transform: scale(1); opacity: .9; } to { transform: scale(3.2); opacity: 0; } }
/* görünüme girince: çerçeve kilitlenir, fotoğraf taranarak açılır, işaretler belirir (yalnız betik çalışıyorsa gizli başlar) */
@media (prefers-reduced-motion: no-preference) {
  .gh [data-gor].ar::before, .gh [data-gor] .ar::before { opacity: 0; transform: scale(1.07); transition: opacity .5s var(--ease-out) .15s, transform .7s var(--ease-out) .15s; }
  .gh [data-gor].ar > picture, .gh [data-gor] .ar > picture { clip-path: inset(0 0 100% 0); transition: clip-path .8s var(--egri-sil); }
  .gh [data-gor] .isaret { opacity: 0; scale: .2; transition: opacity .4s var(--ease-out), scale .5s var(--ease-out); transition-delay: calc(.7s + var(--n, 0) * .16s); }
  .gh [data-gor].gor.ar::before, .gh [data-gor].gor .ar::before { opacity: 1; transform: none; }
  .gh [data-gor].gor.ar > picture, .gh [data-gor].gor .ar > picture { clip-path: inset(0); }
  .gh [data-gor].gor .isaret { opacity: 1; scale: 1; }
  .isaret:nth-of-type(2) { --n: 1; } .isaret:nth-of-type(3) { --n: 2; }
  .tema-satir .isaret { transition-delay: calc(.9s + var(--n, 0) * .16s); }
  /* tarama çizgisi: fotoğraf açılırken bir kez geçer */
  .gh [data-gor] .ar > picture::after, .gh [data-gor].ar > picture::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 26%; pointer-events: none; opacity: 0; background: linear-gradient(to bottom, transparent, rgba(43, 212, 245, .28) 92%, #fff 92%, #fff 94%, transparent 94%); }
  .gh [data-gor].gor .ar > picture::after, .gh [data-gor].gor.ar > picture::after { animation: tara 1.1s var(--egri-sil) .05s both; }
  @keyframes tara { 0% { transform: translateY(-100%); opacity: 1; } 90% { opacity: 1; } 100% { transform: translateY(390%); opacity: 0; } }
}
/* nokta ızgarası tuvali */
.izgara { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
/* okuma çizgisi: sayfa kaydıkça üstte dolar (destekleyen tarayıcılarda) */
@supports (animation-timeline: scroll()) {
  @media (prefers-reduced-motion: no-preference) {
    body::before { content: ""; position: fixed; inset: 0 0 auto 0; height: 3px; z-index: 95; background: var(--gunes); transform-origin: 0 50%; animation: okuma linear both; animation-timeline: scroll(root); pointer-events: none; }
    @keyframes okuma { from { transform: scaleX(0); } to { transform: scaleX(1); } }
  }
}

/* ---------- 7. ana sayfa ---------- */
/* açılış */
.acilis { position: relative; isolation: isolate; padding: clamp(20px, 3vw, 44px) 0 0; }
.acilis > .izgara { -webkit-mask-image: linear-gradient(#000 55%, transparent 96%); mask-image: linear-gradient(#000 55%, transparent 96%); }
.acilis-ic { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.acilis-ust { font-weight: 600; color: var(--mavi); margin: 0 0 20px; }
.acilis h1 { font-size: clamp(3rem, 6vw, 5.9rem); font-weight: 800; line-height: .94; letter-spacing: -.045em; margin: 0 0 26px; max-width: 9.5ch; }
.sz { display: inline-block; overflow: hidden; vertical-align: bottom; padding: .08em 0 .14em; margin: -.08em 0 -.14em; }
.sz > span { display: inline-block; }
.acilis-slogan { font-family: var(--display); font-weight: 700; font-size: clamp(1.3rem, 2vw, 1.7rem); line-height: 1.2; letter-spacing: -.015em; color: var(--mavi); margin: 0 0 14px; max-width: 24ch; }
.acilis-ac { color: var(--mist); font-size: 1.15rem; max-width: 44ch; margin: 0 0 30px; }
.geri { display: flex; flex-wrap: wrap; gap: 8px; margin: 34px 0 0; }
.geri div { min-width: 78px; padding: 12px 12px 10px; border-radius: 12px; background: var(--murekkep); color: #fff; text-align: center; }
.geri b { display: block; font-family: var(--mono); font-weight: 600; font-size: 1.9rem; line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.geri span { display: block; margin-top: 6px; font-size: .78rem; color: #B9C8F2; }
.geri div:last-child b { color: var(--gunes); }
.geri.kapali { display: none; }
.acilis-sure { margin: 12px 0 0; color: var(--mist); }
.acilis-sure b { color: var(--text); font-weight: 600; }
.acilis-sayac { margin: 6px 0 0; color: var(--mist); font-weight: 500; }

/* canlı afiş */
.afis-sahne { position: relative; display: grid; justify-items: center; padding: clamp(36px, 4vw, 52px) 0 0; }
.ar-afis { width: min(100%, 372px); rotate: -2.2deg; --u: 28px; }
.ar-afis::before { inset: -16px; }
.ar-afis .ar-etiket { left: -16px; top: -42px; }
.afis { --z: #E1ECFD; --y: #1F5AE8; --i: #0B1B3F; position: relative; margin: 0; width: 100%; aspect-ratio: 1 / 1.414; display: flex; flex-direction: column; padding: 5.2% 5.2% 4.4%; background: var(--z); color: var(--y); border-radius: 4px; overflow: hidden;
  box-shadow: 0 1px 1px rgba(11, 27, 63, .08), 0 6px 12px -4px rgba(11, 27, 63, .12), 0 40px 70px -30px rgba(11, 27, 63, .5); transition: background .5s var(--ease), color .5s var(--ease); container-type: inline-size; }
.afis[data-tema="teknoloji"] { --z: #0B1B3F; --y: #FFFFFF; --i: #2BD4F5; }
.afis[data-tema="isbirligi"] { --z: #F4C95D; --y: #0B1B3F; --i: #1F5AE8; }
.afis[data-tema="doga"] { --z: #1743B8; --y: #FFFFFF; --i: #F4C95D; }
.afis-ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 3.3cqi; font-weight: 600; margin-bottom: 4.4cqi; }
.afis-ust b { background: var(--y); color: var(--z); padding: .35em .9em; border-radius: 99px; font-size: 3.1cqi; transition: background .5s, color .5s; }
.afis-foto { position: relative; aspect-ratio: 16 / 10; border-radius: 1.6cqi; overflow: hidden; background: rgba(11, 27, 63, .1); }
.afis-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.afis-taslak { position: absolute; top: 3cqi; right: 3cqi; font-size: 2.6cqi; font-weight: 700; color: #fff; background: rgba(11, 27, 63, .84); padding: .45em .9em; border-radius: 99px; }
/* slogandan tohumlanan desen: sekiz karo, her biri çeyrek daire, daire ya da halka */
.afis-desen { display: grid; grid-template-columns: repeat(8, 1fr); margin-top: 3.4cqi; }
.afis-desen i { aspect-ratio: 1; background: var(--i); border-radius: 100% 0 0 0; rotate: calc(var(--d, 0) * 90deg); transition: rotate .5s var(--ease-out), border-radius .3s, scale .3s var(--ease-out), background .5s; }
.afis-desen i.c { border-radius: 50%; scale: .62; }
.afis-desen i.y { background: var(--y); }
.afis-desen i.b { background: none; box-shadow: inset 0 0 0 1.6cqi var(--i); border-radius: 50%; scale: .78; }
.afis-slogan { --boy: 1; flex: 1; margin: 4.6cqi 0 3cqi; font-family: var(--display); font-weight: 800; font-size: calc(11.4cqi * var(--boy)); line-height: .98; letter-spacing: -.035em; text-wrap: balance; overflow-wrap: anywhere; }
.afis-alt { display: flex; justify-content: space-between; gap: 3cqi; padding-top: 3cqi; border-top: 1px solid color-mix(in srgb, var(--y) 22%, transparent); font-size: 2.55cqi; font-weight: 600; }
.afis-alt span { display: inline-flex; align-items: center; gap: 1.6cqi; }
.afis-alt img { width: 5.4cqi; height: 5.4cqi; border-radius: 50%; background: #fff; padding: .5cqi; }
/* imza an: afiş ziyaretçinin gözü önünde kurulur (fotoğraf ilk karede görünür kalır) */
@media (prefers-reduced-motion: no-preference) {
  .sz > span { animation: soz .9s var(--ease-out) both; animation-delay: var(--gecikme, 0s); }
  .sz:nth-child(2) > span { animation-delay: calc(var(--gecikme, 0s) + .09s); } .sz:nth-child(3) > span { animation-delay: calc(var(--gecikme, 0s) + .18s); }
  @keyframes soz { from { transform: translateY(105%); } }
  .ar-afis { animation: afis-gel 1s var(--ease-out) var(--gecikme, 0s) both; }
  @keyframes afis-gel { from { translate: 0 60px; rotate: -9deg; scale: .9; } }
  .ar-afis::before { animation: kilit .8s var(--ease-out) calc(var(--gecikme, 0s) + .25s) both; }
  .afis.kur .afis-foto img { animation: foto-otur 1.1s var(--ease-out) both; }
  @keyframes foto-otur { from { scale: 1.14; } }
  .afis.kur .afis-foto::after, .afis.yenile .afis-foto::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 30%; pointer-events: none; background: linear-gradient(to bottom, transparent, rgba(43, 212, 245, .32) 92%, #fff 92%, #fff 95%, transparent 95%); animation: tara 1s var(--egri-sil) .15s both; }
  .afis.kur .afis-desen i, .afis.yenile .afis-desen i { animation: karo .55s var(--ease-out) both; animation-delay: calc(var(--g, .5s) + var(--n, 0) * 45ms); }
  .afis.yenile { --g: 0s; }
  @keyframes karo { from { scale: 0; rotate: calc(var(--d, 0) * 90deg - 180deg); } }
  .afis.kur .afis-slogan { animation: sil .7s var(--egri-sil) .85s both; }
  @keyframes sil { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0); } }
  .afis.kur .afis-ust, .afis.kur .afis-alt { animation: belir .5s var(--ease-out) 1.2s both; }
  @keyframes belir { from { opacity: 0; } }
}
.afis-masa { position: relative; z-index: 4; width: min(100%, 460px); margin: -64px 0 0 clamp(0px, 8vw, 120px); padding: 14px 16px; background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--golge-buyuk); display: grid; gap: 10px; }
.afis-alan { font-weight: 600; font-size: .95rem; }
.afis-masa textarea { width: 100%; min-height: 0; height: 46px; overflow: hidden; font: inherit; font-size: 1.05rem; line-height: 1.4; color: var(--text); padding: 10px 12px; border-radius: 10px; border: 1px solid var(--line2); background: #fff; resize: none; }
.afis-masa textarea:focus { outline: none; border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(31, 90, 232, .18); }
.afis-masa fieldset { border: 0; padding: 0; margin: 0; background: none; box-shadow: none; border-radius: 0; display: flex; flex-wrap: wrap; gap: 5px; }
.afis-masa label:has(input[type=radio]) { position: relative; cursor: pointer; }
.afis-masa input[type=radio] { position: absolute; opacity: 0; width: 1px; height: 1px; }
.afis-masa label span { display: inline-flex; align-items: center; min-height: 34px; padding: 5px 10px; border-radius: 8px; border: 1px solid var(--line); font-size: .86rem; font-weight: 500; color: var(--mist); transition: background .15s, color .15s, border-color .15s; }
.afis-masa input:checked + span { background: var(--murekkep); border-color: var(--murekkep); color: #fff; }
.afis-masa input:focus-visible + span { outline: 3px solid var(--turkuaz); outline-offset: 2px; }
.afis-masa-alt { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.afis-islem { display: inline-flex; gap: 16px; flex-wrap: wrap; }
.afis-indir { position: relative; font: inherit; font-weight: 600; font-size: .92rem; color: var(--mavi); background: none; border: 0; padding: 8px 2px; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.afis-indir[aria-busy="true"] { opacity: .5; pointer-events: none; }

/* afişin çevresinde süzülen hologram etiketleri ve afişin imleçle eğilmesi */
.afis-sahne { perspective: 1100px; }
.ar-afis { transform: rotateX(var(--ex, 0deg)) rotateY(var(--ey, 0deg)); transform-style: preserve-3d; transition: transform .25s var(--ease-out); }
.holo { position: absolute; z-index: 5; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 10px; border-radius: 12px; font-size: .86rem; font-weight: 600; color: var(--murekkep); white-space: nowrap;
  background: rgba(255, 255, 255, .82); border: 1px solid rgba(43, 212, 245, .7); box-shadow: 0 0 0 4px rgba(43, 212, 245, .14), 0 14px 28px -14px rgba(11, 27, 63, .45); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transform: translateZ(50px); }
.holo .ikon { width: 22px; height: 22px; padding: 4px; border-radius: 7px; background: var(--mavi); color: #fff; box-sizing: content-box; }
.holo.h1 { left: -96px; top: 16%; } .holo.h2 { right: -132px; top: 40%; } .holo.h3 { left: -70px; top: 58%; }
.afis::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .55) 50%, transparent 60%); transform: translateX(-120%); }
@media (prefers-reduced-motion: no-preference) {
  .holo { animation: suzul 5s ease-in-out infinite alternate, holo-gel .7s var(--ease-out) both; animation-delay: 0s, calc(var(--gecikme, 0s) + 1.5s); }
  .holo.h2 { animation-duration: 6.2s, .7s; animation-delay: -2s, calc(var(--gecikme, 0s) + 1.7s); } .holo.h3 { animation-duration: 5.6s, .7s; animation-delay: -3.4s, calc(var(--gecikme, 0s) + 1.9s); }
  @keyframes suzul { from { translate: 0 -7px; } to { translate: 0 7px; } }
  @keyframes holo-gel { from { opacity: 0; scale: .6; } }
  .afis::after { animation: parilti 7s var(--egri-sil) 3.5s infinite; }
  @keyframes parilti { 0% { transform: translateX(-120%); } 18%, 100% { transform: translateX(120%); } }
}
@media (max-width: 1560px) { .holo.h2 { right: -64px; } }
@media (max-width: 1180px) { .holo.h1 { left: -40px; } .holo.h2 { right: -36px; } .holo.h3 { left: -28px; } }

/* açılış perdesi: koyu ekran, vizöre alınan başlık, tarama ışını; sonra altı şerit iki yana açılır */
.perde { display: none; }
.perde-var .perde { display: block; position: fixed; inset: 0; z-index: 200; overflow: hidden; color: #fff; animation: perde-bit .01s linear 2.75s forwards; }
.perde-serit { position: absolute; left: 0; right: 0; height: 17vh; background: var(--murekkep); animation: serit-ac .7s var(--egri-sil) 1.95s forwards; }
.perde-serit:nth-child(1) { top: 0; } .perde-serit:nth-child(2) { top: 16.6vh; animation-delay: 2s; --yon: -1; } .perde-serit:nth-child(3) { top: 33.2vh; animation-delay: 2.05s; }
.perde-serit:nth-child(4) { top: 49.8vh; animation-delay: 2s; --yon: -1; } .perde-serit:nth-child(5) { top: 66.4vh; animation-delay: 1.95s; } .perde-serit:nth-child(6) { top: 83vh; height: 18vh; animation-delay: 2.05s; --yon: -1; }
@keyframes serit-ac { to { transform: translateX(calc(var(--yon, 1) * 101%)); } }
@keyframes perde-bit { to { visibility: hidden; } }
.perde-ic { position: absolute; inset: 0; display: grid; place-items: center; padding: 24px; animation: perde-sol .3s linear 1.75s forwards;
  background: radial-gradient(circle, rgba(43, 212, 245, .5) 1.2px, transparent 1.8px) 50% 50% / 30px 30px; }
.perde-ic::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 34vh; pointer-events: none; background: linear-gradient(to bottom, transparent, rgba(43, 212, 245, .22) 94%, #9AEBFB 94%, #9AEBFB 95%, transparent 95%); animation: perde-tara 1.5s var(--egri-sil) .15s both; }
@keyframes perde-tara { from { transform: translateY(-100%); } to { transform: translateY(330%); } }
@keyframes perde-sol { to { opacity: 0; } }
.perde-vizor { position: relative; padding: clamp(28px, 6vw, 72px) clamp(24px, 7vw, 96px); background: var(--murekkep); }
.perde-vizor::before { content: ""; position: absolute; inset: 0; pointer-events: none; --c: var(--isik); --u: clamp(26px, 5vw, 54px); --k: 3px; background-repeat: no-repeat; animation: kilit .7s var(--ease-out) .1s both;
  background-image: linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c));
  background-size: var(--u) var(--k), var(--k) var(--u), var(--u) var(--k), var(--k) var(--u), var(--u) var(--k), var(--k) var(--u), var(--u) var(--k), var(--k) var(--u);
  background-position: 0 0, 0 0, 100% 0, 100% 0, 0 100%, 0 100%, 100% 100%, 100% 100%; }
@keyframes kilit { from { opacity: 0; transform: scale(1.12); } }
.perde-yazi { margin: 0; font-family: var(--display); font-weight: 800; font-size: clamp(2.6rem, 8.6vw, 6.6rem); line-height: .96; letter-spacing: -.045em; }
.perde-yazi span { display: block; overflow: hidden; padding: .06em 0 .14em; margin: -.06em 0 -.14em; }
.perde-yazi b { display: block; font-weight: 800; animation: soz .8s var(--ease-out) both; animation-delay: .25s; }
.perde-yazi span:nth-child(2) b { animation-delay: .42s; } .perde-yazi span:nth-child(3) b { animation-delay: .59s; color: var(--gunes); }
.perde-alt { position: absolute; left: 50%; bottom: clamp(28px, 7vh, 72px); translate: -50% 0; display: flex; align-items: center; gap: 14px; font-family: var(--mono); font-size: .86rem; color: #B9C8F2; white-space: nowrap; }
.perde-cubuk { width: clamp(90px, 22vw, 220px); height: 4px; border-radius: 2px; background: rgba(255, 255, 255, .18); overflow: hidden; }
.perde-cubuk i { display: block; height: 100%; background: var(--isik); transform-origin: 0 50%; animation: dol 1.6s var(--egri-sil) .1s both; }
@keyframes dol { from { transform: scaleX(0); } }
#perdeYuzde { min-width: 4ch; color: var(--isik); } #perdeYuzde::after { content: "%"; }
.perde.gec { animation-delay: 0s !important; } .perde.gec .perde-serit, .perde.gec .perde-ic { animation-delay: 0s !important; animation-duration: .35s !important; }
/* perde varken sayfadaki giriş hareketleri perde açılırken başlar */
.perde-var { --gecikme: 2s; }

/* hologram: afişin arkasında dönen, temaya göre biçim değiştiren nokta bulutu */
.acilis { overflow-x: clip; }
.hologram { position: absolute; left: 50%; top: 44%; width: min(1040px, 270%); aspect-ratio: 1; translate: -50% -50%; z-index: 0; pointer-events: none; }
.acilis-metin { position: relative; z-index: 1; }
.ar-afis, .afis-masa { position: relative; }
.ar-afis { z-index: 2; }

/* ışın çerçeve: kartın kenarında dolaşan ışık */
@property --aci { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.olc, .onkontrol, .afis-masa, .kontrol2 { isolation: isolate; }
.olc::after, .onkontrol::after, .afis-masa::after, .kontrol2::after { content: ""; position: absolute; inset: -2px; z-index: -1; border-radius: inherit; padding: 2px; pointer-events: none;
  background: conic-gradient(from var(--aci), transparent 0 68%, var(--isik) 84%, var(--mavi) 94%, transparent 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
.onkontrol, .kontrol2 { position: relative; }
@media (prefers-reduced-motion: no-preference) { .olc::after, .onkontrol::after, .afis-masa::after, .kontrol2::after { animation: isin 6s linear infinite; } @keyframes isin { to { --aci: 360deg; } } }

/* fotoğraflar imleçle eğilir, imlecin altında ışık gezer; düğmeler imlece doğru çekilir */
[data-egim] { transform: perspective(1000px) rotateX(var(--ex, 0deg)) rotateY(var(--ey, 0deg)); transition: transform .3s var(--ease-out); }
[data-egim] > picture::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: 0; transition: opacity .3s; background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, .42), transparent 70%); }
[data-egim]:hover > picture::before { opacity: 1; }
[data-miknatis] { transition: translate .25s var(--ease-out), background .2s, border-color .2s, transform .16s var(--ease-out); }

/* üç boyutlu amblem: dokuz gövde katmanı kalınlık verir, üç top önde süzülür; yavaşça sallanır ve arada tam tur atar */
.logo3b { display: inline-block; flex: none; width: 1em; aspect-ratio: 626 / 690; font-size: 40px; perspective: 3.4em; }
.l3-don { position: relative; display: block; width: 100%; height: 100%; transform-style: preserve-3d; transform: rotateY(-22deg) rotateX(6deg); }
.l3-govde { position: absolute; inset: 0; background: #2A3263; transform: translateZ(calc((var(--k) - 4) * .017em));
  -webkit-mask: url("/img/ys-govde.png?g=1") center / 100% 100% no-repeat; mask: url("/img/ys-govde.png?g=1") center / 100% 100% no-repeat; }
.l3-govde:nth-child(9) { background: linear-gradient(155deg, #6472B4, #455183 52%, #36407A); }
.l3-govde:nth-child(1) { background: #36407A; }
.l3-top { position: absolute; width: 26.98%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 34% 28%, #D6F8F7, #59C3C5 46%, #2B8C92); box-shadow: 0 .02em .05em rgba(11, 27, 63, .25); transform: translateZ(.12em) rotateX(-6deg) rotateY(22deg); }
.l3-top.t1 { left: 36.32%; top: .74%; } .l3-top.t2 { left: .82%; top: 55.94%; } .l3-top.t3 { left: 71.8%; top: 55.93%; }
@media (prefers-reduced-motion: no-preference) {
  .l3-don { animation: l3-sal 9s ease-in-out infinite; }
  .l3-top { animation: l3-yuz 9s ease-in-out infinite, l3-nabiz 2.8s ease-in-out infinite alternate; }
  .l3-top.t2 { animation-delay: 0s, -.9s; } .l3-top.t3 { animation-delay: 0s, -1.8s; }
  @keyframes l3-sal { 0% { transform: rotateY(-30deg) rotateX(8deg); } 35% { transform: rotateY(30deg) rotateX(-6deg); } 70% { transform: rotateY(-30deg) rotateX(8deg); } 100% { transform: rotateY(330deg) rotateX(8deg); } }
  /* toplar hep izleyene bakar: üst öğenin dönüşünün tersini alır */
  @keyframes l3-yuz { 0% { transform: translateZ(.12em) rotateX(-8deg) rotateY(30deg); } 35% { transform: translateZ(.12em) rotateX(6deg) rotateY(-30deg); } 70% { transform: translateZ(.12em) rotateX(-8deg) rotateY(30deg); } 100% { transform: translateZ(.12em) rotateX(-8deg) rotateY(-330deg); } }
  @keyframes l3-nabiz { from { scale: .9; } to { scale: 1.12; } }
  .marka:hover .l3-don { animation-duration: 2.4s; } .marka:hover .l3-top { animation-duration: 2.4s, 1s; }
}
.perde-logo .l3-govde { background: #4A5696; } .perde-logo .l3-govde:nth-child(9) { background: linear-gradient(155deg, #B4BFF2, #7C8AD0 55%, #5F6DB0); } .perde-logo .l3-govde:nth-child(1) { background: #5F6DB0; }
.perde-logo { display: block; font-size: clamp(84px, 15vw, 168px); margin: 0 0 clamp(18px, 3vw, 34px); }
@media (prefers-reduced-motion: no-preference) { .perde-logo { animation: l3-gir 1s var(--ease-out) both; } @keyframes l3-gir { from { opacity: 0; scale: .3; rotate: -40deg; } } }

/* akan şerit */
.akis { overflow: hidden; background: var(--mavi); color: #fff; padding: clamp(14px, 2vw, 22px) 0; margin-top: clamp(40px, 6vw, 72px); }
.akis-ic { display: flex; align-items: center; gap: clamp(20px, 3vw, 40px); width: max-content; font-family: var(--display); font-weight: 800; font-size: clamp(1.7rem, 4.4vw, 3.6rem); letter-spacing: -.035em; line-height: 1; white-space: nowrap; }
.akis-ic i { flex: none; width: .62em; height: .62em; background: var(--gunes); border-radius: 100% 0 0 0; }
.akis-ic i:nth-of-type(even) { border-radius: 50%; scale: .7; background: var(--isik); }
.akis.ters { margin-top: 0; background: var(--gunes); color: var(--murekkep); }
.akis.ters i { background: var(--mavi); } .akis.ters i:nth-of-type(even) { background: var(--murekkep); }
@media (prefers-reduced-motion: no-preference) {
  .akis-ic { animation: akis 34s linear infinite; } .akis.ters .akis-ic { animation-direction: reverse; animation-duration: 40s; }
  .akis-ic i { animation: don 9s linear infinite; }
  @keyframes akis { to { transform: translateX(-50%); } }
}

/* kaydırdıkça beliren satırlar ve sözcük sözcük açılan başlıklar (sınıfları betik verir) */
@media (prefers-reduced-motion: no-preference) {
  .gh [data-kay] { opacity: 0; translate: 0 26px; transition: opacity .6s var(--ease-out), translate .7s var(--ease-out); transition-delay: calc(var(--s, 0) * 70ms); }
  .gh [data-kay].gor { opacity: 1; translate: 0 0; }
  .gh h2.bol .sz > span { transform: translateY(108%); transition: transform .8s var(--ease-out); transition-delay: calc(var(--s, 0) * 55ms); animation: none; }
  .gh h2.bol.gor .sz > span { transform: none; }
  /* düğmelerde ışık süpürmesi */
  .btn { overflow: hidden; }
  .btn::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .45) 50%, transparent 65%); transform: translateX(-130%); pointer-events: none; }
  .acilis .btn:not(.ikincil)::after, .kapanis2 .btn.acik::after { animation: parilti 5s var(--egri-sil) 2.5s infinite; }
  .kapanis2-afis .afis { animation: suzul 5.5s ease-in-out infinite alternate; }
  .kat .ar > picture img { transition: scale .8s var(--ease-out); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .btn:hover::after { animation: parilti 1.1s var(--egri-sil); }
  .kat:hover .ar > picture img { scale: 1.06; }
}
/* fotoğraflar kaydırmayla çerçeve içinde hafifçe kayar (destekleyen tarayıcılarda) */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .yarisma-foto > picture img, .tema-satir .ar > picture img { animation: kayma linear both; animation-timeline: view(); animation-range: entry 0% exit 100%; }
    @keyframes kayma { from { transform: scale(1.14) translateY(-5%); } to { transform: scale(1.14) translateY(5%); } }
  }
}

/* düzenleyenler */
.kurumlar { display: flex; align-items: center; gap: 16px 40px; flex-wrap: wrap; margin-top: clamp(56px, 7vw, 96px); padding: 22px 0; border-top: 1px solid var(--line); background: #fff; }
.kurumlar p { margin: 0; color: var(--muted); font-size: .92rem; }
.kurumlar ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 14px 36px; }
.kurumlar li { display: inline-flex; align-items: center; gap: 12px; font-weight: 600; font-size: .95rem; line-height: 1.25; max-width: 30ch; }
.kurumlar img { width: 40px; height: 40px; object-fit: contain; flex: none; }

/* yarışma */
.yarisma-ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.yarisma h2 { font-size: clamp(2.1rem, 3.8vw, 3.3rem); }
.kunye2 { margin: 32px 0 0; display: grid; gap: 0; border-top: 1px solid var(--line); }
.kunye2 div { display: grid; grid-template-columns: 11rem 1fr; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.kunye2 dt { color: var(--muted); }
.kunye2 dd { margin: 0; font-weight: 600; }

/* temalar: fotoğraf ve metin sırayla yer değiştirir */
.temalar { background: var(--buz); }
.temalar .ar > picture { background: #D6E2FB; }
.tema-akis { list-style: none; margin: 0; padding: 0; display: grid; gap: clamp(56px, 8vw, 112px); }
.tema-satir { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(28px, 6vw, 96px); align-items: center; }
.tema-satir:nth-child(even) > figure { order: 2; }
.tema-satir .ar > picture { aspect-ratio: 4 / 3; }
.tema-metin h3 { display: flex; align-items: center; gap: 12px; font-size: clamp(1.7rem, 2.8vw, 2.4rem); letter-spacing: -.03em; margin: 0 0 12px; }
.tema-ikon { width: 30px; height: 30px; color: var(--mavi); }
.tema-metin p { color: var(--mist); font-size: 1.12rem; max-width: 40ch; margin: 0 0 18px; }
.tema-ipucu { list-style: none; margin: 0 0 22px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.tema-ipucu li { padding: 6px 12px; border-radius: 8px; background: #fff; border: 1px solid var(--cizgi); font-size: .9rem; font-weight: 500; color: var(--murekkep); }
.tema-dene { font: inherit; font-weight: 600; color: #fff; background: var(--mavi); border: 0; border-radius: 10px; padding: 11px 18px; min-height: 44px; cursor: pointer; transition: background .2s, transform .16s var(--ease-out); }
.tema-dene:active { transform: scale(.97); }
@media (hover: hover) and (pointer: fine) { .tema-dene:hover { background: var(--mavi-koyu); } }
@media (prefers-reduced-motion: no-preference) {
  .gh .tema-satir[data-gor] .tema-ipucu li { opacity: 0; translate: 0 8px; transition: opacity .4s var(--ease-out), translate .5s var(--ease-out); transition-delay: calc(.5s + var(--n, 0) * .09s); }
  .gh .tema-satir.gor .tema-ipucu li { opacity: 1; translate: 0 0; }
  .tema-ipucu li:nth-child(2) { --n: 1; } .tema-ipucu li:nth-child(3) { --n: 2; }
}

/* süreç: solda sabit sahne, sağda dört adım */
.surec2-ic { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.surec-sahne { position: sticky; top: 124px; padding: 10px; }
.surec-sahne .ar { aspect-ratio: 4 / 3; }
.surec-sahne img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 14px; clip-path: inset(0 0 100% 0); transition: clip-path .6s var(--egri-sil); }
.surec-sahne img:first-child { clip-path: inset(0); }
.surec-sahne[data-adim="2"] img:nth-child(-n+2), .surec-sahne[data-adim="3"] img:nth-child(-n+3), .surec-sahne[data-adim="4"] img { clip-path: inset(0); }
.surec-ray { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 26px; }
.surec-ray i { height: 6px; border-radius: 3px; background: var(--cizgi); transition: background .3s; }
.surec-sahne[data-adim="1"] .surec-ray i:nth-child(-n+1), .surec-sahne[data-adim="2"] .surec-ray i:nth-child(-n+2), .surec-sahne[data-adim="3"] .surec-ray i:nth-child(-n+3), .surec-sahne[data-adim="4"] .surec-ray i { background: var(--mavi); }
.adimlar { list-style: none; margin: 0 0 32px; padding: 0; }
.adimlar li { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 20px; align-items: start; padding: clamp(40px, 9vh, 96px) 0; border-bottom: 1px solid var(--line); transition: opacity .35s; }
.adimlar li:first-child { padding-top: 12px; }
.gh .adimlar li:not(.etkin) { opacity: .38; }
.adim-no { font-family: var(--mono); font-weight: 600; font-size: 3.4rem; line-height: 1; color: var(--mavi); letter-spacing: -.06em; }
.adimlar h3 { font-size: clamp(1.7rem, 2.6vw, 2.3rem); margin: 0 0 6px; letter-spacing: -.03em; }
.adimlar p { color: var(--mist); margin: 0; max-width: 40ch; font-size: 1.1rem; }
.adimlar picture { display: none; }

/* kategoriler */
.kat-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 4vw, 56px); }
.kat .ar > picture { aspect-ratio: 16 / 10; }
.kat .ar canvas { position: absolute; inset: 0; width: 100%; height: 100%; image-rendering: pixelated; }
.kat-ic { padding: 28px 4px 0; }
.kat-ic h3 { font-size: 2.2rem; margin: 0 0 4px; letter-spacing: -.03em; }
.kat-alt { color: var(--mavi); font-weight: 600; margin: 0 0 12px; }
.kat-ic p { color: var(--mist); max-width: 52ch; }
.kat-teslim { display: flex; gap: 12px; align-items: baseline; margin-top: 16px !important; padding-top: 14px; border-top: 1px solid var(--line); color: var(--text) !important; font-weight: 600; }
.kat-teslim span { color: var(--muted); font-weight: 500; min-width: 4.5rem; }

/* puanlama */
.puan { background: var(--buz); }
.puan-ic { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 88px); align-items: start; }
.cetvel { display: flex; gap: 4px; height: 30px; margin: 8px 0 0; }
.cetvel i, .olcutler li > i { background: var(--mavi); }
.cetvel i { flex: var(--p) 0 0; border-radius: 4px; }
.cetvel i:nth-child(2), .olcutler li:nth-child(2) > i { background: repeating-linear-gradient(45deg, var(--mavi) 0 4px, #9DB8F6 4px 8px); }
.cetvel i:nth-child(3), .olcutler li:nth-child(3) > i { background: radial-gradient(circle, var(--mavi) 1.6px, transparent 2px) 0 0 / 7px 7px, #C9D8FA; }
.cetvel i:nth-child(4), .olcutler li:nth-child(4) > i { background: var(--gunes); }
@media (prefers-reduced-motion: no-preference) {
  .gh .cetvel[data-gor] i { transform: scaleX(0); transform-origin: 0 50%; transition: transform .9s var(--ease-out); }
  .gh .cetvel[data-gor] i:nth-child(2) { transition-delay: .12s; } .gh .cetvel[data-gor] i:nth-child(3) { transition-delay: .24s; } .gh .cetvel[data-gor] i:nth-child(4) { transition-delay: .36s; }
  .gh .cetvel.gor i { transform: none; }
}
.olcutler { list-style: none; margin: 18px 0 0; padding: 0; }
.olcutler li { display: grid; grid-template-columns: 16px 1fr auto; gap: 16px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--line2); }
.olcutler li > i { width: 16px; height: 16px; border-radius: 4px; }
.olcutler b { display: block; font-weight: 600; }
.olcutler span { color: var(--muted); font-size: .95rem; }
.olcutler em { font-style: normal; font-family: var(--mono); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -.04em; font-size: 2.4rem; line-height: 1; }
.olcutler li:nth-child(3) em { font-size: 2rem; } .olcutler li:nth-child(4) em { font-size: 1.5rem; }
.kurallar { margin-top: 44px; }
.kurallar h3 { font-size: 1.4rem; margin: 0 0 14px; }
.kurallar ol { margin: 0; padding: 0 0 0 1.2em; display: grid; gap: 12px; color: var(--mist); }
.kurallar li::marker { font-family: var(--mono); font-weight: 600; color: var(--mavi); }
.kurallar b { color: var(--text); }
.olc { position: sticky; top: 116px; padding: clamp(22px, 3vw, 32px); border-radius: 18px; background: #fff; border: 1px solid var(--cizgi); display: grid; gap: 14px; }
.olc h3 { font-size: 1.5rem; margin: 0; }
.olc .not { margin: 0; }
.olc label { display: grid; gap: 6px; font-weight: 600; }
.olc label > span { display: flex; align-items: baseline; gap: 4px; }
.olc output { margin-left: auto; font-family: var(--mono); font-variant-numeric: tabular-nums; color: var(--mavi); }
.olc small { font-family: var(--mono); color: var(--muted); font-weight: 400; }
.olc input[type=range] { width: 100%; padding: 0; border: 0; background: none; box-shadow: none; accent-color: var(--mavi); height: 28px; }
.olc-sonuc { border-top: 1px solid var(--line); padding-top: 14px; }
.olc-toplam { margin: 0 0 6px; display: flex; align-items: baseline; gap: 8px; }
.olc-toplam b { font-family: var(--mono); font-weight: 600; font-size: 3.6rem; line-height: 1; letter-spacing: -.06em; font-variant-numeric: tabular-nums; color: var(--murekkep); }
.olc-toplam span { font-family: var(--mono); color: var(--muted); }
.olc-sonuc p:last-child { margin: 0; color: var(--mist); }

/* örnek afişler: yelpaze */
.ornekler-ic { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(36px, 6vw, 96px); align-items: center; }
.yelpaze { position: relative; height: clamp(420px, 44vw, 580px); --adim: 30%; }
.yelpaze button { position: absolute; left: 24%; top: 50%; width: min(48%, 310px); padding: 0; border: 0; background: none; cursor: pointer; border-radius: 4px; --o: 0; --m: 0;
  transform: translateY(-50%) translateX(calc(var(--o) * var(--adim))) rotate(calc(var(--o) * 6deg)) scale(calc(1 - var(--m) * .09)); transform-origin: 50% 120%; z-index: calc(10 - var(--m)); transition: transform .6s var(--ease-out), filter .3s; }
.yelpaze button:nth-child(2) { --o: 1; --m: 1; } .yelpaze button:nth-child(3) { --o: 2; --m: 2; } .yelpaze button:nth-child(4) { --o: -1; --m: 1; }
.yelpaze button:not([aria-pressed="true"]) { filter: saturate(.8) brightness(.96); }
.yelpaze img { display: block; width: 100%; height: auto; aspect-ratio: 640 / 905; object-fit: cover; border-radius: 4px; background: var(--bg3); box-shadow: 0 1px 1px rgba(11, 27, 63, .1), 0 10px 18px -8px rgba(11, 27, 63, .25), 0 40px 70px -40px rgba(11, 27, 63, .55); }
@media (prefers-reduced-motion: no-preference) { .gh .yelpaze[data-gor]:not(.gor) button { transform: translateY(-50%) translateX(calc(var(--adim) * .5)) scale(.92); } }
@media (hover: hover) and (pointer: fine) { .yelpaze button:not([aria-pressed="true"]):hover { filter: none; } }
.nitelik { margin: 28px 0 0; border-top: 1px solid var(--line2); }
.nitelik div { padding: 16px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 12rem 1fr; gap: 20px; }
.nitelik dt { font-family: var(--display); font-weight: 700; font-size: 1.15rem; }
.nitelik dd { margin: 0; color: var(--mist); }
.ornek-not { margin: 20px 0 22px; max-width: 56ch; }

/* takvim: gün oranlı çizelge (1 Ekim → 19 Kasım, 50 gün) */
.takvim2 { background: var(--buz); }
.takvim2-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 16px 40px; flex-wrap: wrap; margin-bottom: 40px; }
.takvim2-bas h2 { margin: 0; }
.takvim2-kalan { margin: 0; font-family: var(--mono); font-weight: 600; font-size: clamp(1.05rem, 1.7vw, 1.35rem); color: var(--mavi); font-variant-numeric: tabular-nums; }
.cizelge { position: relative; height: 40px; margin: 0 0 44px; border-radius: 6px; --bugun: 0; --son: .6; --sonuc: .9;
  background: repeating-linear-gradient(90deg, #B7C8F3 0 1px, transparent 1px calc(100% / 50)), #DDE7FC; }
.cizelge-dolu { position: absolute; inset: 0 auto 0 0; width: calc(var(--bugun) * 100%); border-radius: 6px 0 0 6px; background: var(--mavi); }
.cizelge-itiraz { position: absolute; inset: 0 0 0 auto; width: calc((1 - var(--sonuc)) * 100%); border-radius: 0 6px 6px 0; background: repeating-linear-gradient(45deg, var(--murekkep) 0 3px, transparent 3px 7px); opacity: .5; }
.cizelge::before, .cizelge::after { content: ""; position: absolute; top: -8px; bottom: -8px; width: 3px; border-radius: 2px; }
.cizelge::before { left: calc(var(--son) * 100%); background: var(--mercan); }
.cizelge::after { left: calc(var(--sonuc) * 100%); background: var(--murekkep); }
.cizelge-bugun { position: absolute; left: calc(var(--bugun) * 100%); top: -12px; bottom: -12px; width: 0; }
.cizelge-bugun::before { content: ""; position: absolute; left: -9px; top: 50%; width: 18px; height: 18px; margin-top: -9px; border-radius: 50%; background: var(--gunes); border: 3px solid var(--murekkep); }
.cizelge-bugun b { position: absolute; left: 50%; top: 100%; translate: -50% 2px; font-family: var(--mono); font-size: .78rem; font-weight: 600; color: var(--murekkep); background: var(--gunes); padding: 2px 8px; border-radius: 6px; white-space: nowrap; }
@media (prefers-reduced-motion: no-preference) {
  .gh .cizelge[data-gor] .cizelge-dolu { transform: scaleX(0); transform-origin: 0 50%; transition: transform 1s var(--ease-out) .1s; }
  .gh .cizelge[data-gor] .cizelge-bugun { transform: translateX(calc(var(--genislik, 300px) * var(--bugun) * -1)); transition: transform 1s var(--ease-out) .1s; }
  .gh .cizelge.gor .cizelge-dolu, .gh .cizelge.gor .cizelge-bugun { transform: none; }
}
.zaman { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 24px; }
.zaman li { position: relative; padding: 0 0 0 18px; border-left: 3px solid var(--cizgi); }
.zaman li.gecti { border-left-color: var(--mavi); }
.zaman li.sira { border-left-color: var(--mercan); }
.zaman time { display: block; font-family: var(--mono); font-weight: 600; color: var(--muted); font-size: .92rem; }
.zaman li.sira time { color: var(--mercan); }
.zaman b { display: block; font-family: var(--display); font-size: 1.3rem; margin: 6px 0 4px; letter-spacing: -.01em; }
.zaman p { color: var(--mist); margin: 0; max-width: 26ch; }

/* dosya şartları */
.dosya2-izgara { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.onkontrol { margin: 0 0 36px; padding: 22px; border: 2px dashed var(--cizgi); border-radius: 16px; background: var(--buz); }
.onkontrol h3 { font-size: 1.3rem; margin: 0 0 4px; }
.onkontrol .not { margin: 0 0 14px; }
.onkontrol-sec { display: inline-block; cursor: pointer; }
.onkontrol-sec input { position: absolute; opacity: 0; width: 1px; height: 1px; padding: 0; }
.onkontrol-sec span { display: inline-flex; align-items: center; min-height: 46px; padding: 10px 20px; border-radius: 10px; background: var(--murekkep); color: #fff; font-weight: 600; }
.onkontrol-sec input:focus-visible + span { outline: 3px solid var(--turkuaz); outline-offset: 3px; }
.onkontrol-sonuc { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.onkontrol-sonuc:not(:empty) { margin-top: 16px; }
.onkontrol-sonuc li { display: grid; grid-template-columns: 24px 1fr; gap: 10px; align-items: start; padding: 10px 12px; border-radius: 10px; background: #fff; border: 1px solid var(--cizgi); animation: belir2 .35s var(--ease-out) both; animation-delay: calc(var(--n, 0) * .12s); }
.onkontrol-sonuc li::before { content: "✓"; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--mavi); color: #fff; font-weight: 700; font-size: .85rem; }
.onkontrol-sonuc li.uyar { border-color: var(--mercan); } .onkontrol-sonuc li.uyar::before { content: "!"; background: var(--mercan); }
.onkontrol-sonuc li.ad { grid-template-columns: 1fr; font-family: var(--mono); font-size: .88rem; overflow-wrap: anywhere; background: none; border: 0; padding: 0; } .onkontrol-sonuc li.ad::before { display: none; }
@keyframes belir2 { from { opacity: 0; transform: translateY(6px); } }
table.sinirlar { width: 100%; border-collapse: collapse; }
.sinirlar th, .sinirlar td { text-align: left; padding: 16px 12px 16px 0; border-bottom: 1px solid var(--line); vertical-align: baseline; }
.sinirlar thead th { font-weight: 500; color: var(--muted); font-size: .9rem; padding-top: 0; border-bottom-color: var(--line2); }
.sinirlar tbody th { font-weight: 600; }
.sinirlar tbody th small { font-weight: 500; color: var(--muted); margin-left: 6px; font-size: .85rem; }
.sinirlar td:last-child { text-align: right; padding-right: 0; font-family: var(--mono); font-weight: 600; font-size: 1.2rem; font-variant-numeric: tabular-nums; white-space: nowrap; letter-spacing: -.03em; }
.dosya2 .not { margin: 12px 0 0; }
.dosya2-baslik { font-size: 1.25rem; margin: 44px 0 10px; }
.indir-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.indir-liste a { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; flex-wrap: wrap; padding: 16px 0; border-bottom: 1px solid var(--line); color: var(--text); text-decoration: none; }
.indir-liste b { font-weight: 600; text-decoration: underline; text-decoration-color: var(--line2); text-underline-offset: 5px; }
.indir-liste span { color: var(--muted); font-size: .95rem; }
@media (hover: hover) and (pointer: fine) { .indir-liste a:hover b { text-decoration-color: var(--mavi); color: var(--mavi); } }
.kontrol2 { position: sticky; top: 116px; padding: clamp(22px, 3vw, 32px); border-radius: 18px; background: var(--buz); }
.kontrol2 h3 { font-size: 1.35rem; margin: 0 0 6px; }
.kontrol2 .not { margin: 0 0 14px; }
.kontrol-cubuk { height: 8px; border-radius: 4px; background: #fff; overflow: hidden; margin: 0 0 12px; }
.kontrol-cubuk i { display: block; height: 100%; width: 100%; background: var(--mavi); transform: scaleX(var(--oran, 0)); transform-origin: 0 50%; transition: transform .35s var(--ease-out), background .3s; }
.kontrol2.tamam .kontrol-cubuk i { background: var(--gunes); }
.kontrol2 ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.kontrol2 label { display: flex; align-items: flex-start; gap: 12px; padding: 10px 4px; cursor: pointer; line-height: 1.4; }
.kontrol2 input { margin: 0; }
.kontrol2 label:has(input:checked) span { color: var(--muted); text-decoration: line-through; text-decoration-color: var(--mavi); }
.kontrol-durum { margin: 16px 0 0; font-weight: 600; color: var(--muted); }
.kontrol-durum b { font-family: var(--mono); font-size: 1.5rem; color: var(--murekkep); }
.kontrol-durum.tamam, .kontrol-durum.tamam b { color: var(--mavi); }

/* sorular ve iletişim */
.sorular-ic { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.sorular-bas { position: sticky; top: 110px; }
.sss-ara { display: block; margin: 0 0 8px; }
.sss-ara input { border-radius: 12px; }
#sssSayi { margin: 0; min-height: 1.4em; }
.paylas-bag { display: inline-flex; align-items: center; gap: 10px; margin-top: 18px; padding: 10px 0; font: inherit; font-weight: 600; color: var(--mavi); background: none; border: 0; cursor: pointer; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.paylas-bag .ikon { width: 20px; height: 20px; }
.iletisim2 { margin: 28px 0 0; display: grid; gap: 20px; }
.iletisim2 dt { color: var(--muted); font-size: .92rem; margin-bottom: 2px; }
.iletisim2 dd { margin: 0; }
.iletisim2 a { font-weight: 600; font-size: 1.1rem; overflow-wrap: anywhere; }
.iletisim2 small { display: block; color: var(--muted); font-size: .92rem; margin-top: 2px; }
.sss-liste { border-top: 1px solid var(--line2); }
details.sss { background: none; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; box-shadow: none; padding: 0; margin: 0; }
details.sss summary { cursor: pointer; padding: 22px 0; font-weight: 600; font-size: 1.1rem; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
details.sss summary::-webkit-details-marker { display: none; }
details.sss summary::after { content: ""; flex: none; width: 14px; height: 14px; background: linear-gradient(var(--mavi), var(--mavi)) center / 14px 2px no-repeat, linear-gradient(var(--mavi), var(--mavi)) center / 2px 14px no-repeat; transition: transform .3s var(--ease); }
details.sss[open] summary::after { transform: rotate(45deg); }
details.sss > p { color: var(--mist); margin: 0 0 24px; max-width: 62ch; }
details.sss[open] > p { animation: belir2 .3s var(--ease-out) both; }

/* kapanış: sitenin tek koyu bölümü */
.kapanis2 { position: relative; isolation: isolate; overflow: hidden; background: var(--murekkep); color: #fff; padding: clamp(80px, 10vw, 144px) 0; }
.kapanis2-ic { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 96px); align-items: center; }
.kapanis2 h2 { color: #fff; font-size: clamp(2.3rem, 4.6vw, 4rem); max-width: 16ch; margin: 0 0 18px; }
.kapanis2-slogan { font-family: var(--display); font-weight: 700; font-size: clamp(1.2rem, 1.8vw, 1.5rem); color: var(--gunes); margin: 0 0 32px; }
.kapanis2-son { margin: 20px 0 0; font-family: var(--mono); font-size: .95rem; color: #B9C8F2; }
.btn.acik { background: var(--gunes); border-color: var(--gunes); color: var(--murekkep); }
.btn.ikincil.koyu { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .5); }
@media (hover: hover) and (pointer: fine) {
  .btn.acik:hover { background: #F7D67F; border-color: #F7D67F; }
  .btn.ikincil.koyu:hover { background: rgba(255, 255, 255, .1); border-color: #fff; }
}
.kapanis2 :focus-visible { outline-color: var(--gunes); }
.kapanis2-afis { justify-self: center; width: min(100%, 300px); rotate: 3deg; --u: 26px; }
.kapanis2-afis::before { inset: -16px; }
.kapanis2-afis .ar-etiket { left: -16px; top: -42px; }

/* ana sayfa duyarlı */
@media (max-width: 1020px) {
  .acilis-ic, .yarisma-ic, .surec2-ic, .puan-ic, .ornekler-ic, .dosya2-izgara, .sorular-ic, .kapanis2-ic { grid-template-columns: 1fr; }
  .sorular-bas, .olc, .kontrol2 { position: static; }
  .afis-masa { margin-left: 0; }
  .acilis h1 { max-width: 12ch; }
  .surec-sahne { display: none; }
  .adimlar li { grid-template-columns: 56px minmax(0, 1fr); padding: 28px 0; }
  .gh .adimlar li:not(.etkin) { opacity: 1; }
  .adimlar picture { display: block; grid-column: 2; border-radius: 12px; overflow: hidden; aspect-ratio: 4 / 3; background: var(--bg3); }
  .adimlar picture img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .ornek-metin { order: -1; }
  .yelpaze { height: clamp(360px, 78vw, 560px); }
  .yelpaze button { left: 24%; width: min(44%, 300px); }
}
@media (max-width: 860px) {
  .tema-satir { grid-template-columns: 1fr; gap: 24px; }
  .tema-satir:nth-child(even) > figure { order: 0; }
  .ar::before { inset: -6px; }
}
@media (max-width: 640px) {
  .acilis h1 { font-size: clamp(2.6rem, 12.4vw, 3.4rem); line-height: 1; margin-bottom: 26px; }
  .acilis-ac { font-size: 1.05rem; margin-bottom: 24px; }
  .acilis .satir .btn { width: 100%; }
  .geri { gap: 6px; } .geri div { min-width: 0; flex: 1; padding: 10px 6px 8px; } .geri b { font-size: 1.5rem; }
  .acilis-metin { display: contents; }
  .acilis-ic { gap: 0; } .acilis-metin > * { order: 5; }
  .acilis-ust { order: 1; } .acilis h1 { order: 2; } .acilis-slogan { order: 3; margin-bottom: 8px; } .afis-sahne { order: 4; margin-bottom: 28px; }
  .ar-afis { width: min(74%, 320px); }
  .hologram { width: 210%; top: 42%; }
  .acilis-metin { position: static; } .acilis-metin > * { position: relative; z-index: 1; }
  .holo { font-size: .74rem; padding: 6px 10px 6px 7px; } .holo .ikon { width: 16px; height: 16px; }
  .holo.h1 { left: -13%; top: 10%; } .holo.h2 { right: -15%; top: 36%; } .holo.h3 { left: -11%; top: 56%; }
  .afis-masa { margin-top: -36px; padding: 14px; }
  .kurumlar ul { flex-direction: column; gap: 12px; }
  .kunye2 div { grid-template-columns: 1fr; gap: 2px; }
  .isaret b { font-size: .72rem; padding: 4px 8px; }
  .adim-no { font-size: 2.4rem; }
  .kat-ikili { grid-template-columns: 1fr; row-gap: 56px; }
  .olcutler em { font-size: 1.9rem; }
  .yelpaze { --adim: 24%; height: 96vw; } .yelpaze button { left: 22%; width: 50%; }
  .nitelik div { grid-template-columns: 1fr; gap: 4px; }
  .cizelge { height: 32px; }
  .zaman { grid-template-columns: 1fr; gap: 24px; }
  .sinirlar td:last-child { font-size: 1.05rem; }
  .sinirlar td, .sinirlar th { padding-right: 8px; font-size: .95rem; }
  .kapanis2-afis { width: min(70%, 280px); margin-top: 28px; }
}

/* ---------- 8. alt bilgi ---------- */
footer.alt { position: relative; padding: 0 0 32px; background: var(--bg); }
.kurum-bandi { padding: 22px clamp(20px, 4vw, 44px); display: flex; align-items: center; justify-content: space-between; gap: clamp(18px, 4vw, 56px); flex-wrap: wrap; translate: 0 -50%; box-shadow: var(--golge-buyuk); }
.kurum-bandi .kurum img { height: 56px; }
.alt-izgara { display: grid; grid-template-columns: 1.7fr 1fr 1.2fr; gap: 40px; margin-top: -10px; }
.alt-marka .marka { margin-bottom: 14px; }
.alt-marka .slogan { color: var(--violet-koyu); font-family: var(--display); font-weight: 700; font-size: 1.05rem; margin: 0 0 8px; }
.alt-marka p:not(.slogan) { color: var(--muted); max-width: 44ch; font-size: .95rem; margin: 0; }
.alt-izgara h4, .alt-izgara .alt-baslik { font-family: var(--display); font-size: .95rem; font-weight: 700; letter-spacing: 0; margin: 6px 0 12px; }
.alt-izgara nav a { display: block; color: var(--mist); font-size: .98rem; padding: 5px 0; text-decoration: none; overflow-wrap: anywhere; transition: color .2s; }
.alt-izgara nav a:hover { color: var(--violet-koyu); }
.telif { margin: 34px 0 0; padding-top: 22px; border-top: 1px solid var(--line); color: var(--muted); font-size: .85rem; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }

/* ---------- 9. alt sayfalar ---------- */
.alt-sayfa .sayfa-ust { position: relative; padding: clamp(26px, 4vw, 52px) 0 clamp(84px, 9vw, 124px); isolation: isolate; overflow: hidden; }
.alt-sayfa .sayfa-ust::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(800px 400px at 15% 0%, var(--bant-isik, rgba(31, 90, 232, .16)), transparent 62%); }
.s-basvuru { --bant-isik: rgba(90, 169, 255, .24); } .s-takip { --bant-isik: rgba(31, 90, 232, .2); } .s-galeri { --bant-isik: rgba(244, 201, 93, .24); } .s-kvkk { --bant-isik: rgba(34, 184, 224, .2); }
.alt-sayfa .sayfa-ust-ic { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, .7fr); align-items: end; gap: clamp(20px, 4vw, 60px); }
.alt-sayfa .sayfa-ust h1 { font-size: clamp(2.6rem, 6vw, 5rem); letter-spacing: -.035em; line-height: .98; margin: 6px 0 16px; font-weight: 800; }
.alt-sayfa .sayfa-ust .ac { font-size: 1.15rem; margin: 0; max-width: 54ch; }
.alt-sayfa .etiket { display: none; }
.kirinti { display: flex; gap: 10px; align-items: center; font-size: .92rem; color: var(--muted); margin-bottom: 18px; }
.kirinti a { color: var(--mist); text-decoration: none; }
.kirinti span::before { content: "/"; margin-right: 10px; opacity: .5; }
picture.sayfa-gorsel { width: 100%; max-width: 320px; border-radius: 22px; border: 6px solid #fff; box-shadow: var(--golge-buyuk); rotate: 2deg; justify-self: end; }
.alt-sayfa main { position: relative; z-index: 1; margin-top: clamp(-84px, -6vw, -52px); }
.alt-sayfa .icerik-duzen { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 28px; align-items: start; padding-bottom: 60px; }
@media (max-width: 1020px) { .alt-sayfa .icerik-duzen { grid-template-columns: 1fr; } }
.icindekiler { position: sticky; top: 96px; padding: 24px; }
.icindekiler ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.icindekiler a { display: block; padding: 9px 12px; border-radius: 10px; color: var(--mist); text-decoration: none; border-left: 2px solid transparent; transition: background .2s, border-color .2s, color .2s; }
.icindekiler a:hover { background: var(--yuzey); }
.icindekiler a.aktif { color: var(--navy); border-color: var(--violet); background: rgba(31, 90, 232, .07); }
.icerik { padding: clamp(24px, 4vw, 60px); }
.icerik > * { max-width: 72ch; } .icerik .tablo-kap { max-width: none; overflow-x: auto; }
.icerik h2, .icerik h3 { font-size: clamp(1.5rem, 2.4vw, 2rem); margin: 52px 0 12px; padding-top: 26px; border-top: 1px solid var(--line); color: var(--violet-koyu); scroll-margin-top: 100px; }
.icerik h2:first-child, .icerik h3:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.icerik p, .icerik li { color: var(--mist); font-size: 1.08rem; line-height: 1.7; }
.icerik li { margin-bottom: 6px; } .icerik ul { padding-left: 20px; } .icerik ul li::marker { color: var(--violet); }
.teknik { width: 100%; border-collapse: collapse; font-size: .96rem; }
.teknik td, .teknik th { padding: 14px 12px; border-bottom: 1px solid var(--line); text-align: left; }
.teknik th { color: var(--muted); font-weight: 600; font-size: .95rem; }
.teknik td:last-child { font-family: var(--display); font-weight: 800; color: var(--violet-koyu); white-space: nowrap; }

/* ---------- 10. başvuru formu ---------- */
.form-duzen { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 28px; align-items: start; padding-bottom: 80px; }
.form-adim { position: sticky; top: 96px; padding: 22px; }
.form-adim ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.form-adim a { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 12px; color: var(--muted); text-decoration: none; font-size: 1.02rem; transition: color .3s, background .3s; }
.form-adim a span { width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--line2); display: grid; place-items: center; font-size: .82rem; font-weight: 600; flex: none; transition: background .3s, color .3s, border-color .3s; }
.form-adim a.aktif { color: var(--navy); background: rgba(31, 90, 232, .07); }
.form-adim a.aktif span { background: var(--violet); color: #fff; border-color: transparent; }
.form-adim .not { margin: 16px 0 0; font-size: .84rem; }
.surec-serit { margin: 0 0 26px; padding: 14px 18px; background: rgba(90, 169, 255, .12); border: 1px solid rgba(90, 169, 255, .35); border-radius: 18px; }
.surec-serit ol { list-style: none; margin: 0 0 4px; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.surec-serit li { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: #1743B8; }
.surec-serit li:not(:last-child)::after { content: "–"; color: var(--muted); margin-left: 2px; }
.surec-serit .ikon { width: 20px; height: 20px; }
.surec-serit p { margin: 0; color: var(--mist); font-size: .88rem; }
form.basvuru { display: grid; gap: 22px; }
fieldset { padding: clamp(22px, 3vw, 36px); margin: 0; }
legend { display: flex; align-items: center; gap: 10px; padding: 0 12px 0 0; font-family: var(--display); font-weight: 700; font-size: 1.3rem; float: left; width: 100%; margin-bottom: 20px; }
legend + * { clear: both; }
.lg-no { width: 38px; height: 38px; border-radius: 50%; background: var(--violet); color: #fff; display: grid; place-items: center; font-size: 1rem; font-weight: 800; font-family: var(--govde); }
.alanlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
label.alan { display: grid; gap: 7px; font-size: .92rem; color: var(--mist); }
label.alan.genis { grid-column: 1 / -1; }
label.alan > span:first-child { display: flex; justify-content: space-between; gap: 8px; }
input, select, textarea { width: 100%; font: inherit; color: var(--navy); background: #fff; border: 1px solid var(--line2); border-radius: 12px; padding: 14px 16px; font-size: 1.05rem; transition: border-color .2s, box-shadow .2s; }
input::placeholder, textarea::placeholder { color: rgba(100, 112, 138, .8); }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--violet); box-shadow: 0 0 0 4px rgba(31, 90, 232, .15); }
input:user-invalid:not(:focus), select:user-invalid:not(:focus), textarea:user-invalid:not(:focus) { border-color: var(--danger); }
input[type=radio], input[type=checkbox] { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; padding: 0; margin: 0; flex: none; display: inline-grid; place-content: center; border: 2px solid var(--line2); background: #fff; cursor: pointer; transition: border-color .2s, background .2s; }
input[type=radio] { border-radius: 50%; } input[type=checkbox] { border-radius: 7px; }
input[type=radio]::before { content: ""; width: 11px; height: 11px; border-radius: 50%; background: var(--violet); transform: scale(0); transition: transform .25s var(--ease); }
input[type=checkbox]::before { content: ""; width: 12px; height: 12px; background: #fff; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0, 43% 62%); transform: scale(0); transition: transform .25s var(--ease); }
input[type=radio]:checked { border-color: var(--violet); } input[type=checkbox]:checked { background: var(--violet); border-color: var(--violet); }
input[type=radio]:checked::before, input[type=checkbox]:checked::before { transform: scale(1); }
textarea { min-height: 104px; resize: vertical; }
.secim { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.secim label { position: relative; border: 1px solid var(--line2); border-radius: 18px; cursor: pointer; display: grid; overflow: hidden; background: #fff; transition: border-color .2s, box-shadow .2s, transform .2s var(--ease); }
.secim label picture { display: block; background: var(--bg3); } .secim label picture img { width: 100%; height: auto; display: block; }
.secim label > span { padding: 0 20px; } .secim label > span:first-of-type { padding-top: 18px; display: flex; align-items: center; gap: 10px; } .secim label > span:last-child { padding-bottom: 20px; color: var(--mist); font-size: .9rem; }
.secim b { font-family: var(--display); font-size: 1.3rem; }
.secim label:has(input:checked) { border-color: var(--violet); box-shadow: 0 0 0 4px rgba(31, 90, 232, .15); }
@media (hover: hover) and (pointer: fine) { .secim label:hover { transform: translateY(-2px); } }
.onay { display: flex; gap: 12px; align-items: flex-start; color: var(--mist); font-size: .94rem; margin-top: 12px; cursor: pointer; }
.onay input { margin-top: 3px; }
label.birak { display: block; position: relative; border: 2px dashed var(--line2); border-radius: 18px; padding: 30px 20px; text-align: center; color: var(--mist); cursor: pointer; background: #fff; transition: border-color .2s, background .2s; }
label.birak::before { content: ""; display: block; width: 46px; height: 46px; margin: 0 auto 10px; border-radius: 14px; background: rgba(31, 90, 232, .1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236D5DF6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18a4.5 4.5 0 01-.6-9A6 6 0 0118 8.2 4.9 4.9 0 0117.5 18'/%3E%3Cpath d='M12 12v8M8.8 15.2L12 12l3.2 3.2'/%3E%3C/svg%3E") center / 24px no-repeat; }
label.birak:hover, label.birak.uzerinde { border-color: var(--violet); background: #F2F6FD; }
label.birak b { color: var(--navy); }
.birak input { display: none; }
/* yüklenen dosya satırı (başvuru formu) */
.dosya { display: flex; justify-content: space-between; align-items: center; gap: 12px; background: var(--bg); border: 1px solid var(--line); border-radius: 12px; padding: 11px 15px; margin-top: 10px; font-size: .95rem; animation: gir .4s var(--ease); overflow-wrap: anywhere; }
.dosya small { color: var(--muted); }
.dosya button { background: none; border: 0; color: var(--danger); cursor: pointer; font: inherit; }
.onizleme { margin-top: 12px; display: flex; gap: 16px; align-items: center; }
.onizleme img { width: 96px; height: 130px; object-fit: cover; border-radius: 10px; border: 1px solid var(--line2); }
.sayac-yazi { color: var(--muted); font-size: .8rem; }
.cubuk { position: relative; height: 12px; background: var(--yuzey2); border-radius: 8px; overflow: hidden; margin-top: 14px; }
.cubuk i { position: relative; display: block; height: 100%; width: 0; background: var(--grad); border-radius: 8px; transition: width .25s; overflow: hidden; }
.cubuk i::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(45deg, rgba(255, 255, 255, .3) 0 10px, transparent 10px 20px); animation: seritler 1s linear infinite; }
@keyframes seritler { to { background-position: 28px 0; } }
.hata { color: var(--danger); font-size: .92rem; font-weight: 500; }
.uyari { background: #FDECEC; border: 1px solid rgba(217, 56, 56, .45); padding: 14px 18px; border-radius: 14px; font-size: .98rem; }
.uyari::before { content: "!"; display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--danger); color: #fff; font-weight: 700; font-size: .85rem; margin-right: 10px; vertical-align: -3px; }
.uyari ul { margin: 8px 0 0; }
.basari { position: relative; overflow: hidden; text-align: center; background: radial-gradient(600px circle at 50% 0%, rgba(90, 169, 255, .22), transparent 60%), #fff; border-color: rgba(90, 169, 255, .45); padding: 40px 28px; border-radius: 26px; }
.basari .satir { justify-content: center; }
.onay-anim { width: 96px; height: 96px; margin: 0 auto 14px; }
.onay-anim circle { fill: none; stroke: var(--lime); stroke-width: 4; stroke-dasharray: 230; stroke-dashoffset: 230; animation: cizgi 1s var(--ease) .1s forwards; }
.onay-anim path { fill: none; stroke: var(--lime); stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 60; stroke-dashoffset: 60; animation: cizgi .6s var(--ease) .8s forwards; }
@keyframes cizgi { to { stroke-dashoffset: 0; } }
svg.konfeti { position: absolute; left: 50%; top: 70px; width: var(--w); height: calc(var(--w) * .534); pointer-events: none; animation: konfeti 2.4s var(--ease) forwards; opacity: 0; z-index: 3; }
@keyframes konfeti { 0% { transform: translate(-50%, -50%) scale(.2); opacity: 0; } 12% { opacity: 1; } 100% { transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y) + 140px)) rotate(var(--r)); opacity: 0; } }
.kod { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: clamp(1.8rem, 5vw, 2.6rem); letter-spacing: .12em; color: var(--violet-koyu); font-weight: 600; }

/* ---------- 11. takip ve galeri ---------- */
.rozet { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: .8rem; background: var(--yuzey2); }
.rozet.onaylandi, .rozet.finalist, .rozet.derece { background: rgba(90, 169, 255, .15); color: var(--lime-koyu); }
.rozet.reddedildi { background: rgba(217, 56, 56, .12); color: var(--danger); }
.rozet.incelemede { background: rgba(34, 184, 224, .15); color: #0E7C8C; }
.durum-adim { list-style: none; padding: 0; margin: 22px 0 6px; display: grid; grid-template-columns: repeat(5, 1fr); position: relative; }
.durum-adim li { position: relative; text-align: center; padding-top: 30px; color: var(--muted); font-size: .8rem; }
.durum-adim li::before { content: ""; position: absolute; top: 10px; left: -50%; right: 50%; height: 2px; background: var(--line2); }
.durum-adim li:first-child::before { display: none; }
.durum-adim li.gecti::before, .durum-adim li.simdi::before { background: var(--grad-yazi); }
.durum-adim .nokta { position: absolute; left: 50%; top: 2px; width: 18px; height: 18px; border-radius: 50%; translate: -50% 0; background: #fff; border: 2px solid var(--line2); z-index: 1; }
.durum-adim li.gecti .nokta { background: var(--lime); border-color: var(--lime); }
.durum-adim li.simdi .nokta { background: var(--violet); border-color: var(--violet); }
.durum-adim li.gecti, .durum-adim li.simdi { color: var(--navy); font-weight: 600; }
.s-takip main { max-width: 860px !important; }
.s-takip main > .kart { padding: clamp(24px, 4vw, 44px); border-radius: 24px; }
.s-takip #kod { font-size: clamp(1.4rem, 3.2vw, 2rem) !important; padding: 18px 20px; border-radius: 14px; text-align: center; }
.s-takip #form .btn { padding: 20px 30px; font-size: 1.1rem; }
.takip-yardim { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin: 28px 0 20px; padding: 26px; }
.takip-yardim b { display: block; font-family: var(--display); font-size: 1.05rem; margin-bottom: 6px; }
.takip-yardim p { margin: 0; color: var(--mist); font-size: .95rem; line-height: 1.55; }
.takip-yardim a { color: var(--violet-koyu); font-weight: 600; overflow-wrap: anywhere; }
.galeri { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 22px; padding-bottom: 60px; }
.galeri .is { overflow: hidden; display: flex; flex-direction: column; transition: transform .3s var(--ease), box-shadow .3s; animation: gir .6s var(--ease) both; }
.galeri .is:hover { transform: translateY(-6px); box-shadow: var(--golge-buyuk); }
.galeri .gorsel { aspect-ratio: 1 / 1.35; background: var(--bg3); display: grid; place-items: center; color: var(--muted); overflow: hidden; }
.galeri .gorsel img { width: 100%; height: 100%; object-fit: cover; }
.galeri .bilgi { padding: 16px; display: grid; gap: 4px; } .galeri .bilgi b { font-size: 1.08rem; } .galeri .bilgi small { color: var(--muted); }
.galeri .oy { margin-top: 10px; display: flex; justify-content: space-between; align-items: center; }
.bos-durum { grid-column: 1 / -1; display: grid; place-items: center; text-align: center; padding: 50px 20px; border: 1px dashed var(--line2); border-radius: 24px; background: #fff; }
.bos-durum img { width: 240px; margin-bottom: 10px; }
.filtre { display: inline-flex; gap: 6px; flex-wrap: wrap; margin-bottom: 24px; padding: 6px; border: 1px solid var(--line); border-radius: 999px; background: #fff; }
.filtre button { background: transparent; border: 0; color: var(--mist); border-radius: 999px; padding: 8px 18px; cursor: pointer; font: inherit; transition: background .2s, color .2s; }
.filtre button.aktif { background: var(--violet); color: #fff; font-weight: 600; }
table.liste { width: 100%; border-collapse: collapse; font-size: .95rem; }
table.liste th, table.liste td { padding: 11px 8px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
table.liste th { color: var(--muted); font-weight: 500; font-size: .82rem; }
dialog { background: #fff; color: var(--navy); border: 1px solid var(--line2); border-radius: 22px; padding: 0; width: min(880px, 94vw); max-height: 90vh; }
dialog::backdrop { background: rgba(23, 42, 70, .5); backdrop-filter: blur(4px); }
.s-404 main { margin-top: 28px; padding-bottom: 120px; }

/* ---------- 12. sayfa geçişleri: menü yerinde kalır, gövde çapraz geçer ---------- */
@view-transition { navigation: auto; }
.ust-serit { view-transition-name: ust-serit; } header.top { view-transition-name: ust-menu; }
/* yeni sayfa yukarıdan aşağı taranarak açılır, eskisi hafifçe yukarı kayar */
::view-transition-old(root) { animation: vt-cik .5s var(--egri-sil) both; }
::view-transition-new(root) { animation: vt-gir .6s var(--egri-sil) both; }
@keyframes vt-cik { to { opacity: .35; transform: translateY(-48px) scale(.985); } }
@keyframes vt-gir { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } }
/* alt sayfa görseli açılışta taranarak gelir */
@media (prefers-reduced-motion: no-preference) { picture.sayfa-gorsel { animation: sil-asagi .9s var(--egri-sil) .15s both; } @keyframes sil-asagi { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } } }

/* ---------- 13. duyarlı (ortak) ---------- */
@media (max-width: 1020px) {
  nav.menu { position: absolute; left: 4vw; right: 4vw; top: calc(100% + 6px); flex-direction: column; align-items: stretch; padding: 10px; border-radius: 18px; background: #fff; border: 1px solid var(--line2); box-shadow: var(--golge-buyuk); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .25s, transform .25s var(--ease), visibility .25s; }
  nav.menu.acik { opacity: 1; visibility: visible; transform: none; }
  nav.menu a { padding: 13px 14px; }
  nav.menu a.aktif { background: rgba(31, 90, 232, .08); color: var(--mavi); }
  .menu-dugme { display: inline-block; }
  header.top { background: rgba(255, 255, 255, .92); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
  .icerik-duzen, .form-duzen { grid-template-columns: 1fr; }
  .icindekiler, .form-adim { position: static; }
  .alt-izgara { grid-template-columns: 1fr 1fr; } .alt-izgara > div:first-child { grid-column: 1 / -1; }
  /* dokunma hedefleri */
  .ust-serit a { padding: 8px 12px; margin: -6px -4px; min-height: 40px; }
  .alt-izgara nav a { padding: 11px 0; min-height: 44px; display: flex; align-items: center; }
  .kirinti a { padding: 10px 0; display: inline-flex; align-items: center; min-height: 40px; }
  .icerik p a, .takip-yardim a, .uyari a { display: inline-block; padding: 6px 0; }
  input[type=radio], input[type=checkbox] { width: 26px; height: 26px; }
}
@media (max-width: 640px) {
  :root { --bolum-bosluk: 64px; }
  .marka small { display: none; } .marka b { font-size: .95rem; white-space: nowrap; } .marka img { height: 34px; } header.top .logo3b { font-size: 34px !important; }
  .ust-sag .btn.kucuk { display: none; }
  header.top .ic { padding: 10px 0; }
  .ust-serit { font-size: .82rem; } .ust-serit .wrap { gap: 10px; padding: 7px 0; }
  h2 { font-size: clamp(1.85rem, 8vw, 2.5rem); }
  .takip-yardim, .secim, .alt-izgara { grid-template-columns: 1fr; }
  .alt-sayfa .sayfa-ust-ic { grid-template-columns: 1fr; }
  fieldset { padding: 20px 16px; }
  .durum-adim small { font-size: .68rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; }
  .giris { opacity: 1; }
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}

/* ---------- 14. yazdırma (şartname PDF'i bu kurallarla üretilir) ---------- */
@media print {
  @page { size: A4; margin: 16mm 16mm 18mm; }
  .giris, [data-anim], .icerik, .icerik *, h1, h2, h2 *, .kw > span { opacity: 1 !important; transform: none !important; animation: none !important; clip-path: none !important; }
  .alt-sayfa .sayfa-ust { background: none !important; } .ilerleme { display: none !important; }
  .icerik h2 { color: #1F5AE8 !important; break-after: avoid; } .icerik hr { display: none; }
  header.top, footer, nav, .btn, .ilerleme, .ust-serit, picture.sayfa-gorsel, .icindekiler, .kirinti, .etiket { display: none !important; }
  body { background: #fff; color: #000; } body::before { display: none; }
  .icerik-duzen, .sayfa-ust-ic, .sayfa-ust-metin { display: block !important; max-width: none !important; width: 100% !important; }
  .icerik { max-width: none !important; width: 100% !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: none !important; font-size: 10.5pt; }
  .sayfa-ust { padding: 0 !important; } .sayfa-ust::before { display: none; }
  .alt-sayfa .sayfa-ust h1 { font-size: 26pt; }
  .alt-sayfa main { margin-top: 0; }
  .icerik h3 { color: #000; page-break-after: avoid; margin-top: 18pt; }
  .icerik p, .icerik li { line-height: 1.45; }
  table { page-break-inside: avoid; }
  .parla, h2 em, .vurgu { background: none !important; color: #172A46 !important; -webkit-text-fill-color: #172A46 !important; }
}

/* 404: görsel yerine tipografik blok */
.dev-404 { justify-self: end; margin: 0; font-family: var(--display); font-weight: 800; font-size: clamp(6rem, 16vw, 13rem); line-height: .82; letter-spacing: -.06em; color: var(--mavi); user-select: none; }
@media (max-width: 640px) { .dev-404 { position: absolute; right: 4vw; top: 8px; font-size: clamp(4rem, 22vw, 7rem); opacity: .5; } }
.bos-durum h2 { font-size: 1.3rem; margin: 0 0 8px; }
/* ana sayfada kurumlar açılışta verildiği için alt bilgideki bant tekrar edilmez */
.ana .kurum-bandi { display: none; }
.ana footer.alt { padding-top: 56px; }
.alt-marka .marka img { height: 40px; width: auto; }

/* ---------- v62 alt sayfa başlığı ve alt bilgi ---------- */
.alt-sayfa .sayfa-ust { background: var(--kagit); padding: clamp(28px, 4vw, 56px) 0 clamp(96px, 10vw, 136px); }
.alt-sayfa .sayfa-ust::before { display: none; }
.alt-sayfa .sayfa-ust-ic { align-items: center; }
.alt-sayfa .sayfa-ust h1 { font-size: clamp(2.6rem, 5.6vw, 4.8rem); letter-spacing: -.04em; line-height: .96; }
picture.sayfa-gorsel { max-width: 400px; border: 0; border-radius: 18px; box-shadow: none; rotate: 0deg; aspect-ratio: 4 / 3; }
picture.sayfa-gorsel img { height: 100%; object-fit: cover; }
.kirinti { font-size: .95rem; }
.kurum-bandi { translate: none; box-shadow: none; background: transparent; border: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-radius: 0; padding: 22px 0; margin-bottom: 40px; }
footer.alt { padding-top: 64px; }
.kurum img, .kurum-bandi .kurum img { border: 0; padding: 0; background: none; }
@media (max-width: 640px) {
  picture.sayfa-gorsel { position: static; max-width: none; margin-top: 8px; aspect-ratio: 16 / 9; }
  .alt-sayfa .sayfa-ust h1 { max-width: none; }
  .kurum-bandi { translate: none; }
}

/* galeri bekleme ekranı */
.galeri-bekle { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 72px); align-items: center; padding: 16px 0 72px; }
.galeri-bekle h2 { font-size: clamp(1.9rem, 3.4vw, 2.8rem); }
.ornek-afisler { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.ornek-afisler img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1.414; object-fit: cover; border-radius: 4px; box-shadow: 0 1px 2px rgba(23, 42, 70, .08), 0 18px 30px -18px rgba(23, 42, 70, .4); background: var(--bg3); }
.ornek-afisler span { display: block; margin-top: 10px; font-size: .88rem; color: var(--muted); }
@media (max-width: 1020px) { .galeri-bekle { grid-template-columns: 1fr; } .ornek-afisler { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.galeri:has(> .galeri-bekle) { display: block; }

/* ---------- v71 alt sayfalar: buz zemin üstünde nokta ızgarası, köşe işaretli görsel ---------- */
.alt-sayfa .sayfa-ust { background: radial-gradient(circle, rgba(31, 90, 232, .3) 1.1px, transparent 1.7px) 0 0 / 26px 26px, var(--buz); }
picture.sayfa-gorsel { border-radius: 14px; outline: 2px solid var(--mavi); outline-offset: 8px; }
.alt-sayfa .icerik h2, .alt-sayfa .icerik h3 { color: var(--murekkep); }
.teknik td:last-child, .kod { font-family: var(--mono); letter-spacing: -.02em; }
.lg-no, .form-adim a span { font-family: var(--mono); }
input[type=range] { padding: 0; border: 0; box-shadow: none; }
@media (max-width: 640px) { picture.sayfa-gorsel { outline-offset: 5px; } }
/* aktif menü bağlantısı */
@media (min-width: 1021px) { nav.menu a.aktif::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 3px; height: 2px; border-radius: 2px; background: var(--mavi); } }