/*
 * TİBİAD web sitesi
 * Renkler: lacivert #122B49, kobalt #245EEA, açık mavi #8DAEFF, buz #EDF3FA
 * Yazı: Manrope (metin), Instrument Serif (vurgu), IBM Plex Sans Arabic (Arapça)
 *
 * KESİN KURAL: tek taraflı kenarlık (border-left/top/inline/block ve bunları
 * taklit eden şerit/çizgi öğeleri) kullanılmaz. Vurgu için zemin, tam kenarlık,
 * yuvarlatılmış kutu ve ikon; ayrım için boşluk ve zemin farkı kullanılır.
 * Yönler mantıksal özelliklerle yazılır (inset-inline, padding-inline) — RTL uyumlu.
 */

/* ---------------------------------------------------------------- yazı tipleri */
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("../fonts/manrope-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("../fonts/manrope-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Instrument Serif"; font-style: italic; font-weight: 400; font-display: swap;
  src: url("../fonts/instrument-serif-latin-ext-400-italic.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+20A0-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Instrument Serif"; font-style: italic; font-weight: 400; font-display: swap;
  src: url("../fonts/instrument-serif-latin-400-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD; }
@font-face { font-family: "Instrument Serif"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/instrument-serif-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 400; font-display: swap; src: url("../fonts/ibm-plex-sans-arabic-400.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-sans-arabic-500.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 600; font-display: swap; src: url("../fonts/ibm-plex-sans-arabic-600.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }
@font-face { font-family: "IBM Plex Sans Arabic"; font-weight: 700; font-display: swap; src: url("../fonts/ibm-plex-sans-arabic-700.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }

/* ---------------------------------------------------------------- değişkenler */
:root {
  --lacivert: #122B49;
  --gece: #06101C;
  --gece-2: #0A1A2E;
  --gece-3: #0F2440;
  --kobalt: #245EEA;
  --kobalt-koyu: #1A49C2;
  --mavi-acik: #8DAEFF;
  --buz: #EDF3FA;
  --sis: #F5F8FC;
  --murekkep: #0D1B2D;
  --metin: #34475F;
  --soluk: #66778D;
  --cizgi: #DCE4EF;
  --beyaz: #FFFFFF;
  --basari: #1D7A46;
  --hata: #C02A40;

  --yazi: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;

  --r-k: 12px;
  --r: 20px;
  --r-b: 28px;
  --golge: 0 1px 2px rgba(6, 16, 28, .05), 0 14px 34px -16px rgba(6, 16, 28, .22);
  --golge-b: 0 40px 90px -40px rgba(6, 16, 28, .55);
  --gecis: cubic-bezier(.2, .7, .15, 1);
  --kap: 1240px;
  --ust-y: 78px;
  --logo-harf: var(--lacivert);
  --logo-vurgu: var(--kobalt);
}

/* ---------------------------------------------------------------- temel */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; overflow-x: clip; scroll-behavior: smooth; scroll-padding-top: calc(var(--ust-y) + 16px); }
body {
  margin: 0;
  font-family: var(--yazi);
  font-size: 1.0625rem;
  line-height: 1.65;
  color: var(--metin);
  background: var(--beyaz);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
[dir="rtl"] body { font-family: "IBM Plex Sans Arabic", var(--yazi); line-height: 1.8; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: var(--kobalt); text-decoration: none; }
a:hover { color: var(--kobalt-koyu); }
p { margin: 0 0 1em; }
h1, h2, h3, h4 { margin: 0 0 .5em; color: var(--murekkep); font-weight: 750; line-height: 1.12; letter-spacing: -.022em; text-wrap: balance; }
[dir="rtl"] :is(h1, h2, h3, h4) { letter-spacing: 0; line-height: 1.35; font-weight: 700; }
h1 { font-size: clamp(2.3rem, 5vw, 4.4rem); }
h2 { font-size: clamp(1.85rem, 3.3vw, 2.9rem); }
h3 { font-size: 1.2rem; letter-spacing: -.01em; }
:is(h1, h2, h3) em, .vurgu-em {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.01em;
  color: var(--kobalt);
  font-size: 1.08em;
  line-height: 1;
}
[dir="rtl"] :is(h1, h2, h3) em { font-family: inherit; font-style: normal; font-weight: 700; font-size: 1em; }
ul, ol { margin: 0; padding: 0; list-style: none; }
[hidden] { display: none !important; }
button { font: inherit; color: inherit; cursor: pointer; background: none; border: 0; padding: 0; }
input, select, textarea { font: inherit; color: inherit; }
::selection { background: var(--kobalt); color: #fff; }
:focus-visible { outline: 3px solid var(--mavi-acik); outline-offset: 3px; border-radius: 6px; }
main:focus { outline: none; }

.kap { width: 100%; max-width: calc(var(--kap) + 2 * clamp(16px, 4vw, 40px)); margin-inline: auto; padding-inline: clamp(16px, 4vw, 40px); }
.kap--dar { max-width: calc(860px + 2 * clamp(16px, 4vw, 40px)); }
.gorunmez { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.gizli-svg { position: absolute; width: 0; height: 0; overflow: hidden; }
.ikon { width: 1.25em; height: 1.25em; flex: none; }
[dir="rtl"] .ikon-yon { transform: scaleX(-1); }
.icerige-gec { position: absolute; inset-inline-start: 16px; top: -100px; z-index: 100; padding: 12px 18px; background: var(--kobalt); color: #fff; border-radius: var(--r-k); font-weight: 700; }
.icerige-gec:focus { top: 16px; color: #fff; }

/* logo */
.logo-svg { height: 30px; width: auto; }
.logo-svg .lh { fill: var(--logo-harf); transition: fill .4s; }
.logo-svg .lv { fill: var(--logo-vurgu); transition: fill .4s; }

/* ---------------------------------------------------------------- etiket, rozet, düğme */
.etiket {
  display: inline-flex; align-items: center; gap: 10px;
  margin: 0 0 18px;
  font-size: .78rem; font-weight: 750; letter-spacing: .16em; text-transform: uppercase;
  color: var(--kobalt);
}
.etiket::before {
  content: ""; width: 12px; height: 15px; flex: none;
  background: currentColor;
  clip-path: polygon(0 30%, 100% 0, 100% 70%, 0 100%);
}
[dir="rtl"] .etiket::before { transform: scaleX(-1); }
[dir="rtl"] .etiket { letter-spacing: 0; font-size: .9rem; }
.etiket .ikon { width: 1.1em; height: 1.1em; }
.etiket:has(.ikon)::before { display: none; }
.etiket--acik { color: var(--mavi-acik); }

.rozet { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; background: var(--buz); color: var(--lacivert); font-size: .74rem; font-weight: 700; letter-spacing: .02em; }
.rozet--acik { background: rgba(36, 94, 234, .1); color: var(--kobalt); }
.kod { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; padding: 3px 8px; border-radius: 8px; background: var(--buz); color: var(--kobalt); font-size: .74rem; font-weight: 800; letter-spacing: .04em; direction: ltr; }
.ust-bilgi { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0 0 12px; font-size: .85rem; color: var(--soluk); }

.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 14px 24px; border-radius: 999px;
  font-weight: 700; font-size: .95rem; line-height: 1.2; white-space: nowrap;
  border: 1.5px solid transparent;
  transition: background .3s, color .3s, border-color .3s, transform .3s var(--gecis), box-shadow .3s;
}
.dugme .ikon { width: 18px; height: 18px; transition: transform .35s var(--gecis); }
.dugme:hover .ikon-yon { transform: translateX(4px); }
[dir="rtl"] .dugme:hover .ikon-yon { transform: scaleX(-1) translateX(4px); }
.dugme:active { transform: scale(.98); }
.dugme--birincil { background: var(--kobalt); color: #fff; box-shadow: 0 14px 30px -14px rgba(36, 94, 234, .9); }
.dugme--birincil:hover { background: var(--kobalt-koyu); color: #fff; }
.dugme--koyu { background: var(--lacivert); color: #fff; }
.dugme--koyu:hover { background: var(--gece-3); color: #fff; }
.dugme--beyaz { background: #fff; color: var(--lacivert); }
.dugme--beyaz:hover { background: var(--buz); color: var(--lacivert); }
.dugme--cizgi { border-color: var(--cizgi); color: var(--lacivert); background: transparent; }
.dugme--cizgi:hover { border-color: var(--kobalt); color: var(--kobalt); }
.dugme--cizgi-acik { border-color: rgba(255, 255, 255, .32); color: #fff; }
.dugme--cizgi-acik:hover { background: rgba(255, 255, 255, .1); color: #fff; border-color: rgba(255, 255, 255, .6); }
.dugme--kucuk { padding: 10px 18px; font-size: .88rem; }
.dugme--genis { width: 100%; }
.dugme-grubu { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.dugme-grubu--orta { justify-content: center; margin-top: 48px; }
.ok-baglanti { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 16px; font-weight: 700; font-size: .9rem; color: var(--kobalt); }
.ok-baglanti .ikon { width: 16px; height: 16px; transition: transform .35s var(--gecis); }

/* ---------------------------------------------------------------- üst bölüm */
.ust {
  position: fixed; inset-inline: 0; top: 0; z-index: 60;
  height: var(--ust-y);
  color: #fff;
  --logo-harf: #fff; --logo-vurgu: var(--mavi-acik);
  transition: background .4s, color .4s, box-shadow .4s, transform .45s var(--gecis);
}
.ust::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(6, 16, 28, .55), rgba(6, 16, 28, 0));
  transition: opacity .4s;
}
.ust.dolu, .ust.menu-acik {
  background: rgba(255, 255, 255, .94);
  color: var(--murekkep);
  --logo-harf: var(--lacivert); --logo-vurgu: var(--kobalt);
  box-shadow: 0 10px 40px -20px rgba(6, 16, 28, .35);
}
@supports (backdrop-filter: blur(1px)) {
  .ust.dolu { background: rgba(255, 255, 255, .82); backdrop-filter: saturate(1.6) blur(18px); }
}
.ust.dolu::before, .ust.menu-acik::before { opacity: 0; }
@media (min-width: 1101px) {
  .ust:has(.menu__oge--mega:hover), .ust:has(.menu__oge--mega.acik), .ust:has(.menu__oge--mega:focus-within) {
    background: #fff; color: var(--murekkep); --logo-harf: var(--lacivert); --logo-vurgu: var(--kobalt);
  }
  .ust:has(.menu__oge--mega:hover)::before, .ust:has(.menu__oge--mega.acik)::before, .ust:has(.menu__oge--mega:focus-within)::before { opacity: 0; }
  .ust:has(.menu__oge--mega:hover) .dil-secici a.aktif, .ust:has(.menu__oge--mega.acik) .dil-secici a.aktif { background: var(--lacivert); color: #fff; }
  .ust:has(.menu__oge--mega:hover) .menu__baglanti.aktif { color: var(--kobalt); }
}
.ust.gizle { transform: translateY(-100%); box-shadow: none; }
.ust__ic { height: 100%; display: flex; align-items: center; gap: 28px; }
.ust__logo { display: flex; align-items: center; color: inherit; flex: none; }
.ust__sag { display: flex; align-items: center; gap: 14px; margin-inline-start: auto; }

.menu { flex: 1; }
.menu__liste { display: flex; align-items: center; gap: 2px; }
.menu__baglanti {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 10px 14px; border-radius: 999px;
  font-weight: 650; font-size: .94rem; color: inherit;
  transition: background .25s, color .25s;
}
.menu__baglanti:hover, .menu__oge--mega:hover > .menu__baglanti, .menu__baglanti[aria-expanded="true"] { background: rgba(127, 150, 190, .16); color: inherit; }
.menu__baglanti.aktif { color: var(--mavi-acik); }
.ust.dolu .menu__baglanti.aktif, .ust.menu-acik .menu__baglanti.aktif { color: var(--kobalt); }
.menu__ok { width: 16px; height: 16px; transition: transform .3s; }
.menu__oge--mega:hover .menu__ok, .menu__baglanti[aria-expanded="true"] .menu__ok { transform: rotate(180deg); }
.menu__mobil-alt { display: none; }

.mega {
  position: absolute; inset-inline: 0; top: var(--ust-y);
  color: var(--metin);
  background: #fff;
  box-shadow: 0 40px 80px -40px rgba(6, 16, 28, .45);
  border-radius: 0 0 var(--r-b) var(--r-b);
  opacity: 0; visibility: hidden; transform: translateY(-10px) perspective(1200px) rotateX(-4deg);
  transform-origin: top center;
  transition: opacity .3s, transform .4s var(--gecis), visibility 0s .3s;
}
.menu__oge--mega:hover .mega, .menu__oge--mega:focus-within .mega, .menu__oge--mega.acik .mega {
  opacity: 1; visibility: visible; transform: none; transition: opacity .3s, transform .45s var(--gecis), visibility 0s;
}
.js .menu__oge--mega.kapat .mega { opacity: 0; visibility: hidden; }
.mega__ic { display: grid; grid-template-columns: 320px 1fr; gap: 44px; padding-block: 34px 40px; }
.mega__gorsel { margin: 0 0 18px; border-radius: var(--r); overflow: hidden; aspect-ratio: 16 / 9; }
.mega__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.mega__baslik { margin: 0 0 6px; font-weight: 750; font-size: 1.15rem; color: var(--murekkep); }
.mega__ozet { margin: 0; font-size: .92rem; color: var(--soluk); }
.mega__liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 18px; align-content: start; }
.mega__baglanti { display: flex; gap: 14px; align-items: flex-start; padding: 14px; border-radius: 14px; color: var(--murekkep); transition: background .25s; }
.mega__baglanti:hover { background: var(--sis); color: var(--murekkep); }
.mega__baglanti strong { display: block; font-size: .98rem; font-weight: 700; }
.mega__baglanti small { display: block; margin-top: 2px; font-size: .84rem; color: var(--soluk); line-height: 1.45; }
.mega__ikon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: var(--buz); color: var(--kobalt); flex: none; transition: background .25s, color .25s, transform .4s var(--gecis); }
.mega__ikon .ikon { width: 20px; height: 20px; }
.mega__baglanti:hover .mega__ikon { background: var(--kobalt); color: #fff; transform: perspective(300px) rotateY(-18deg) scale(1.05); }

.dil-secici { display: flex; padding: 3px; border-radius: 999px; background: rgba(127, 150, 190, .16); }
.dil-secici a { padding: 5px 10px; border-radius: 999px; color: inherit; font-size: .78rem; font-weight: 750; letter-spacing: .04em; opacity: .75; transition: background .25s, opacity .25s; }
.dil-secici a:hover { opacity: 1; color: inherit; }
.dil-secici a.aktif { background: #fff; color: var(--lacivert); opacity: 1; }
.ust.dolu .dil-secici a.aktif, .ust.menu-acik .dil-secici a.aktif { background: var(--lacivert); color: #fff; }
.dil-secici a[lang="ar"] { font-family: inherit; }

.menu-ac { display: none; width: 46px; height: 46px; border-radius: 50%; place-items: center; background: rgba(127, 150, 190, .16); }
.menu-ac__cizgi, .menu-ac__cizgi::before, .menu-ac__cizgi::after { display: block; width: 20px; height: 2px; border-radius: 2px; background: currentColor; transition: transform .35s var(--gecis), opacity .2s; }
.menu-ac__cizgi { position: relative; }
.menu-ac__cizgi::before, .menu-ac__cizgi::after { content: ""; position: absolute; inset-inline-start: 0; }
.menu-ac__cizgi::before { transform: translateY(-6px); }
.menu-ac__cizgi::after { transform: translateY(6px); }
.menu-ac[aria-expanded="true"] .menu-ac__cizgi { background: transparent; }
.menu-ac[aria-expanded="true"] .menu-ac__cizgi::before { transform: rotate(45deg); }
.menu-ac[aria-expanded="true"] .menu-ac__cizgi::after { transform: rotate(-45deg); }

/* ---------------------------------------------------------------- ana sayfa girişi */
.giris {
  position: relative; isolation: isolate; overflow: hidden;
  min-height: max(680px, 100svh);
  display: flex; align-items: center;
  padding-block: calc(var(--ust-y) + 60px) 140px;
  color: rgba(255, 255, 255, .78);
  background: var(--gece);
}
.giris__zemin {
  position: absolute; inset: 0; z-index: -2;
  background:
    radial-gradient(60% 70% at 78% 40%, rgba(36, 94, 234, .38), transparent 70%),
    radial-gradient(40% 50% at 20% 85%, rgba(141, 174, 255, .12), transparent 70%),
    linear-gradient(160deg, #081628 0%, #0B1F3A 55%, #06101C 100%);
}
.giris__zemin::after {
  content: ""; position: absolute; inset: 0;
  background-image: linear-gradient(rgba(141, 174, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(141, 174, 255, .07) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(70% 70% at 70% 45%, #000 20%, transparent 75%);
  -webkit-mask-image: radial-gradient(70% 70% at 70% 45%, #000 20%, transparent 75%);
  transform: perspective(900px) rotateX(58deg) translateY(30%) scale(2);
  transform-origin: center bottom;
  animation: zemin-kay 18s linear infinite;
}
@keyframes zemin-kay { to { background-position: 0 64px, 64px 0; } }
.giris__sahne { position: absolute; inset: 0; z-index: -1; }
.giris__sahne canvas { width: 100% !important; height: 100% !important; display: block; }
.giris__ic { position: relative; }
.giris__metin { max-width: 680px; }
.giris__baslik { color: #fff; font-size: clamp(2.7rem, 6.6vw, 5.8rem); line-height: 1.02; letter-spacing: -.035em; margin-bottom: 26px; }
[dir="rtl"] .giris__baslik { line-height: 1.25; letter-spacing: 0; }
.giris__baslik em {
  background: linear-gradient(100deg, #A9C2FF 10%, #5B8BFF 60%, #8DAEFF 90%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  padding-inline-end: .06em;
}
.giris__ozet { font-size: clamp(1.05rem, 1.4vw, 1.22rem); max-width: 600px; color: rgba(255, 255, 255, .74); }
.giris__yapi { display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 40px; font-size: .92rem; }
.giris__yapi a { display: inline-flex; align-items: baseline; gap: 8px; color: rgba(255, 255, 255, .7); }
.giris__yapi a:hover { color: #fff; }
.giris__yapi strong { font-family: var(--serif); font-style: italic; font-weight: 400; font-size: 2rem; line-height: 1; color: #fff; }
[dir="rtl"] .giris__yapi strong { font-family: inherit; font-style: normal; font-weight: 700; font-size: 1.6rem; }
.giris__kaydir { position: absolute; bottom: 92px; inset-inline-end: clamp(16px, 4vw, 40px); width: 26px; height: 42px; border-radius: 14px; border: 1.5px solid rgba(255, 255, 255, .35); }
.giris__kaydir span { position: absolute; inset-inline-start: 50%; top: 8px; width: 4px; height: 8px; margin-inline-start: -2px; border-radius: 2px; background: #fff; animation: kaydir 1.8s var(--gecis) infinite; }
@keyframes kaydir { 0% { opacity: 0; transform: translateY(0); } 30% { opacity: 1; } 100% { opacity: 0; transform: translateY(14px); } }

.gundem { position: absolute; inset-inline: 0; bottom: 0; height: 60px; background: rgba(255, 255, 255, .05); backdrop-filter: blur(10px); }
.gundem__ic { height: 100%; display: flex; align-items: center; gap: 18px; }
.gundem__etiket { display: inline-flex; align-items: center; gap: 8px; flex: none; padding: 7px 14px; border-radius: 999px; background: var(--kobalt); color: #fff; font-size: .78rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
[dir="rtl"] .gundem__etiket { letter-spacing: 0; }
.gundem__etiket .ikon { width: 16px; height: 16px; }
.gundem__serit { position: relative; flex: 1; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.gundem__liste { display: flex; gap: 48px; width: max-content; }
.js .gundem__serit.akiyor .gundem__liste { animation: serit var(--serit-sure, 60s) linear infinite; }
.gundem__serit:hover .gundem__liste, .gundem__serit:focus-within .gundem__liste { animation-play-state: paused; }
@keyframes serit { to { transform: translateX(-50%); } }
[dir="rtl"] .js .gundem__serit.akiyor .gundem__liste { animation-name: serit-rtl; }
@keyframes serit-rtl { to { transform: translateX(50%); } }
.gundem__liste a { display: inline-flex; gap: 12px; align-items: baseline; color: rgba(255, 255, 255, .82); font-size: .92rem; font-weight: 600; white-space: nowrap; }
.gundem__liste a:hover { color: #fff; }
.gundem__liste time { color: var(--mavi-acik); font-size: .8rem; font-weight: 700; }

/* ---------------------------------------------------------------- sayfa girişi */
.sayfa-giris {
  position: relative; isolation: isolate; overflow: hidden;
  padding-block: calc(var(--ust-y) + clamp(56px, 8vw, 96px)) clamp(64px, 8vw, 110px);
  background: linear-gradient(155deg, #0A1A2E 0%, #0F2747 60%, #0A1A2E 100%);
  color: rgba(255, 255, 255, .76);
}
.sayfa-giris::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(50% 80% at 85% 20%, rgba(36, 94, 234, .35), transparent 70%);
}
.sayfa-giris__gorsel { position: absolute; inset: -6% 0 0; z-index: -2; }
.sayfa-giris__gorsel img { width: 100%; height: 100%; object-fit: cover; opacity: .42; }
.sayfa-giris--gorselli::after {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, rgba(8, 20, 37, .97) 0%, rgba(8, 20, 37, .86) 45%, rgba(8, 20, 37, .45) 100%), linear-gradient(0deg, rgba(8, 20, 37, .7), transparent 50%);
}
[dir="rtl"] .sayfa-giris--gorselli::after { background: linear-gradient(270deg, rgba(8, 20, 37, .97) 0%, rgba(8, 20, 37, .86) 45%, rgba(8, 20, 37, .45) 100%), linear-gradient(0deg, rgba(8, 20, 37, .7), transparent 50%); }
.sayfa-giris__ic { position: relative; }
.sayfa-giris__metin { max-width: 820px; }
.sayfa-giris h1 { color: #fff; margin-bottom: 20px; }
.sayfa-giris h1 em { color: var(--mavi-acik); }
.sayfa-giris__ozet { font-size: clamp(1.02rem, 1.3vw, 1.18rem); max-width: 720px; margin: 0; }

/* İ vurgusundan türetilen 3D eğik parçalar */
.sayfa-giris__desen { position: absolute; inset: 0; z-index: -1; perspective: 900px; pointer-events: none; }
.sayfa-giris__desen span {
  position: absolute; display: block;
  width: 120px; height: 150px;
  clip-path: polygon(0 30%, 100% 0, 100% 70%, 0 100%);
  background: linear-gradient(135deg, rgba(91, 139, 255, .55), rgba(36, 94, 234, .08));
  transform-style: preserve-3d;
  animation: parca-yuz 16s ease-in-out infinite;
}
.sayfa-giris__desen span:nth-child(1) { inset-inline-end: 9%; top: 26%; width: 150px; height: 188px; }
.sayfa-giris__desen span:nth-child(2) { inset-inline-end: 22%; top: 58%; width: 70px; height: 88px; animation-delay: -4s; opacity: .7; }
.sayfa-giris__desen span:nth-child(3) { inset-inline-end: 4%; top: 64%; width: 96px; height: 120px; animation-delay: -8s; background: linear-gradient(135deg, rgba(141, 174, 255, .5), rgba(141, 174, 255, .04)); }
.sayfa-giris__desen span:nth-child(4) { inset-inline-end: 17%; top: 14%; width: 54px; height: 68px; animation-delay: -2s; opacity: .55; }
.sayfa-giris__desen span:nth-child(5) { inset-inline-end: 30%; top: 32%; width: 40px; height: 50px; animation-delay: -10s; opacity: .4; }
.sayfa-giris--gorselli .sayfa-giris__desen span { opacity: .55; }
@keyframes parca-yuz {
  0%, 100% { transform: translate3d(0, 0, 0) rotateX(12deg) rotateY(-24deg); }
  50% { transform: translate3d(0, -18px, 60px) rotateX(-10deg) rotateY(26deg); }
}
[dir="rtl"] .sayfa-giris__desen span { scale: -1 1; }

.kirinti { margin-bottom: 28px; font-size: .85rem; }
.kirinti ol { display: flex; flex-wrap: wrap; gap: 4px 0; }
.kirinti li { display: inline-flex; align-items: center; color: rgba(255, 255, 255, .55); }
.kirinti li + li::before { content: "/"; margin-inline: 10px; opacity: .45; }
.kirinti a { color: rgba(255, 255, 255, .75); }
.kirinti a:hover { color: #fff; }
.kirinti [aria-current] { color: rgba(255, 255, 255, .9); max-width: 46ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------------------------------------------------------------- bölümler */
.bolum { position: relative; padding-block: clamp(72px, 9vw, 128px); }
.bolum--acik { background: var(--sis); }
.bolum--koyu { background: var(--gece-2); color: rgba(255, 255, 255, .72); overflow: hidden; isolation: isolate; }
.bolum--koyu :is(h2, h3) { color: #fff; }
.bolum--koyu :is(h2, h3) em { color: var(--mavi-acik); }
.bolum--ince { padding-block: 56px; }
.bolum--halka { padding-block: clamp(40px, 6vw, 80px); }

.bolum-baslik { display: grid; grid-template-columns: minmax(0, 780px) 1fr; column-gap: 32px; margin-bottom: clamp(36px, 5vw, 60px); }
.bolum-baslik > * { grid-column: 1; }
.bolum-baslik > .dugme { grid-column: 2; grid-row: 1 / span 3; justify-self: end; align-self: end; }
.bolum-baslik h2 { margin-bottom: 14px; }
.bolum-baslik__ozet { margin: 0; font-size: 1.08rem; color: var(--soluk); max-width: 700px; }
.bolum--koyu .bolum-baslik__ozet, .bolum-baslik--acik .bolum-baslik__ozet { color: rgba(255, 255, 255, .66); }
.bolum-baslik--orta { grid-template-columns: 1fr; justify-items: center; text-align: center; margin-inline: auto; max-width: 820px; }
.bolum-baslik--orta .etiket { justify-content: center; }

.buyuk-metin { font-size: clamp(1.15rem, 1.6vw, 1.32rem); line-height: 1.6; color: var(--murekkep); font-weight: 500; }
.bolum--koyu .buyuk-metin { color: #fff; }
.iki-sutun { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 88px); align-items: start; }
.iki-sutun--metin { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.metin-akisi p:last-child { margin-bottom: 0; }

/* ---------------------------------------------------------------- 3D giriş efektleri */
.js [data-belir] { opacity: 0; transform: perspective(1000px) translate3d(0, 34px, 0) rotateX(9deg); transition: opacity .9s var(--gecis), transform 1s var(--gecis); transition-delay: var(--gecikme, 0s); }
.js [data-belir].gorundu { opacity: 1; transform: none; }
[data-tilt] { transform-style: preserve-3d; transition: transform .6s var(--gecis), box-shadow .4s; will-change: transform; }

/* ---------------------------------------------------------------- tanıtım */
.tanitim__izgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 7vw, 100px); align-items: center; }
.tanitim__gorseller { position: relative; padding-bottom: 64px; padding-inline-end: 40px; }
.tanitim__buyuk { margin: 0; border-radius: var(--r-b); overflow: hidden; aspect-ratio: 5 / 5.4; box-shadow: var(--golge-b); }
.tanitim__buyuk img, .tanitim__kucuk img { width: 100%; height: 100%; object-fit: cover; }
.tanitim__kucuk { position: absolute; inset-inline-end: 0; bottom: 0; width: 50%; aspect-ratio: 4 / 3; margin: 0; border-radius: var(--r); overflow: hidden; border: 8px solid #fff; box-shadow: var(--golge-b); }
.tanitim__rozet { position: absolute; inset-inline-start: -22px; top: 34px; display: flex; flex-direction: column; gap: 8px; padding: 18px 20px; border-radius: 18px; background: #fff; box-shadow: var(--golge-b); animation: yuz 6s ease-in-out infinite; }
.tanitim__rozet .logo-svg { height: 22px; }
.tanitim__rozet span { font-size: .78rem; font-weight: 700; color: var(--soluk); max-width: 160px; line-height: 1.35; }
@keyframes yuz { 0%, 100% { transform: translate3d(0, 0, 0) rotate(-2deg); } 50% { transform: translate3d(0, -12px, 0) rotate(1deg); } }

.tik-liste { display: grid; gap: 14px; margin: 26px 0 32px; }
.tik-liste li { display: flex; gap: 12px; align-items: flex-start; }
.tik-liste .ikon { color: var(--kobalt); width: 22px; height: 22px; margin-top: 2px; }
.tik-liste strong { color: var(--murekkep); }
.tik-liste--sade { gap: 10px; margin: 0; font-size: .95rem; }
.tik-liste--sade .ikon { width: 18px; height: 18px; }

/* ---------------------------------------------------------------- bento (işlevler) */
.bento { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 250px; gap: 18px; }
.bento__kart { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: flex-end; border-radius: var(--r-b); color: #fff; box-shadow: var(--golge); }
.bento__kart--1 { grid-column: span 2; grid-row: span 2; }
.bento__kart--2 { grid-column: span 2; }
.bento__kart--5, .bento__kart--6 { grid-column: span 2; }
.bento__gorsel { position: absolute; inset: 0; z-index: -2; }
.bento__gorsel img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.04); transition: transform 1.2s var(--gecis); }
.bento__kart::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(8, 20, 37, .05) 10%, rgba(8, 20, 37, .88) 100%); transition: background .5s; }
.bento__kart:hover { color: #fff; }
.bento__kart:hover .bento__gorsel img { transform: scale(1.12); }
.bento__kart:hover::after { background: linear-gradient(180deg, rgba(18, 43, 73, .25) 0%, rgba(18, 43, 73, .95) 100%); }
.bento__icerik { display: grid; gap: 6px; padding: clamp(20px, 2.4vw, 32px); transform: translateZ(40px); }
.bento__ikon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 8px; border-radius: 14px; background: rgba(255, 255, 255, .14); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, .22); }
.bento__ikon .ikon { width: 22px; height: 22px; }
.bento__baslik { font-size: 1.22rem; font-weight: 750; letter-spacing: -.01em; }
.bento__kart--1 .bento__baslik { font-size: clamp(1.5rem, 2.4vw, 2rem); }
.bento__metin { font-size: .93rem; color: rgba(255, 255, 255, .78); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bento__kart--1 .bento__metin { -webkit-line-clamp: 4; font-size: 1rem; max-width: 460px; }

/* ---------------------------------------------------------------- eksenler */
.yapi__isik { position: absolute; inset: 0; z-index: -1; background: radial-gradient(50% 60% at 15% 0%, rgba(36, 94, 234, .28), transparent 70%), radial-gradient(40% 50% at 100% 100%, rgba(141, 174, 255, .12), transparent 70%); }
.eksenler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.eksen {
  position: relative; display: flex; flex-direction: column; gap: 10px;
  padding: clamp(26px, 3vw, 38px); border-radius: var(--r-b);
  background: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02));
  border: 1px solid rgba(141, 174, 255, .16);
  color: rgba(255, 255, 255, .7);
}
.eksen:hover { color: rgba(255, 255, 255, .85); border-color: rgba(141, 174, 255, .4); }
.eksen__no { font-family: var(--serif); font-style: italic; font-size: 3.4rem; line-height: 1; color: rgba(141, 174, 255, .55); }
.eksen__ikon { position: absolute; top: clamp(26px, 3vw, 38px); inset-inline-end: clamp(26px, 3vw, 38px); display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: var(--kobalt); color: #fff; box-shadow: 0 16px 30px -12px rgba(36, 94, 234, .8); transform: translateZ(30px); }
.eksen__ikon .ikon { width: 24px; height: 24px; }
.eksen__baslik { margin-top: 10px; font-size: 1.4rem; font-weight: 750; color: #fff; }
.eksen .ok-baglanti { color: var(--mavi-acik); }
.eksen:hover .ok-baglanti .ikon { transform: translateX(5px); }
[dir="rtl"] .eksen:hover .ok-baglanti .ikon { transform: scaleX(-1) translateX(5px); }
.eksenler--acik .eksen { background: var(--sis); border-color: var(--cizgi); color: var(--metin); }
.eksenler--acik .eksen__baslik { color: var(--murekkep); }
.eksenler--acik .eksen__no { color: rgba(36, 94, 234, .35); }
.eksenler--acik .eksen .ok-baglanti { color: var(--kobalt); }

/* ---------------------------------------------------------------- 3D sektör halkası */
.halka-bolum { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 40px; align-items: center; margin-top: clamp(72px, 9vw, 120px); }
.halka-bolum__metin h3 { font-size: clamp(1.7rem, 2.8vw, 2.4rem); }
.halka-bolum__metin h3 em { font-family: var(--serif); font-style: italic; font-weight: 400; color: var(--mavi-acik); font-size: 1.15em; }
.halka { position: relative; }
.halka__sahne { overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 12px; }
.halka__dongu { display: flex; gap: 14px; width: max-content; }
.halka__kart { scroll-snap-align: start; width: 210px; }
.halka__kart a {
  display: flex; flex-direction: column; justify-content: space-between; gap: 30px;
  height: 250px; padding: 22px; border-radius: 22px;
  background: linear-gradient(165deg, rgba(36, 94, 234, .42) 0%, rgba(13, 34, 62, .92) 70%);
  border: 1px solid rgba(141, 174, 255, .28);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 30px 60px -30px rgba(0, 0, 0, .8);
  transition: background .4s, border-color .4s;
}
.halka__kart a:hover { color: #fff; border-color: rgba(141, 174, 255, .7); background: linear-gradient(165deg, rgba(36, 94, 234, .75) 0%, rgba(18, 43, 73, .95) 75%); }
.halka__ikon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .2); }
.halka__ikon .ikon { width: 26px; height: 26px; }
.halka__ad { font-weight: 750; font-size: 1.05rem; line-height: 1.3; }
.halka__denetim { display: none; }

.halka--3d { height: 470px; perspective: 1500px; overflow: hidden; mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%); -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%); }
.halka--3d .halka__sahne { position: absolute; inset: 0; overflow: visible; display: grid; place-items: center; transform-style: preserve-3d; padding: 0; }
.halka--3d .halka__dongu { position: relative; display: block; width: 180px; height: 240px; transform-style: preserve-3d; transition: transform 1.1s var(--gecis); }
.halka--3d .halka__kart { position: absolute; inset: 0; width: auto; transition: opacity .6s, filter .6s; }
.halka--3d .halka__kart a { height: 100%; backface-visibility: hidden; }
.halka--3d .halka__denetim { display: flex; position: absolute; inset-inline: 0; bottom: 10px; justify-content: center; gap: 12px; z-index: 5; }
.halka__denetim button { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(141, 174, 255, .35); color: #fff; background: rgba(255, 255, 255, .05); transition: background .3s; }
.halka__denetim button:hover { background: var(--kobalt); }
.halka--3d.halka--genis { height: 540px; }
.halka--3d.halka--genis .halka__dongu { width: 230px; height: 280px; }

/* ---------------------------------------------------------------- başkanlık vitrini */
.vitrin { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); align-items: start; }
.vitrin__liste { display: grid; gap: 4px; counter-reset: v; }
.vitrin__oge { display: grid; grid-template-columns: 52px 1fr 22px; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 16px; color: var(--murekkep); transition: background .3s, transform .4s var(--gecis); }
.vitrin__oge:hover, .vitrin__oge.etkin { background: var(--sis); color: var(--murekkep); }
.vitrin__oge.etkin { background: var(--buz); transform: translateX(6px); }
[dir="rtl"] .vitrin__oge.etkin { transform: translateX(-6px); }
.vitrin__kod { font-size: .78rem; font-weight: 800; color: var(--kobalt); letter-spacing: .06em; direction: ltr; }
.vitrin__ad { font-weight: 650; font-size: 1.02rem; line-height: 1.35; }
.vitrin__ok { width: 20px; height: 20px; color: var(--soluk); transition: transform .35s var(--gecis), color .3s; }
.vitrin__oge:hover .vitrin__ok, .vitrin__oge.etkin .vitrin__ok { color: var(--kobalt); transform: translate(3px, -3px); }
[dir="rtl"] .vitrin__ok { transform: scaleX(-1); }
.vitrin__onizleme { position: sticky; top: calc(var(--ust-y) + 30px); aspect-ratio: 4 / 4.4; perspective: 1400px; }
.vitrin__panel { position: absolute; inset: 0; opacity: 0; visibility: hidden; transform: rotateY(-14deg) translateZ(-60px) scale(.96); transform-origin: center; transition: opacity .55s var(--gecis), transform .8s var(--gecis), visibility 0s .55s; }
[dir="rtl"] .vitrin__panel { transform: rotateY(14deg) translateZ(-60px) scale(.96); }
.vitrin__panel.etkin { opacity: 1; visibility: visible; transform: none; transition: opacity .55s var(--gecis), transform .8s var(--gecis), visibility 0s; }
.vitrin__panel figure { margin: 0; height: 100%; border-radius: var(--r-b); overflow: hidden; box-shadow: var(--golge-b); }
.vitrin__panel img { width: 100%; height: 100%; object-fit: cover; }
.vitrin__panel-metin { position: absolute; inset-inline: 22px; bottom: 22px; display: flex; gap: 16px; align-items: flex-start; padding: 20px 22px; border-radius: 20px; background: rgba(255, 255, 255, .9); backdrop-filter: blur(14px); box-shadow: var(--golge); transform: translateZ(50px); }
.vitrin__panel-metin p { margin: 0; color: var(--murekkep); font-weight: 600; font-size: .98rem; line-height: 1.5; }
.vitrin__panel-ikon { display: grid; place-items: center; width: 46px; height: 46px; flex: none; border-radius: 14px; background: var(--kobalt); color: #fff; }

/* ---------------------------------------------------------------- 3D küre */
.kure-bolum__izgara { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.kure-bolum::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(45% 60% at 75% 50%, rgba(36, 94, 234, .25), transparent 70%); }
.kure { position: relative; width: 100%; max-width: 700px; aspect-ratio: 1; margin-inline: auto; }
.kure canvas { position: absolute; inset: 0; width: 100% !important; height: 100% !important; }
.kure__yedek {
  position: absolute; inset: 9%; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, rgba(91, 139, 255, .45), rgba(13, 34, 62, .9) 55%, #06101C 75%);
  box-shadow: 0 0 120px rgba(36, 94, 234, .35), inset -30px -40px 80px rgba(0, 0, 0, .55);
  transition: opacity 1s;
}
.kure__yedek::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background-image: radial-gradient(rgba(141, 174, 255, .55) 1.2px, transparent 1.4px); background-size: 14px 14px; mask-image: radial-gradient(circle at 40% 40%, #000 30%, transparent 70%); -webkit-mask-image: radial-gradient(circle at 40% 40%, #000 30%, transparent 70%); }
.kure.hazir .kure__yedek { opacity: 0; }
.kure__etiket {
  position: absolute; z-index: 2; left: 0; top: 0;
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 12px 6px 8px; border-radius: 999px;
  background: rgba(10, 26, 46, .78); backdrop-filter: blur(8px);
  border: 1px solid rgba(141, 174, 255, .3);
  color: #fff; font-size: .8rem; font-weight: 700; white-space: nowrap;
  pointer-events: none; transition: opacity .3s, background .3s;
  will-change: transform;
}
.kure__etiket::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--mavi-acik); box-shadow: 0 0 0 4px rgba(141, 174, 255, .2); }
.kure__etiket.merkez { background: var(--kobalt); border-color: transparent; }
.kure__etiket.merkez::before { background: #fff; }
.kure__etiket.etkin { background: rgba(36, 94, 234, .9); }
.kure__etiket.arka { opacity: 0; }

.bolge-liste { display: grid; gap: 10px; margin-bottom: 32px; }
.bolge-dugme { display: grid; gap: 6px; width: 100%; padding: 18px 20px; border-radius: 18px; text-align: start; background: rgba(255, 255, 255, .04); border: 1px solid rgba(141, 174, 255, .12); color: rgba(255, 255, 255, .66); transition: background .35s, border-color .35s, transform .45s var(--gecis); }
.bolge-dugme:hover { background: rgba(255, 255, 255, .07); }
.bolge-dugme.etkin { background: linear-gradient(120deg, rgba(36, 94, 234, .32), rgba(36, 94, 234, .08)); border-color: rgba(141, 174, 255, .5); transform: perspective(800px) translateZ(14px); }
.bolge-dugme__ad { display: flex; align-items: center; gap: 10px; color: #fff; font-weight: 750; font-size: 1.1rem; }
.bolge-dugme__ad .ikon { width: 20px; height: 20px; color: var(--mavi-acik); }
.bolge-dugme__metin { font-size: .92rem; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bolge-dugme.etkin .bolge-dugme__metin { -webkit-line-clamp: 6; }
.bolge-dugme__odak { display: none; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.bolge-dugme.etkin .bolge-dugme__odak { display: flex; }
.bolge-dugme__odak span { padding: 4px 10px; border-radius: 999px; background: rgba(141, 174, 255, .14); color: #DCE6FF; font-size: .78rem; font-weight: 650; }

/* ---------------------------------------------------------------- kartlar */
.kart-izgara { display: grid; gap: clamp(16px, 2vw, 26px); }
.kart-izgara--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kart-izgara--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kart-izgara--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.ikon-kart, .baskanlik-kart, .kurul-kart, .tur-kart {
  position: relative; display: flex; flex-direction: column;
  padding: clamp(24px, 2.6vw, 32px); border-radius: var(--r);
  background: #fff; border: 1px solid var(--cizgi);
  transition: box-shadow .45s, border-color .45s;
}
.ikon-kart:hover, .baskanlik-kart:hover, .kurul-kart:hover, .tur-kart:hover { box-shadow: var(--golge-b); border-color: transparent; }
.ikon-kart h3, .baskanlik-kart h2, .kurul-kart h3, .tur-kart h3 { margin: 18px 0 8px; font-size: 1.18rem; }
.ikon-kart p, .baskanlik-kart p, .kurul-kart p, .tur-kart p { margin: 0; font-size: .96rem; color: var(--soluk); }
.ikon-kart__ikon, .kurul-kart__ikon, .baskanlik-kart__ikon, .tur-kart__ikon {
  display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px;
  background: var(--buz); color: var(--kobalt);
  transition: background .35s, color .35s, transform .5s var(--gecis);
  transform: translateZ(26px);
}
.ikon-kart__ikon .ikon, .kurul-kart__ikon .ikon, .baskanlik-kart__ikon .ikon, .tur-kart__ikon .ikon { width: 26px; height: 26px; }
.ikon-kart:hover .ikon-kart__ikon, .kurul-kart:hover .kurul-kart__ikon, .baskanlik-kart:hover .baskanlik-kart__ikon { background: var(--kobalt); color: #fff; }
.ikon-kart__no { position: absolute; top: 24px; inset-inline-end: 26px; font-family: var(--serif); font-style: italic; font-size: 1.7rem; line-height: 1; color: rgba(36, 94, 234, .3); }
.ikon-kart--sade { background: var(--sis); border-color: transparent; }
.ikon-kart--sade .ikon-kart__ikon { background: #fff; }
.ikon-kart--sade h3:first-child, .ikon-kart--sade .ikon-kart__no + h3 { margin-top: 30px; }
.bolum--acik .ikon-kart--sade { background: #fff; }
.baskanlik-kart__ust { display: flex; align-items: center; justify-content: space-between; }
.baskanlik-kart h2 { font-size: 1.18rem; }
.kart-baglanti { color: inherit; }
.kart-baglanti::after { content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: 1; }
.kart-baglanti:hover { color: var(--kobalt); }
.baskanlik-kart:hover .ok-baglanti .ikon, .proje-kart:hover .ok-baglanti .ikon { transform: translateX(5px); }
[dir="rtl"] .baskanlik-kart:hover .ok-baglanti .ikon, [dir="rtl"] .proje-kart:hover .ok-baglanti .ikon { transform: scaleX(-1) translateX(5px); }
.kurul-kart h3 { font-size: 1.05rem; }
.kurul-kart p { font-size: .9rem; }

.tur-kart .tik-liste { margin-top: 18px; }
.tur-kart .dugme { margin-top: 24px; align-self: flex-start; }
.tur-kart--one { background: linear-gradient(160deg, #123A7A, var(--lacivert) 60%); border-color: transparent; color: rgba(255, 255, 255, .75); }
.tur-kart--one h3 { color: #fff; }
.tur-kart--one p { color: rgba(255, 255, 255, .7); }
.tur-kart--one .tur-kart__ikon { background: rgba(255, 255, 255, .12); color: #fff; }
.tur-kart--one .tik-liste .ikon { color: var(--mavi-acik); }

.proje-kart, .haber-kart, .yayin-kart { position: relative; display: flex; flex-direction: column; border-radius: var(--r); background: #fff; border: 1px solid var(--cizgi); overflow: hidden; transition: box-shadow .45s, border-color .45s; }
.proje-kart:hover, .haber-kart:hover, .yayin-kart:hover { box-shadow: var(--golge-b); border-color: transparent; }
.proje-kart__gorsel, .haber-kart__gorsel, .yayin-kart__kapak { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--buz); }
.proje-kart__gorsel img, .haber-kart__gorsel img, .yayin-kart__kapak img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--gecis); }
.proje-kart:hover img, .haber-kart:hover img, .yayin-kart:hover img { transform: scale(1.07); }
.proje-kart__govde, .haber-kart__govde, .yayin-kart__govde { display: flex; flex-direction: column; flex: 1; padding: 22px 24px 26px; }
.proje-kart h3, .haber-kart h3, .yayin-kart h3 { font-size: 1.12rem; line-height: 1.32; margin: 0 0 10px; }
.proje-kart h3 a, .haber-kart h3 a, .yayin-kart h3 a { color: var(--murekkep); }
.haber-kart h3 a:hover, .yayin-kart h3 a:hover { color: var(--kobalt); }
.proje-kart p, .haber-kart p { margin: 0; font-size: .94rem; color: var(--soluk); }
.yayin-kart__tip { position: absolute; top: 14px; inset-inline-start: 14px; padding: 5px 12px; border-radius: 999px; background: rgba(255, 255, 255, .92); color: var(--lacivert); font-size: .75rem; font-weight: 750; }
.yayin-kart__birim { margin: auto 0 0; padding-top: 12px; font-size: .84rem; font-weight: 650; color: var(--kobalt); }

.kart-izgara--haber { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.haber-kart--genis { grid-column: span 2; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
.haber-kart--genis .haber-kart__gorsel { aspect-ratio: auto; height: 100%; min-height: 280px; }
.haber-kart--genis h3 { font-size: clamp(1.25rem, 1.8vw, 1.5rem); }
.haber-kart--genis .haber-kart__govde { justify-content: center; padding: clamp(24px, 3vw, 40px); }

.gundem-izgara { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 26px; align-items: start; }
.gundem-izgara .kart-izgara--haber { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.yayin-yan { padding: 28px; border-radius: var(--r-b); background: var(--gece-2); color: rgba(255, 255, 255, .7); }
.yayin-yan__baslik { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: #fff; font-weight: 750; }
.yayin-yan__baslik .ikon { color: var(--mavi-acik); }
.yayin-yan ul { display: grid; gap: 8px; margin-bottom: 22px; }
.yayin-yan li a { display: grid; gap: 8px; padding: 16px; border-radius: 16px; background: rgba(255, 255, 255, .04); color: rgba(255, 255, 255, .7); transition: background .3s; }
.yayin-yan li a:hover { background: rgba(255, 255, 255, .09); }
.yayin-yan .rozet { justify-self: start; background: rgba(141, 174, 255, .16); color: var(--mavi-acik); }
.yayin-yan strong { color: #fff; font-size: .98rem; line-height: 1.4; }
.yayin-yan time { font-size: .8rem; }
.yayin-yan .dugme--cizgi { border-color: rgba(255, 255, 255, .25); color: #fff; }

/* ---------------------------------------------------------------- başkan */
.baskan-vitrin__izgara { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(40px, 7vw, 100px); align-items: center; }
.baskan-vitrin__portre, .profil__portre { position: relative; margin: 0; }
.baskan-vitrin__portre::before, .profil__portre::before {
  content: ""; position: absolute; inset: 8% -7% -6% 12%; z-index: -1;
  border-radius: var(--r-b);
  background: linear-gradient(140deg, var(--kobalt), #0F2747);
  transform: rotate(4deg);
}
.baskan-vitrin__portre img, .profil__portre img { width: 100%; border-radius: var(--r-b); aspect-ratio: 4 / 5; object-fit: cover; box-shadow: var(--golge-b); }
.baskan-vitrin__portre figcaption { position: absolute; inset-inline: 18px; bottom: 18px; display: grid; gap: 2px; padding: 16px 20px; border-radius: 18px; background: rgba(255, 255, 255, .92); backdrop-filter: blur(10px); transform: translateZ(40px); }
.baskan-vitrin__portre figcaption strong { color: var(--murekkep); font-size: 1.1rem; }
.baskan-vitrin__portre figcaption span { font-size: .86rem; color: var(--soluk); font-weight: 600; }

.baskan-ozet { display: grid; grid-template-columns: 220px 1fr; gap: clamp(28px, 4vw, 56px); align-items: center; padding: clamp(28px, 4vw, 48px); border-radius: var(--r-b); background: var(--sis); }
.baskan-ozet__portre { margin: 0; }
.baskan-ozet__portre img { border-radius: var(--r); aspect-ratio: 4 / 5; object-fit: cover; }
.baskan-ozet h2 { font-size: clamp(1.6rem, 2.6vw, 2.2rem); }

.profil__izgara { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: clamp(36px, 6vw, 90px); align-items: start; }
.profil__yan { position: sticky; top: calc(var(--ust-y) + 24px); display: grid; gap: 28px; }
.kunye { display: grid; gap: 4px; margin: 0; padding: 22px; border-radius: var(--r); background: var(--sis); }
.kunye div { display: grid; grid-template-columns: 110px 1fr; gap: 12px; padding: 10px 6px; }
.kunye dt { font-size: .8rem; font-weight: 750; color: var(--soluk); text-transform: uppercase; letter-spacing: .06em; }
[dir="rtl"] .kunye dt { letter-spacing: 0; }
.kunye dd { margin: 0; color: var(--murekkep); font-weight: 600; font-size: .95rem; }
.kunye--dar div { grid-template-columns: 1fr; gap: 2px; padding: 8px 2px; }
.kunye--dar dd { font-weight: 500; font-size: .9rem; }

.ara-baslik { margin: clamp(48px, 6vw, 72px) 0 22px; font-size: clamp(1.4rem, 2.2vw, 1.85rem); }
.ara-baslik--ilk { margin-top: 0; }

.zaman-akisi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.zaman-akisi li { padding: 22px; border-radius: var(--r); background: var(--sis); }
.zaman-akisi__donem { display: inline-block; margin-bottom: 10px; padding: 4px 12px; border-radius: 999px; background: var(--lacivert); color: #fff; font-size: .76rem; font-weight: 750; }
.zaman-akisi strong { display: block; color: var(--murekkep); font-size: 1.05rem; }
.zaman-akisi p { margin: 4px 0 0; font-size: .92rem; color: var(--soluk); }

.iki-kart { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 40px; }
.liste-kart { padding: 26px; border-radius: var(--r); background: #fff; border: 1px solid var(--cizgi); }
.liste-kart h2 { display: flex; align-items: center; gap: 10px; font-size: 1.05rem; margin-bottom: 14px; }
.liste-kart h2 .ikon { color: var(--kobalt); }
.liste-kart ul { display: grid; gap: 10px; }
.liste-kart li { position: relative; padding-inline-start: 22px; font-size: .95rem; }
.liste-kart li::before { content: ""; position: absolute; inset-inline-start: 0; top: .5em; width: 9px; height: 11px; background: var(--kobalt); clip-path: polygon(0 30%, 100% 0, 100% 70%, 0 100%); }

.cip-liste { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 36px; }
.cip-liste li { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; background: var(--buz); color: var(--lacivert); font-size: .9rem; font-weight: 650; }
.cip-liste .ikon { width: 16px; height: 16px; color: var(--kobalt); }
.cip-liste--acik li { background: var(--sis); color: var(--metin); font-weight: 600; font-size: .85rem; }

/* ---------------------------------------------------------------- misyon, işlevler, adımlar, sayaçlar */
.misyon-vizyon { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.mv-kart { padding: clamp(32px, 4vw, 56px); border-radius: var(--r-b); background: #fff; border: 1px solid var(--cizgi); }
.mv-kart h2 { font-size: clamp(1.5rem, 2.4vw, 2rem); margin: 22px 0 14px; }
.mv-kart p { font-size: 1.08rem; margin: 0; }
.mv-kart__ikon { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 18px; background: var(--buz); color: var(--kobalt); }
.mv-kart__ikon .ikon { width: 28px; height: 28px; }
.mv-kart--koyu { background: linear-gradient(150deg, #123A7A, var(--lacivert) 55%, var(--gece-2)); border-color: transparent; color: rgba(255, 255, 255, .78); }
.mv-kart--koyu h2 { color: #fff; }
.mv-kart--koyu .mv-kart__ikon { background: rgba(255, 255, 255, .12); color: #fff; }

.islev-liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.islev-liste li { display: flex; gap: 18px; padding: 26px; border-radius: var(--r); background: rgba(255, 255, 255, .04); border: 1px solid rgba(141, 174, 255, .12); }
.islev-liste h3 { font-size: 1.08rem; margin-bottom: 6px; }
.islev-liste p { margin: 0; font-size: .93rem; }
.islev-liste__ikon { display: grid; place-items: center; width: 48px; height: 48px; flex: none; border-radius: 14px; background: var(--kobalt); color: #fff; }

.adimlar { display: grid; gap: 14px; counter-reset: adim; }
.adimlar--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.adimlar li { position: relative; padding: 26px 26px 26px 26px; border-radius: var(--r); background: var(--sis); }
.bolum--acik .adimlar li { background: #fff; }
.adimlar h3 { font-size: 1.1rem; margin: 14px 0 6px; }
.adimlar p { margin: 0; font-size: .95rem; color: var(--soluk); }
.adimlar__no { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--lacivert); color: #fff; font-weight: 800; font-size: .9rem; }
.adimlar--acik li { background: rgba(255, 255, 255, .05); }
.adimlar--acik p { color: rgba(255, 255, 255, .65); }
.adimlar--acik .adimlar__no { background: var(--kobalt); }

.surec { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.surec--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.surec li { position: relative; padding: 26px 24px; border-radius: var(--r); background: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)); border: 1px solid rgba(141, 174, 255, .14); transition: transform .5s var(--gecis), border-color .4s; }
.surec li:hover { transform: perspective(800px) translateZ(18px) rotateX(4deg); border-color: rgba(141, 174, 255, .4); }
.surec__no { display: block; font-family: var(--serif); font-style: italic; font-size: 2.6rem; line-height: 1; color: var(--mavi-acik); }
.surec__ikon { position: absolute; top: 24px; inset-inline-end: 22px; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: rgba(36, 94, 234, .35); color: #fff; }
.surec h3 { font-size: 1.08rem; margin: 16px 0 6px; }
.surec p { margin: 0; font-size: .92rem; color: rgba(255, 255, 255, .62); }

.sayaclar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 56px; }
.sayac { display: grid; justify-items: center; gap: 6px; padding: 28px 18px; border-radius: var(--r); background: var(--sis); text-align: center; }
.sayac__sayi { font-family: var(--serif); font-style: italic; font-size: clamp(3rem, 6vw, 4.6rem); line-height: 1; color: var(--kobalt); }
[dir="rtl"] .sayac__sayi { font-family: inherit; font-style: normal; font-weight: 700; }
.sayac__etiket { font-weight: 700; color: var(--murekkep); font-size: .95rem; }

.kurum-turleri { background: var(--sis); }
.kurum-turleri__baslik { margin: 0 0 22px; text-align: center; font-weight: 700; color: var(--soluk); font-size: .92rem; letter-spacing: .1em; text-transform: uppercase; }
[dir="rtl"] .kurum-turleri__baslik { letter-spacing: 0; }
.kurum-turleri__liste { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.kurum-turleri__liste li { display: inline-flex; align-items: center; gap: 10px; padding: 12px 20px; border-radius: 999px; background: #fff; border: 1px solid var(--cizgi); color: var(--murekkep); font-weight: 650; font-size: .95rem; }
.kurum-turleri__liste .ikon { color: var(--kobalt); width: 20px; height: 20px; }
.kurum-turleri__liste--buyuk { justify-content: flex-start; }
.kurum-turleri__liste--buyuk li { padding: 16px 24px; font-size: 1.02rem; }

/* ---------------------------------------------------------------- teşkilat şeması */
.sema { display: grid; gap: 14px; justify-items: center; }
.sema__kat { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 16px; width: 100%; }
.sema__dugum { display: flex; align-items: center; gap: 12px; padding: 16px 22px; border-radius: 18px; background: #fff; border: 1px solid var(--cizgi); color: var(--murekkep); box-shadow: var(--golge); }
.sema__dugum strong { font-size: 1rem; }
.sema__ikon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--buz); color: var(--kobalt); flex: none; }
.sema__dugum--ust, .sema__dugum--ana { background: var(--lacivert); border-color: transparent; color: #fff; }
.sema__dugum--ust .sema__ikon, .sema__dugum--ana .sema__ikon { background: rgba(255, 255, 255, .14); color: #fff; }
.sema__dugum--ana { flex-wrap: wrap; justify-content: center; padding: 22px 30px; background: linear-gradient(140deg, var(--kobalt), var(--lacivert)); }
.sema__dugum--ana strong { font-size: 1.2rem; }
.sema__dugum--ana a { flex-basis: 100%; text-align: center; color: rgba(255, 255, 255, .85); font-size: .88rem; font-weight: 650; }
.sema__bag { color: var(--kobalt); }
.sema__bag .ikon { width: 28px; height: 28px; }
.sema__grup { width: 100%; padding: clamp(22px, 3vw, 34px); border-radius: var(--r-b); background: var(--sis); }
.sema__grup h2 { display: flex; align-items: center; gap: 12px; font-size: 1.25rem; margin-bottom: 18px; }
.sema__grup h2 .ikon { color: var(--kobalt); }
.sema__grup h2 a { color: var(--murekkep); }
.sema__grup h2 small { padding: 2px 10px; border-radius: 999px; background: var(--kobalt); color: #fff; font-size: .78rem; }
.sema__izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.sema__izgara--baskanlik { grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }
.sema__izgara--tek { grid-template-columns: 1fr; }
.sema__izgara a { display: flex; align-items: center; gap: 10px; height: 100%; padding: 12px 14px; border-radius: 14px; background: #fff; color: var(--murekkep); font-weight: 650; font-size: .9rem; line-height: 1.35; transition: transform .4s var(--gecis), box-shadow .4s; }
.sema__izgara a:hover { transform: translateY(-3px); box-shadow: var(--golge); color: var(--kobalt); }
.sema__izgara .ikon { color: var(--kobalt); width: 18px; height: 18px; }
.sema__alt { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 16px; width: 100%; }

/* ---------------------------------------------------------------- ayrıntı düzeni */
.ayrinti { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: clamp(36px, 5vw, 72px); align-items: start; }
.ayrinti__yan { position: sticky; top: calc(var(--ust-y) + 24px); display: grid; gap: 18px; }
.numarali { display: grid; gap: 10px; }
.numarali li { display: grid; grid-template-columns: 56px 1fr; align-items: center; gap: 16px; padding: 16px 20px; border-radius: 16px; background: var(--sis); transition: background .3s, transform .45s var(--gecis); }
.numarali li:hover { background: var(--buz); transform: translateX(4px); }
[dir="rtl"] .numarali li:hover { transform: translateX(-4px); }
.numarali span { font-family: var(--serif); font-style: italic; font-size: 1.9rem; line-height: 1; color: var(--kobalt); }
.numarali p { margin: 0; color: var(--murekkep); font-weight: 550; }
.yan-kart { padding: 24px; border-radius: var(--r); background: #fff; border: 1px solid var(--cizgi); }
.yan-kart h2 { display: flex; align-items: center; gap: 10px; font-size: 1.02rem; margin-bottom: 16px; }
.yan-kart h2 .ikon { color: var(--kobalt); width: 20px; height: 20px; }
.yan-kart p { font-size: .94rem; }
.yan-kart--koyu { background: linear-gradient(150deg, #123A7A, var(--lacivert)); border-color: transparent; color: rgba(255, 255, 255, .76); }
.yan-kart--koyu h2 { color: #fff; font-size: 1.15rem; }
.baglanti-liste { display: grid; gap: 8px; }
.baglanti-liste a { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; background: var(--sis); color: var(--murekkep); font-weight: 650; font-size: .9rem; line-height: 1.35; transition: background .3s; }
.baglanti-liste a:hover { background: var(--buz); color: var(--kobalt); }
.baglanti-liste a > .ikon:last-child { margin-inline-start: auto; width: 16px; height: 16px; color: var(--kobalt); }
.baglanti-liste--haber a { display: grid; gap: 4px; }
.baglanti-liste--haber time { font-size: .76rem; color: var(--soluk); font-weight: 700; }
.kunye-serit { display: flex; flex-wrap: wrap; gap: 18px 48px; margin: 0 0 56px; padding: 22px 28px; border-radius: var(--r); background: var(--sis); }
.kunye-serit dt { font-size: .76rem; font-weight: 750; color: var(--soluk); text-transform: uppercase; letter-spacing: .08em; }
[dir="rtl"] .kunye-serit dt { letter-spacing: 0; }
.kunye-serit dd { margin: 4px 0 0; color: var(--murekkep); font-weight: 700; }

.onceki-sonraki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: clamp(56px, 7vw, 88px); }
.onceki-sonraki a { display: flex; align-items: center; gap: 16px; padding: 22px 24px; border-radius: var(--r); background: var(--sis); color: var(--murekkep); font-weight: 700; line-height: 1.35; transition: background .3s; }
.onceki-sonraki a:hover { background: var(--buz); color: var(--kobalt); }
.onceki-sonraki small { display: block; margin-bottom: 4px; font-size: .76rem; color: var(--soluk); text-transform: uppercase; letter-spacing: .08em; }
.onceki-sonraki .sonraki { justify-content: flex-end; text-align: end; }
.onceki-sonraki .ikon { color: var(--kobalt); }

/* ---------------------------------------------------------------- haber ve yayın metni */
.yazi-giris { position: relative; isolation: isolate; overflow: hidden; padding-block: calc(var(--ust-y) + clamp(48px, 7vw, 84px)) clamp(100px, 12vw, 150px); background: linear-gradient(155deg, #0A1A2E, #0F2747 70%); color: rgba(255, 255, 255, .75); }
.yazi-giris::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(45% 70% at 90% 10%, rgba(36, 94, 234, .35), transparent 70%); }
.yazi-giris__ic { max-width: 980px; }
.yazi-giris h1 { color: #fff; font-size: clamp(1.9rem, 3.8vw, 3.2rem); line-height: 1.15; }
.yazi-giris__ozet { font-size: 1.12rem; max-width: 800px; margin: 0; }
.yazi-giris .ust-bilgi { color: rgba(255, 255, 255, .62); }
.yazi-giris .rozet--acik { background: rgba(141, 174, 255, .16); color: var(--mavi-acik); }
.yazi-giris__birim { display: flex; align-items: center; gap: 10px; margin: 22px 0 0; }
.yazi-giris__birim a { color: #fff; font-weight: 650; }
.yazi-giris__birim .ikon { color: var(--mavi-acik); }
.yazi__gorsel { margin: clamp(-90px, -8vw, -60px) 0 0; border-radius: var(--r-b); overflow: hidden; aspect-ratio: 21 / 9; box-shadow: var(--golge-b); }
.yazi__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.yazi__izgara { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: clamp(36px, 5vw, 72px); align-items: start; margin-top: clamp(40px, 6vw, 72px); }
.yazi__yan { position: sticky; top: calc(var(--ust-y) + 24px); display: grid; gap: 18px; }
.metin-icerik { font-size: 1.08rem; line-height: 1.82; }
.metin-icerik p { margin-bottom: 1.2em; }
.metin-icerik h2 { margin: 1.9em 0 .6em; font-size: clamp(1.4rem, 2.2vw, 1.8rem); }
.metin-icerik h3 { margin: 1.6em 0 .5em; font-size: 1.2rem; }
.metin-icerik section:first-child h2:first-child { margin-top: 0; }
.metin-icerik ul.madde { display: grid; gap: 10px; margin: 0 0 1.4em; }
.metin-icerik ul.madde li { position: relative; padding-inline-start: 26px; }
.metin-icerik ul.madde li::before { content: ""; position: absolute; inset-inline-start: 2px; top: .62em; width: 10px; height: 12px; background: var(--kobalt); clip-path: polygon(0 30%, 100% 0, 100% 70%, 0 100%); }
.kaynak-baslik { font-size: 1.05rem !important; color: var(--soluk) !important; text-transform: uppercase; letter-spacing: .08em; }
[dir="rtl"] .kaynak-baslik { letter-spacing: 0; }
.metin-icerik ul.kaynaklar { display: grid; gap: 10px; padding: 22px 24px; border-radius: var(--r); background: var(--sis); font-size: .86rem; line-height: 1.6; }
.metin-icerik ul.kaynaklar li { overflow-wrap: anywhere; }
[dir="rtl"] .metin-icerik ul.kaynaklar li { direction: ltr; text-align: left; unicode-bidi: plaintext; }
.one-cikanlar { margin-bottom: 40px; padding: 28px 30px; border-radius: var(--r-b); background: var(--buz); }
.one-cikanlar h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 16px !important; font-size: 1.1rem !important; }
.one-cikanlar h2 .ikon { color: var(--kobalt); }
.one-cikanlar ul { display: grid; gap: 12px; }
.one-cikanlar li { position: relative; padding-inline-start: 28px; font-weight: 550; color: var(--murekkep); font-size: 1rem; line-height: 1.6; }
.one-cikanlar li::before { content: ""; position: absolute; inset-inline-start: 0; top: .45em; width: 14px; height: 14px; border-radius: 50%; background: var(--kobalt); box-shadow: 0 0 0 4px rgba(36, 94, 234, .18); }
.icindekiler ol { display: grid; gap: 4px; counter-reset: ic; }
.icindekiler li { counter-increment: ic; }
.icindekiler a { display: flex; gap: 10px; padding: 8px 10px; border-radius: 10px; color: var(--metin); font-size: .9rem; line-height: 1.4; }
.icindekiler a::before { content: counter(ic, decimal-leading-zero); font-weight: 800; color: var(--kobalt); font-size: .78rem; padding-top: 2px; }
.icindekiler a:hover, .icindekiler a.etkin { background: var(--sis); color: var(--kobalt); }

.paylas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 48px; padding: 18px 20px; border-radius: var(--r); background: var(--sis); }
.paylas__baslik { margin-inline-end: 8px; font-weight: 750; color: var(--murekkep); font-size: .92rem; }
.paylas a, .paylas button { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: #fff; color: var(--lacivert); font-size: .85rem; font-weight: 650; transition: background .3s, color .3s; }
.paylas a:hover, .paylas button:hover { background: var(--kobalt); color: #fff; }
.paylas .ikon { width: 16px; height: 16px; }

.one-cikan { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: center; margin-bottom: 48px; padding: clamp(18px, 2vw, 24px); border-radius: var(--r-b); background: var(--sis); }
.one-cikan__gorsel { display: block; aspect-ratio: 16 / 10; border-radius: var(--r); overflow: hidden; }
.one-cikan__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--gecis); }
.one-cikan:hover .one-cikan__gorsel img { transform: scale(1.05); }
.one-cikan h2 { font-size: clamp(1.4rem, 2.4vw, 2rem); }
.one-cikan h2 a { color: var(--murekkep); }

.suzgec { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 36px; }
.suzgec__dugme { padding: 10px 18px; border-radius: 999px; background: var(--sis); border: 1px solid var(--cizgi); color: var(--murekkep); font-weight: 650; font-size: .9rem; transition: background .3s, color .3s; }
.suzgec__dugme:hover { color: var(--kobalt); border-color: var(--kobalt); }
.suzgec__dugme.etkin { background: var(--lacivert); border-color: var(--lacivert); color: #fff; }
[data-suzgec-hedef] > .gizlendi { display: none; }

/* ---------------------------------------------------------------- etkinlikler */
.etkinlik-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.etkinlik-kart { position: relative; display: flex; flex-direction: column; border-radius: var(--r); background: #fff; border: 1px solid var(--cizgi); overflow: hidden; transition: box-shadow .45s; }
.etkinlik-kart:hover { box-shadow: var(--golge-b); }
.etkinlik-kart__gorsel { aspect-ratio: 16 / 10; overflow: hidden; }
.etkinlik-kart__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--gecis); }
.etkinlik-kart:hover img { transform: scale(1.07); }
.etkinlik-kart__govde { padding: 22px 24px 26px; }
.etkinlik-kart h3 { display: flex; align-items: center; gap: 10px; font-size: 1.14rem; }
.etkinlik-kart h3 .ikon { color: var(--kobalt); }
.etkinlik-kart p { margin: 0; color: var(--soluk); font-size: .95rem; }
.etkinlik-kart--genis { grid-column: span 2; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
.etkinlik-kart--genis .etkinlik-kart__gorsel { aspect-ratio: auto; min-height: 300px; }
.etkinlik-kart--genis .etkinlik-kart__govde { display: flex; flex-direction: column; justify-content: center; padding: clamp(24px, 3vw, 44px); }
.etkinlik-kart--genis h3 { font-size: 1.6rem; }
.etkinlik-kart--tam { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.etkinlik-kart--tam .etkinlik-kart__gorsel { min-height: 260px; }

/* ---------------------------------------------------------------- SSS */
.sss { display: grid; gap: 12px; margin-bottom: 28px; }
.sss__oge { border-radius: 18px; background: #fff; border: 1px solid var(--cizgi); transition: box-shadow .4s, border-color .4s; }
.sss__oge[open] { box-shadow: var(--golge); border-color: transparent; }
.sss__oge summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 24px; list-style: none; cursor: pointer; font-weight: 700; color: var(--murekkep); line-height: 1.4; }
.sss__oge summary::-webkit-details-marker { display: none; }
.sss__oge summary .ikon { display: block; width: 34px; height: 34px; padding: 8px; border-radius: 50%; background: var(--buz); color: var(--kobalt); transition: transform .4s var(--gecis), background .3s, color .3s; }
.sss__oge[open] summary .ikon { transform: rotate(45deg); background: var(--kobalt); color: #fff; }
.sss__oge p { margin: 0; padding: 0 24px 22px; color: var(--metin); }
.sss--buyuk summary { font-size: 1.08rem; padding: 24px 28px; }
.sss--buyuk .sss__oge p { padding: 0 28px 26px; }

/* ---------------------------------------------------------------- formlar */
.form-duzen { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: start; }
.form { position: relative; padding: clamp(24px, 4vw, 44px); border-radius: var(--r-b); background: #fff; border: 1px solid var(--cizgi); box-shadow: var(--golge); }
.form fieldset { margin: 0 0 30px; padding: 0; border: 0; min-width: 0; }
.form legend { margin-bottom: 20px; padding: 0; font-weight: 750; font-size: 1.25rem; color: var(--murekkep); }
.alanlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; }
.alan { display: grid; align-content: start; gap: 8px; }
.alan--genis { grid-column: 1 / -1; }
.alan + .alan--genis, .alanlar + .alan--genis, .alan--genis + .alanlar, .alan--genis + .alan--genis { margin-top: 18px; }
.alan label, .alan__etiket { font-weight: 650; font-size: .92rem; color: var(--murekkep); }
.alan input:not([type="checkbox"]):not([type="radio"]), .alan select, .alan textarea, .bulten-form input {
  width: 100%; padding: 14px 16px; border-radius: 12px;
  border: 1.5px solid var(--cizgi); background: var(--sis);
  font-size: 1rem; color: var(--murekkep);
  transition: border-color .25s, background .25s, box-shadow .25s;
}
.alan textarea { resize: vertical; min-height: 120px; }
.alan input:focus, .alan select:focus, .alan textarea:focus, .bulten-form input:focus { outline: none; border-color: var(--kobalt); background: #fff; box-shadow: 0 0 0 4px rgba(36, 94, 234, .14); }
.alan [aria-invalid="true"] { border-color: var(--hata) !important; background: #FFF7F8 !important; }
.alan__hata { margin: 0; color: var(--hata); font-size: .86rem; font-weight: 650; }
.alan__not { margin: 0; color: var(--soluk); font-size: .85rem; }
.bal-kupu { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.secim-kartlari { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.secim-karti { position: relative; cursor: pointer; }
.secim-karti input { position: absolute; opacity: 0; inset: 0; }
.secim-karti > span { display: grid; gap: 10px; height: 100%; padding: 18px; border-radius: 16px; border: 1.5px solid var(--cizgi); background: var(--sis); transition: border-color .25s, background .25s, transform .35s var(--gecis); }
.secim-karti .ikon { width: 26px; height: 26px; color: var(--kobalt); }
.secim-karti strong { color: var(--murekkep); font-size: .95rem; line-height: 1.3; }
.secim-karti input:checked + span { border-color: var(--kobalt); background: var(--buz); transform: translateY(-2px); box-shadow: 0 12px 24px -16px rgba(36, 94, 234, .8); }
.secim-karti input:focus-visible + span { outline: 3px solid var(--mavi-acik); outline-offset: 2px; }
.onay-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; }
.onay { display: flex; gap: 12px; align-items: flex-start; padding: 8px 4px; font-size: .92rem; color: var(--metin); cursor: pointer; line-height: 1.45; }
.onay input { width: 20px; height: 20px; margin: 0; flex: none; accent-color: var(--kobalt); }
.onay--tek { padding: 10px 0; }
.form__alt { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; padding-top: 6px; }
.adim-gosterge { display: none; }
.js .adimli-form.adimli .adim-gosterge { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 30px; }
.adim-gosterge li { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; background: var(--sis); color: var(--soluk); font-weight: 650; font-size: .88rem; line-height: 1.3; }
.adim-gosterge span { display: grid; place-items: center; width: 28px; height: 28px; flex: none; border-radius: 50%; background: #fff; font-weight: 800; font-size: .82rem; }
.adim-gosterge li.etkin { background: var(--lacivert); color: #fff; }
.adim-gosterge li.etkin span { background: var(--kobalt); color: #fff; }
.adim-gosterge li.tamam span { background: var(--basari); color: #fff; }
.js .adimli-form.adimli .form__adim:not(.etkin) { display: none; }
.js .adimli-form.adimli .form__adim.etkin { animation: adim-gir .6s var(--gecis); }
@keyframes adim-gir { from { opacity: 0; transform: perspective(900px) translateX(30px) rotateY(-8deg); } to { opacity: 1; transform: none; } }
.bildirim { display: flex; align-items: center; gap: 10px; margin: 0 0 22px; padding: 14px 18px; border-radius: 14px; background: var(--buz); color: var(--lacivert); font-size: .94rem; font-weight: 600; }
.bildirim--hata { background: #FDECEF; color: #8E1B2D; }
.bildirim--basari { background: #E6F5EC; color: #145C34; }
.form-yan { display: grid; gap: 18px; position: sticky; top: calc(var(--ust-y) + 24px); }
.mini-adimlar { display: grid; gap: 14px; counter-reset: m; }
.mini-adimlar li { counter-increment: m; display: grid; grid-template-columns: 30px 1fr; gap: 2px 12px; font-size: .9rem; }
.mini-adimlar li::before { content: counter(m); grid-row: span 2; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: var(--buz); color: var(--kobalt); font-weight: 800; font-size: .8rem; }
.mini-adimlar strong { color: var(--murekkep); }
.mini-adimlar span { color: var(--soluk); line-height: 1.45; }
.sonuc-kart { grid-column: 1 / -1; display: grid; justify-items: center; gap: 8px; padding: clamp(36px, 6vw, 72px); border-radius: var(--r-b); background: #fff; border: 1px solid var(--cizgi); box-shadow: var(--golge); text-align: center; }
.sonuc-kart__ikon { display: grid; place-items: center; width: 84px; height: 84px; margin-bottom: 10px; border-radius: 50%; background: #E6F5EC; color: var(--basari); }
.sonuc-kart__ikon .ikon { width: 40px; height: 40px; }
.sonuc-kart p { max-width: 560px; }
.iletisim-kart { padding: 28px; border-radius: var(--r-b); background: linear-gradient(150deg, #123A7A, var(--lacivert) 55%, var(--gece-2)); color: rgba(255, 255, 255, .75); }
.iletisim-kart h2 { color: #fff; font-size: 1.3rem; margin-bottom: 20px; }
.iletisim-kart ul { display: grid; gap: 16px; }
.iletisim-kart li { display: flex; gap: 14px; align-items: center; }
.iletisim-kart small { display: block; font-size: .78rem; color: rgba(255, 255, 255, .55); font-weight: 650; }
.iletisim-kart a { color: #fff; font-weight: 700; }
.iletisim-kart__ikon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: rgba(255, 255, 255, .12); color: #fff; flex: none; }

/* ---------------------------------------------------------------- kurumsal kimlik */
.logo-onizleme { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 22px; }
.logo-onizleme__kart { position: relative; display: grid; place-items: center; margin: 0; aspect-ratio: 16 / 9; border-radius: var(--r-b); background: var(--sis); }
.logo-onizleme__kart .logo-svg { height: auto; width: 52%; }
.logo-onizleme__kart figcaption { position: absolute; inset-inline-start: 20px; bottom: 16px; font-size: .8rem; font-weight: 700; color: var(--soluk); }
.logo-onizleme__kart--koyu { background: var(--lacivert); --logo-harf: #fff; --logo-vurgu: var(--mavi-acik); }
.logo-onizleme__kart--koyu figcaption { color: rgba(255, 255, 255, .6); }
.indirme-liste { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.indirme-liste a { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 16px; background: #fff; border: 1px solid var(--cizgi); color: var(--murekkep); transition: border-color .3s, box-shadow .3s; }
.indirme-liste a:hover { border-color: var(--kobalt); box-shadow: var(--golge); }
.indirme-liste .ikon { color: var(--kobalt); }
.indirme-liste strong { display: block; font-size: .95rem; }
.indirme-liste span span { font-size: .85rem; color: var(--soluk); }
.renkler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.renk { display: flex; flex-direction: column; justify-content: flex-end; gap: 2px; aspect-ratio: 4 / 3; padding: 20px; border-radius: var(--r); }
.renk--koyu { color: #fff; }
.renk--acik { color: var(--lacivert); }
.renk--122b49 { background: #122B49; }
.renk--245eea { background: #245EEA; }
.renk--8daeff { background: #8DAEFF; }
.renk--edf3fa { background: #EDF3FA; border: 1px solid var(--cizgi); }
.renk__ad { font-weight: 800; font-size: 1.05rem; }
.renk__kod { font-size: .8rem; font-weight: 600; opacity: .8; direction: ltr; text-align: start; }
.yazi-ornek { margin: 0 0 10px; font-size: 2.6rem; font-weight: 800; letter-spacing: -.03em; color: var(--murekkep); }
.alinti-kutu { padding: 28px; border-radius: var(--r-b); background: var(--sis); }
.alinti-kutu p { font-size: 1.04rem; color: var(--murekkep); }
.yuvarlak-gorsel { margin: 28px 0 0; border-radius: var(--r-b); overflow: hidden; aspect-ratio: 16 / 11; box-shadow: var(--golge-b); }
.yuvarlak-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.site-haritasi { columns: 3 260px; column-gap: 40px; }
.site-haritasi section { break-inside: avoid; margin-bottom: 36px; }
.site-haritasi h2 { font-size: 1.15rem; }
.site-haritasi ul { display: grid; gap: 6px; }
.site-haritasi a { color: var(--metin); font-size: .95rem; }
.site-haritasi a:hover { color: var(--kobalt); }

/* ---------------------------------------------------------------- kapanış çağrısı */
.kapanis { overflow-x: clip; padding-block: clamp(24px, 4vw, 48px) clamp(72px, 9vw, 120px); }
.kapanis__kart { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); min-height: 420px; border-radius: 36px; background: linear-gradient(120deg, #07152A 0%, #0F2D5E 55%, #1D4FC8 100%); color: rgba(255, 255, 255, .76); box-shadow: var(--golge-b); }
.kapanis__gorsel { position: absolute; inset-block: 0; inset-inline-end: 0; width: 48%; z-index: -2; mask-image: linear-gradient(90deg, transparent, #000 45%); -webkit-mask-image: linear-gradient(90deg, transparent, #000 45%); }
[dir="rtl"] .kapanis__gorsel { mask-image: linear-gradient(270deg, transparent, #000 45%); -webkit-mask-image: linear-gradient(270deg, transparent, #000 45%); }
.kapanis__gorsel img { width: 100%; height: 100%; object-fit: cover; opacity: .55; mix-blend-mode: luminosity; }
.kapanis__halkalar { position: absolute; inset-inline-end: 8%; top: 50%; width: 380px; height: 380px; margin-top: -190px; z-index: -1; perspective: 900px; }
.kapanis__halkalar span { position: absolute; inset: 0; border-radius: 50%; border: 1.5px solid rgba(141, 174, 255, .45); transform-style: preserve-3d; animation: halka-don 14s linear infinite; }
.kapanis__halkalar span:nth-child(2) { inset: 12%; border-color: rgba(255, 255, 255, .35); animation-duration: 18s; animation-direction: reverse; }
.kapanis__halkalar span:nth-child(3) { inset: 26%; border-color: rgba(91, 139, 255, .6); animation-duration: 11s; }
@keyframes halka-don { from { transform: rotateX(68deg) rotateZ(0); } to { transform: rotateX(68deg) rotateZ(360deg); } }
.kapanis__metin { position: relative; padding: clamp(36px, 6vw, 80px); align-self: center; }
.kapanis__metin h2 { color: #fff; font-size: clamp(2rem, 4vw, 3.4rem); }
.kapanis__metin h2 em { color: var(--mavi-acik); }
.kapanis__metin p { font-size: 1.08rem; max-width: 520px; }

/* ---------------------------------------------------------------- alt bölüm */
.alt { background: var(--gece); color: rgba(255, 255, 255, .62); padding-top: clamp(64px, 8vw, 96px); font-size: .95rem; --logo-harf: #fff; --logo-vurgu: var(--mavi-acik); }
.alt a { color: rgba(255, 255, 255, .72); }
.alt a:hover { color: #fff; }
.alt__ust { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 2fr) minmax(0, 1.2fr); gap: clamp(32px, 5vw, 64px); }
.alt__logo .logo-svg { height: 34px; }
.alt__ad { margin: 18px 0 8px; color: #fff; font-weight: 750; }
.alt__tanim { font-size: .9rem; }
.alt__iletisim { display: grid; gap: 10px; margin-top: 22px; }
.alt__iletisim li { display: flex; align-items: center; gap: 10px; }
.alt__iletisim .ikon { color: var(--mavi-acik); width: 18px; height: 18px; }
.alt__sosyal { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.alt__sosyal a { padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, .06); font-size: .85rem; }
.alt__menu { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.alt__baslik { margin: 0 0 16px; color: #fff; font-weight: 750; font-size: .85rem; letter-spacing: .1em; text-transform: uppercase; }
[dir="rtl"] .alt__baslik { letter-spacing: 0; font-size: .95rem; }
.alt__menu ul { display: grid; gap: 10px; }
.alt__menu a { font-size: .92rem; }
.alt__bulten p { font-size: .9rem; }
.bulten-form { display: flex; gap: 8px; padding: 6px; margin-top: 16px; border-radius: 999px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .12); }
.bulten-form input { flex: 1; min-width: 0; padding: 10px 14px; border: 0; background: transparent; color: #fff; border-radius: 999px; }
.bulten-form input::placeholder { color: rgba(255, 255, 255, .45); }
.bulten-form input:focus { background: rgba(255, 255, 255, .06); box-shadow: none; }
.bulten-form .dugme { padding: 10px 18px; font-size: .88rem; }
.alt__not { margin-top: 12px; font-size: .8rem !important; color: rgba(255, 255, 255, .45); }
.alt .bildirim { margin-top: 14px; }
.alt__taban { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px 28px; margin-top: clamp(48px, 6vw, 72px); margin-bottom: 28px; padding: 18px 24px; border-radius: 18px; background: rgba(255, 255, 255, .04); font-size: .85rem; }
.alt__taban p { margin: 0; }
.alt__taban ul { display: flex; flex-wrap: wrap; gap: 8px 20px; }

/* ---------------------------------------------------------------- duyarlı düzen */
@media (max-width: 1180px) {
  .menu__baglanti { padding: 10px 10px; font-size: .9rem; }
  .ust__ic { gap: 18px; }
}
@media (max-width: 1100px) {
  :root { --ust-y: 70px; }
  .menu-ac { display: grid; }
  .menu {
    position: fixed; inset-inline: 0; top: var(--ust-y); bottom: 0;
    background: #fff; color: var(--murekkep);
    overflow-y: auto; overscroll-behavior: contain;
    padding: 18px clamp(16px, 4vw, 40px) 40px;
    opacity: 0; transform: translateY(-14px); visibility: hidden; pointer-events: none;
    transition: opacity .35s, transform .5s var(--gecis), visibility 0s .5s;
  }
  .menu.acik { opacity: 1; transform: none; visibility: visible; pointer-events: auto; transition: opacity .35s, transform .5s var(--gecis), visibility 0s; }
  .menu__liste { flex-direction: column; align-items: stretch; gap: 4px; }
  .menu__baglanti { width: 100%; justify-content: space-between; padding: 16px 14px; font-size: 1.05rem; border-radius: 14px; }
  .menu__baglanti.aktif { color: var(--kobalt); }
  .menu__oge--mega:hover > .menu__baglanti { background: transparent; }
  .mega, .menu__oge--mega:hover .mega, .menu__oge--mega:focus-within .mega { position: static; display: none; opacity: 1; visibility: visible; transform: none; box-shadow: none; border-radius: 0; background: transparent; transition: none; }
  .menu__oge--mega.acik .mega { display: block; }
  .menu__oge--mega:hover .menu__ok { transform: none; }
  .menu__baglanti[aria-expanded="true"] .menu__ok { transform: rotate(180deg); }
  .mega__ic { display: block; padding: 0 0 12px; }
  .mega__tanitim { display: none; }
  .mega__liste { grid-template-columns: 1fr; }
  .mega__baglanti { padding: 12px; }
  .menu__mobil-alt { display: grid; gap: 14px; margin-top: 24px; text-align: center; }
  .ust__cta { display: none; }
  .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bento__kart--1 { grid-column: span 2; grid-row: span 1; }
  .bento__kart--2, .bento__kart--5, .bento__kart--6 { grid-column: span 1; }
  .kart-izgara--3, .kart-izgara--4, .kart-izgara--haber { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eksenler, .islev-liste, .surec, .surec--6, .adimlar--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .halka-bolum, .vitrin, .kure-bolum__izgara, .tanitim__izgara, .baskan-vitrin__izgara, .profil__izgara, .ayrinti, .yazi__izgara, .form-duzen, .gundem-izgara, .alt__ust, .iki-sutun, .iki-sutun--metin, .one-cikan { grid-template-columns: minmax(0, 1fr); }
  .vitrin__onizleme { display: none; }
  .profil__yan, .ayrinti__yan, .yazi__yan, .form-yan { position: static; }
  .profil__yan { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
  .sema__alt { grid-template-columns: 1fr; }
  .indirme-liste, .renkler, .sayaclar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kapanis__kart { grid-template-columns: 1fr; }
  .kapanis__halkalar { opacity: .5; }
  .tanitim__gorseller { max-width: 640px; }
}
@media (max-width: 720px) {
  body { font-size: 1rem; }
  .dil-secici a { padding: 5px 8px; }
  .giris { min-height: auto; padding-block: calc(var(--ust-y) + 48px) 120px; }
  .giris__kaydir { display: none; }
  .giris__sahne { opacity: .78; }
  .gundem__etiket span, .gundem__etiket { font-size: .7rem; }
  .bento { grid-template-columns: 1fr; grid-auto-rows: 240px; }
  .bento__kart--1 { grid-column: auto; }
  .kart-izgara--2, .kart-izgara--3, .kart-izgara--4, .kart-izgara--haber, .gundem-izgara .kart-izgara--haber, .eksenler, .islev-liste, .surec, .surec--6, .adimlar--3, .misyon-vizyon, .zaman-akisi, .iki-kart, .etkinlik-izgara, .logo-onizleme, .alanlar, .onay-izgara, .secim-kartlari, .onceki-sonraki, .profil__yan { grid-template-columns: minmax(0, 1fr); }
  .haber-kart--genis, .etkinlik-kart--genis { grid-column: auto; grid-template-columns: 1fr; }
  .haber-kart--genis .haber-kart__gorsel, .etkinlik-kart--genis .etkinlik-kart__gorsel { aspect-ratio: 16 / 10; min-height: 0; }
  .bolum-baslik { grid-template-columns: minmax(0, 1fr); }
  .bolum-baslik > .dugme { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 18px; }
  .alt__menu { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .baskan-ozet { grid-template-columns: 1fr; }
  .baskan-ozet__portre { max-width: 200px; }
  .tanitim__rozet { inset-inline-start: 8px; top: 12px; padding: 12px 14px; }
  .tanitim__gorseller { padding-inline-end: 16px; }
  .kunye div { grid-template-columns: 1fr; gap: 2px; }
  .adim-gosterge li { font-size: 0; gap: 0; justify-content: center; }
  .adim-gosterge span { font-size: .82rem; }
  .yazi__gorsel { aspect-ratio: 16 / 10; }
  .halka--3d { height: 400px; }
  .sayfa-giris__desen span:nth-child(n+3) { display: none; }
  .kapanis__kart { border-radius: 26px; }
  .numarali li { grid-template-columns: 40px 1fr; padding: 14px 16px; }
  .renk { aspect-ratio: auto; min-height: 120px; }
}
@media (max-width: 420px) {
  .ust__ic { gap: 10px; }
  .logo-svg { height: 26px; }
  .indirme-liste, .renkler, .sayaclar, .alt__menu { grid-template-columns: minmax(0, 1fr); }
}

/* ---------------------------------------------------------------- hareket azaltma ve yazdırma */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
  .js [data-belir] { opacity: 1; transform: none; }
}
@media print {
  .ust, .alt, .kapanis, .paylas, .gundem, .giris__sahne, .sayfa-giris__desen, .yazi__yan { display: none !important; }
  .sayfa-giris, .yazi-giris, .giris { background: none; color: #000; padding: 0; min-height: 0; }
  .sayfa-giris h1, .yazi-giris h1 { color: #000; }
  .js [data-belir] { opacity: 1; transform: none; }
}