/* ══════════════════════════════════════════════════════════════════════════
   ÜSKÜDAR HUKUK — TASARIM SİSTEMİ
   ──────────────────────────────────────────────────────────────────────────
   NEDEN BU DOSYA ELLE YAZILDI (Tailwind'e eklenmedi):
   Projede node_modules kurulu değil ve public_html/build/ altındaki derlenmiş
   Tailwind çıktısı 03.04.2026 tarihli. `npm run build` çalıştırılamadığı için
   Tailwind'e eklenen yeni sınıflar CSS'e HİÇ girmiyor — layouts/app.blade.php
   içindeki inline <style> yamaları da tam olarak bu yüzden birikmiş.
   Bu dosya derleme gerektirmez, doğrudan <link> ile yüklenir.

   ÇAKIŞMA YOK: tüm sınıflar `u-` önekli, tüm değişkenler `--u-` önekli.
   Eski sayfalar Tailwind derlemesiyle çalışmaya devam eder.

   YÜKLEME SIRASI: @vite'tan SONRA gelmeli (bkz. layouts/app.blade.php).
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 1. TOKENLAR ──────────────────────────────────────────────────────── */
:root{
  /* koyu ölçek */
  --u-ink:#0B1526;
  --u-navy-900:#101E3F;
  --u-navy-800:#17274F;
  --u-navy-700:#1E3163;
  --u-navy-600:#2A4578;
  --u-blue-500:#3A5FA0;
  --u-blue-400:#5F82BE;

  /* açık ölçek */
  --u-mist-050:#F5F8FD;
  --u-mist-100:#EDF3FB;
  --u-mist-200:#E0EAF7;
  --u-line:#E1E9F4;
  --u-line-strong:#C7D6EA;
  --u-paper:#FFFFFF;

  /* metin */
  --u-text:#1A2438;
  --u-muted:#6E7A90;
  --u-on-dark:#B9C7DE;
  --u-on-dark-dim:#8496B4;

  /* yarıçap — TEK sistem */
  --u-r-xs:3px; --u-r-sm:4px; --u-r:6px; --u-r-lg:10px; --u-r-pill:999px;

  /* gölge */
  --u-sh-1:0 1px 2px rgba(11,21,38,.05);
  --u-sh-2:0 14px 34px -14px rgba(11,21,38,.20);
  --u-sh-3:0 28px 60px -24px rgba(11,21,38,.28);

  /* boşluk — 4/8 tabanlı */
  --u-s1:4px; --u-s2:8px; --u-s3:12px; --u-s4:16px; --u-s5:24px;
  --u-s6:32px; --u-s7:40px; --u-s8:56px; --u-s9:72px;

  /* bölüm ritmi — 3 kademe */
  --u-sec-lg:112px; --u-sec-md:72px; --u-sec-sm:40px;

  /* yerleşim */
  --u-container:1200px; --u-gutter:24px;

  /* tipografi ölçeği */
  --u-f-display:clamp(2.35rem,1.6rem + 2.6vw,3.4rem);
  --u-f-h2:clamp(1.8rem,1.35rem + 1.7vw,2.6rem);
  --u-f-h3:1.1875rem;
  --u-f-h4:1.0625rem;
  --u-f-body:1rem;
  --u-f-sm:.9375rem;
  --u-f-meta:.8125rem;
  --u-f-eyebrow:.6875rem;

  /* hareket */
  --u-e:cubic-bezier(.22,.61,.36,1);
  --u-t-fast:180ms; --u-t-base:280ms; --u-t-slow:520ms;

  /* tek aile — başlık ve gövde aynı font */
  --u-sans:'Figtree',ui-sans-serif,system-ui,-apple-system,sans-serif;
}
@media (max-width:900px){
  :root{--u-sec-lg:72px;--u-sec-md:48px;--u-gutter:20px}
}

/* ── 2. TEMEL ─────────────────────────────────────────────────────────── */
/* Sadece yeni tasarıma geçmiş sayfalarda uygulanır (body.u-page).
   Eski sayfalar Tailwind'in font-sans/Inter düzeninde kalır. */
body.u-page{
  font-family:var(--u-sans);
  font-size:var(--u-f-body);
  line-height:1.75;
  color:var(--u-text);
  background:var(--u-paper);
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
body.u-page *,body.u-page *::before,body.u-page *::after{box-sizing:border-box}
body.u-page [id]{scroll-margin-top:88px}
html{scroll-behavior:smooth}
.u-page a{color:var(--u-blue-500);text-decoration:none}
.u-page .u-btn{color:var(--u-btn-fg)}
.u-page .u-hd__logo{color:rgba(255,255,255,.88)}
.u-page :focus-visible{outline:2px solid var(--u-blue-500);outline-offset:3px;border-radius:var(--u-r-xs)}
.u-page img{max-width:100%;height:auto}
/* Ekran okuyucuya görünür, gözle görünmez — "içeriğe atla" bağlantısı için */
.u-skip{position:absolute;left:-9999px;top:0;z-index:200}
.u-skip:focus{left:var(--u-gutter);top:var(--u-s3);background:var(--u-paper);
  color:var(--u-navy-900);padding:var(--u-s3) var(--u-s5);border-radius:var(--u-r);
  box-shadow:var(--u-sh-3);font-weight:600;font-size:var(--u-f-meta)}

/* ── 3. YERLEŞİM ──────────────────────────────────────────────────────── */
.u-container{width:100%;max-width:var(--u-container);margin-inline:auto;padding-inline:var(--u-gutter)}

.u-section{padding-block:var(--u-sec-lg);position:relative}
.u-section--tight{padding-block:var(--u-sec-md)}
.u-section--mist{background:var(--u-mist-100)}
.u-section--soft{background:var(--u-mist-050)}
.u-section--ink{background:var(--u-navy-900);color:var(--u-on-dark)}
.u-section--ink .u-h2,.u-section--ink .u-h3,.u-section--ink .u-display{color:#fff}

.u-grid{display:grid;gap:var(--u-s5)}
.u-grid>*{min-width:0}
.u-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.u-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.u-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.u-grid--split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--u-s9);align-items:start}
@media(max-width:1180px){.u-grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .u-grid--2,.u-grid--3,.u-grid--4,.u-grid--split{grid-template-columns:minmax(0,1fr);gap:var(--u-s6)}
}
.u-head--split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);
  gap:var(--u-s9);align-items:end;margin-bottom:var(--u-s8)}
@media(max-width:900px){
  .u-head--split{grid-template-columns:1fr;gap:var(--u-s5);margin-bottom:var(--u-s6)}
}
.u-cta{display:flex;flex-wrap:wrap;gap:var(--u-s6);align-items:center;justify-content:space-between}

/* ── 4. TİPOGRAFİ ─────────────────────────────────────────────────────── */
.u-display{font-size:var(--u-f-display);line-height:1.08;letter-spacing:-.03em;
  color:var(--u-navy-900);margin:0 0 var(--u-s5);font-weight:500}
.u-h2{font-size:var(--u-f-h2);line-height:1.14;letter-spacing:-.025em;
  color:var(--u-navy-900);margin:0 0 var(--u-s4);font-weight:500}
.u-h3{font-size:var(--u-f-h3);line-height:1.32;letter-spacing:-.012em;
  font-weight:600;color:var(--u-navy-900);margin:0 0 var(--u-s3)}
.u-h4{font-size:var(--u-f-h4);font-weight:600;letter-spacing:-.008em;
  color:var(--u-navy-900);margin:0 0 var(--u-s2)}
.u-lead{font-size:var(--u-f-body);color:var(--u-muted);margin:0;max-width:62ch}
.u-lead--sm{font-size:var(--u-f-sm)}
.u-section--ink .u-lead,.u-media .u-lead{color:var(--u-on-dark)}
.u-meta{font-size:var(--u-f-meta);color:var(--u-muted);font-variant-numeric:tabular-nums}
.u-strong-light{color:#fff;font-weight:600}

/* u-eyebrow — İMZA ÖĞE: künye çizgisi */
.u-eyebrow{display:flex;align-items:center;gap:var(--u-s3);
  font-size:var(--u-f-eyebrow);font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--u-muted);margin:0 0 var(--u-s4)}
.u-eyebrow::before{content:"";width:34px;height:1px;background:var(--u-line-strong);flex:none}
.u-eyebrow__no{font-variant-numeric:tabular-nums;color:var(--u-blue-500);
  border-left:1px solid var(--u-line-strong);padding-left:var(--u-s3)}
.u-section--ink .u-eyebrow,.u-media .u-eyebrow{color:var(--u-on-dark-dim)}
.u-section--ink .u-eyebrow::before,.u-media .u-eyebrow::before{background:rgba(255,255,255,.28)}
.u-section--ink .u-eyebrow__no,.u-media .u-eyebrow__no{color:#fff;border-color:rgba(255,255,255,.2)}

/* ── 5. BUTON & BAĞLANTI ──────────────────────────────────────────────── */
.u-btn{
  --u-btn-bg:var(--u-navy-800);--u-btn-fg:#fff;--u-btn-bd:var(--u-navy-800);
  display:inline-flex;align-items:center;gap:var(--u-s3);
  min-height:46px;padding:0 var(--u-s3) 0 var(--u-s5);
  background:var(--u-btn-bg);color:var(--u-btn-fg);border:1px solid var(--u-btn-bd);
  border-radius:var(--u-r);font:inherit;font-size:var(--u-f-meta);font-weight:600;
  letter-spacing:-.005em;cursor:pointer;text-decoration:none;
  transition:background var(--u-t-fast) var(--u-e),border-color var(--u-t-fast) var(--u-e),color var(--u-t-fast) var(--u-e)
}
.u-btn__chip{display:grid;place-items:center;width:26px;height:26px;flex:none;
  border-radius:var(--u-r-xs);background:rgba(255,255,255,.14);
  transition:background var(--u-t-fast) var(--u-e),transform var(--u-t-fast) var(--u-e)}
.u-btn__chip svg{width:13px;height:13px}
.u-btn:hover{--u-btn-bg:var(--u-navy-600);--u-btn-bd:var(--u-navy-600);color:#fff}
.u-btn:hover .u-btn__chip{background:rgba(255,255,255,.24);transform:translateX(2px)}
.u-btn--ghost{--u-btn-bg:transparent;--u-btn-fg:var(--u-navy-900);--u-btn-bd:var(--u-line-strong)}
.u-btn--ghost:hover{--u-btn-bg:var(--u-mist-100);--u-btn-bd:var(--u-navy-800);color:var(--u-navy-900)}
.u-btn--ghost .u-btn__chip{background:rgba(16,30,63,.07)}
.u-btn--ghost:hover .u-btn__chip{background:rgba(16,30,63,.12)}
.u-btn--light{--u-btn-bg:#fff;--u-btn-fg:var(--u-navy-900);--u-btn-bd:#fff}
.u-btn--light:hover{--u-btn-bg:var(--u-mist-100);--u-btn-bd:var(--u-mist-100);color:var(--u-navy-900)}
.u-btn--light .u-btn__chip{background:rgba(16,30,63,.09)}
.u-btn--on-dark{--u-btn-bg:transparent;--u-btn-fg:#fff;--u-btn-bd:rgba(255,255,255,.30)}
.u-btn--on-dark:hover{--u-btn-bg:rgba(255,255,255,.10);--u-btn-bd:rgba(255,255,255,.6);color:#fff}
.u-btn--sm{min-height:38px;padding:0 var(--u-s2) 0 var(--u-s4);font-size:.75rem}
.u-btn--sm .u-btn__chip{width:22px;height:22px}
.u-btn--block{width:100%;justify-content:space-between}

.u-link{display:inline-flex;align-items:center;gap:var(--u-s2);font-size:var(--u-f-meta);
  font-weight:600;color:var(--u-navy-800);border-bottom:1px solid transparent;padding-bottom:2px;
  transition:color var(--u-t-fast),border-color var(--u-t-fast)}
.u-link svg{width:13px;height:13px;transition:transform var(--u-t-fast) var(--u-e)}
.u-link:hover{color:var(--u-blue-500);border-color:var(--u-blue-400)}
.u-link:hover svg{transform:translateX(3px)}

/* ── 6. KART & İKON ───────────────────────────────────────────────────── */
.u-card{background:var(--u-paper);border:1px solid var(--u-line);border-radius:var(--u-r);
  padding:var(--u-s6);position:relative;display:block;
  transition:border-color var(--u-t-base) var(--u-e),box-shadow var(--u-t-base) var(--u-e),transform var(--u-t-base) var(--u-e)}
.u-card--hover:hover{border-color:var(--u-line-strong);box-shadow:var(--u-sh-2);transform:translateY(-3px)}
.u-card--flush{padding:0;overflow:hidden}
.u-card--ink{background:var(--u-navy-800);border-color:transparent;color:var(--u-on-dark)}
.u-card--ink .u-h3,.u-card--ink .u-h4{color:#fff}
.u-card--ink p,.u-card--ink a{color:var(--u-on-dark)}
.u-card--sticky{position:sticky;top:88px}

.u-icon{display:grid;place-items:center;flex:none;background:var(--u-mist-100);
  color:var(--u-navy-800);border:1px solid var(--u-line);border-radius:var(--u-r-sm);
  transition:background var(--u-t-base) var(--u-e),color var(--u-t-base) var(--u-e),border-color var(--u-t-base) var(--u-e)}
.u-icon--sm{width:40px;height:40px}
.u-icon--md{width:48px;height:48px}
.u-icon--lg{width:56px;height:56px}
.u-icon svg{width:50%;height:50%;stroke-width:1.5}
.u-card--hover:hover .u-icon{background:var(--u-navy-800);color:#fff;border-color:var(--u-navy-800)}

/* ── 7. KÜNYE ŞERİDİ ──────────────────────────────────────────────────── */
.u-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--u-line)}
.u-fact{padding:var(--u-s6) var(--u-s5);border-left:1px solid var(--u-line)}
.u-fact:first-child{border-left:0;padding-left:0}
.u-fact__l{display:block;font-size:var(--u-f-eyebrow);letter-spacing:.14em;
  text-transform:uppercase;color:var(--u-muted);margin-bottom:var(--u-s3)}
.u-fact__v{display:block;font-size:1.25rem;line-height:1.3;color:var(--u-navy-900);
  font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.u-fact__d{display:block;font-size:var(--u-f-sm);color:var(--u-muted);line-height:1.6;margin-top:var(--u-s3)}
@media(max-width:760px){
  .u-facts{grid-template-columns:repeat(2,1fr)}
  .u-fact:nth-child(3){border-left:0;padding-left:0}
}

/* ── 8. ROZET ─────────────────────────────────────────────────────────── */
.u-badge{display:inline-flex;align-items:center;gap:var(--u-s2);height:24px;padding:0 var(--u-s3);
  border-radius:var(--u-r-xs);background:var(--u-mist-100);color:var(--u-navy-800);
  font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.u-badge--outline{background:transparent;border:1px solid var(--u-line-strong);color:var(--u-muted)}
.u-badge--on-dark{background:rgba(255,255,255,.10);color:#fff}

/* ── 9. BREADCRUMB (collapsed ancestors) ──────────────────────────────── */
.u-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--u-s2);
  font-size:var(--u-f-meta);color:var(--u-muted);margin:0;padding:0;list-style:none}
.u-crumbs a{color:inherit;border-bottom:1px solid transparent;
  transition:color var(--u-t-fast),border-color var(--u-t-fast)}
.u-crumbs a:hover{color:var(--u-navy-900);border-color:var(--u-line-strong)}
.u-crumbs__sep{color:var(--u-line-strong);user-select:none}
.u-crumbs__current{color:var(--u-navy-900);font-weight:600}
.u-crumbs__more{display:inline-grid;place-items:center;height:22px;min-width:28px;
  padding:0 var(--u-s2);border:1px solid var(--u-line-strong);border-radius:var(--u-r-xs);
  background:transparent;color:var(--u-muted);font:inherit;font-size:var(--u-f-meta);
  line-height:1;cursor:pointer;
  transition:background var(--u-t-fast),color var(--u-t-fast),border-color var(--u-t-fast)}
.u-crumbs__more:hover{background:var(--u-navy-800);border-color:var(--u-navy-800);color:#fff}
.u-crumbs__hidden{display:none;align-items:center;gap:var(--u-s2)}
.u-crumbs[data-expanded="true"] .u-crumbs__hidden{display:inline-flex}
.u-crumbs[data-expanded="true"] .u-crumbs__more{display:none}
.u-crumbs--on-dark{color:var(--u-on-dark)}
.u-crumbs--on-dark .u-crumbs__current{color:#fff}
.u-crumbs--on-dark .u-crumbs__sep{color:rgba(255,255,255,.3)}
.u-crumbs--on-dark a:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.u-crumbs--on-dark .u-crumbs__more{border-color:rgba(255,255,255,.3);color:var(--u-on-dark)}
.u-crumbs--on-dark .u-crumbs__more:hover{background:#fff;color:var(--u-navy-900);border-color:#fff}

/* ── 10. HOVER CARD ───────────────────────────────────────────────────── */
.u-hc{position:relative;display:inline-block}
.u-hc__trigger{font-weight:600;color:var(--u-navy-800);
  border-bottom:1px dashed var(--u-line-strong);cursor:help}
.u-hc__panel{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%,6px);
  width:330px;max-width:78vw;background:var(--u-paper);border:1px solid var(--u-line);
  border-radius:var(--u-r);box-shadow:var(--u-sh-3);padding:var(--u-s5);z-index:60;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity var(--u-t-fast) var(--u-e),transform var(--u-t-fast) var(--u-e),visibility var(--u-t-fast)}
.u-hc__panel::after{content:"";position:absolute;top:100%;left:50%;margin-left:-7px;
  border:7px solid transparent;border-top-color:var(--u-paper)}
.u-hc:hover .u-hc__panel,.u-hc:focus-within .u-hc__panel{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.u-hc__title{display:block;font-weight:600;color:var(--u-navy-900);
  font-size:var(--u-f-sm);margin:0 0 var(--u-s2)}
.u-hc__body{display:block;font-size:var(--u-f-sm);line-height:1.6;
  color:var(--u-muted);margin:0 0 var(--u-s3)}

/* ── 11. İSKELET (skeleton preview) ───────────────────────────────────── */
.u-sk{position:relative;overflow:hidden;background:var(--u-mist-200);border-radius:var(--u-r-xs)}
.u-sk::after{content:"";position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);
  animation:u-sk 1.4s infinite}
@keyframes u-sk{100%{transform:translateX(100%)}}
.u-sk--text{height:12px;margin-bottom:var(--u-s3)}
.u-sk--text.is-short{width:55%}
.u-sk--title{height:20px;width:72%;margin-bottom:var(--u-s4)}
.u-sk--media{aspect-ratio:16/10;border-radius:var(--u-r-xs)}
.u-sk--chip{height:20px;width:88px;border-radius:var(--u-r-xs);margin-bottom:var(--u-s4)}

/* ── 12. GÖRSEL BANT + PARALLAX ───────────────────────────────────────── */
.u-media{position:relative;overflow:hidden;background:var(--u-ink);color:var(--u-on-dark)}
.u-media__layer{position:absolute;inset:-12% 0;will-change:transform;
  background:radial-gradient(120% 90% at 22% 8%,rgba(58,95,160,.5),transparent 62%),
             linear-gradient(168deg,#16254A 0%,#0B1526 72%);
  background-size:cover;background-position:center}
.u-media__grid{position:absolute;inset:0;opacity:.14;
  background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.32) 1px,transparent 1px);
  background-size:120px 64px,64px 64px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 32%,#000 68%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 32%,#000 68%,transparent)}
.u-media__scrim{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,21,38,.5),rgba(11,21,38,.86))}
.u-media__inner{position:relative;z-index:2}
.u-media--hero{min-height:min(86vh,740px);display:grid;align-items:end}

/* ── 13. SÜREÇ ADIMLARI ───────────────────────────────────────────────── */
.u-steps{display:grid;gap:var(--u-s3)}
.u-step{display:grid;grid-template-columns:56px 1fr;gap:var(--u-s5);align-items:start;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);
  border-radius:var(--u-r);padding:var(--u-s5);
  transition:background var(--u-t-base) var(--u-e),border-color var(--u-t-base) var(--u-e)}
.u-step:hover,.u-step[aria-current="step"]{background:var(--u-paper);border-color:var(--u-paper)}
.u-step:hover .u-step__n,.u-step[aria-current="step"] .u-step__n{color:var(--u-blue-500)}
.u-step:hover .u-h4,.u-step[aria-current="step"] .u-h4{color:var(--u-navy-900)}
.u-step:hover .u-step__d,.u-step[aria-current="step"] .u-step__d{color:var(--u-muted)}
.u-step__n{font-size:1.375rem;font-weight:500;line-height:1.2;color:#fff;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.u-step .u-h4{color:#fff}
.u-step__d{font-size:var(--u-f-sm);color:var(--u-on-dark);margin:0;line-height:1.65}
@media(max-width:520px){.u-step{grid-template-columns:1fr;gap:var(--u-s3)}}

/* ── 14. FORM ─────────────────────────────────────────────────────────── */
.u-field{display:block;margin-bottom:var(--u-s5)}
.u-field__label{display:block;font-size:var(--u-f-meta);font-weight:600;
  color:var(--u-navy-900);margin-bottom:var(--u-s2)}
.u-field__ctrl{width:100%;min-height:46px;padding:var(--u-s3) var(--u-s4);
  border:1px solid var(--u-line-strong);border-radius:var(--u-r);background:var(--u-paper);
  font:inherit;font-size:var(--u-f-sm);color:var(--u-text);
  transition:border-color var(--u-t-fast),box-shadow var(--u-t-fast)}
.u-field__ctrl::placeholder{color:#9AA8BC}
.u-field__ctrl:focus{outline:0;border-color:var(--u-blue-500);box-shadow:0 0 0 3px rgba(58,95,160,.16)}
.u-field__ctrl[aria-invalid="true"]{border-color:#C0392B}
textarea.u-field__ctrl{min-height:132px;resize:vertical;line-height:1.7}
.u-field__hint{display:block;font-size:var(--u-f-meta);color:var(--u-muted);margin-top:var(--u-s2)}
.u-field__err{display:block;font-size:var(--u-f-meta);color:#C0392B;margin-top:var(--u-s2)}

.u-alert{display:flex;gap:var(--u-s3);padding:var(--u-s4) var(--u-s5);border-radius:var(--u-r);
  border:1px solid var(--u-line);border-left:3px solid var(--u-navy-800);
  background:var(--u-mist-050);font-size:var(--u-f-sm);line-height:1.65}
.u-alert--ok{border-left-color:#2F7D5B;background:#F0F7F3;border-color:#D8E9E0}
.u-alert--err{border-left-color:#C0392B;background:#FBF1F0;border-color:#EEDAD7}
.u-alert--info{border-left-color:var(--u-blue-500);background:var(--u-mist-100);border-color:var(--u-line)}

/* ── 15. AKORDİYON ────────────────────────────────────────────────────── */
.u-acc{border-top:1px solid var(--u-line)}
.u-acc__item{border-bottom:1px solid var(--u-line)}
.u-acc__btn{display:flex;width:100%;gap:var(--u-s4);align-items:center;justify-content:space-between;
  background:none;border:0;padding:var(--u-s5) 0;font:inherit;font-weight:600;letter-spacing:-.01em;
  color:var(--u-navy-900);text-align:left;cursor:pointer}
.u-acc__ico{flex:none;width:26px;height:26px;display:grid;place-items:center;
  border:1px solid var(--u-line-strong);border-radius:var(--u-r-xs);color:var(--u-muted);
  transition:transform var(--u-t-base) var(--u-e),background var(--u-t-fast),color var(--u-t-fast),border-color var(--u-t-fast)}
.u-acc__btn[aria-expanded="true"] .u-acc__ico{transform:rotate(45deg);
  background:var(--u-navy-800);color:#fff;border-color:var(--u-navy-800)}
.u-acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--u-t-base) var(--u-e)}
.u-acc__panel[data-open="true"]{grid-template-rows:1fr}
.u-acc__panel > div{overflow:hidden}
.u-acc__panel p{margin:0 0 var(--u-s5);font-size:var(--u-f-sm);color:var(--u-muted);max-width:70ch}

/* ── 16. BİLGİ KUTUSU & UZUN METİN ────────────────────────────────────── */
.u-note{background:var(--u-paper);border:1px solid var(--u-line);
  border-radius:var(--u-r);padding:var(--u-s6)}
.u-note__k{display:block;font-size:var(--u-f-eyebrow);letter-spacing:.14em;
  text-transform:uppercase;color:var(--u-blue-500);margin-bottom:var(--u-s3);font-weight:600}
.u-note p{margin:0;font-size:var(--u-f-sm);line-height:1.7;color:var(--u-muted)}

.u-prose{max-width:70ch}
.u-prose h2{font-size:1.4rem;font-weight:600;letter-spacing:-.02em;
  color:var(--u-navy-900);margin:var(--u-s7) 0 var(--u-s4)}
.u-prose h3{font-size:1.15rem;font-weight:600;color:var(--u-navy-900);margin:var(--u-s6) 0 var(--u-s3)}
.u-prose p{margin:0 0 var(--u-s5)}
.u-prose ul,.u-prose ol{margin:0 0 var(--u-s5);padding-left:1.35em}
.u-prose ul{list-style:disc}
.u-prose ol{list-style:decimal}
.u-prose li{margin:var(--u-s2) 0}
.u-prose li::marker{color:var(--u-line-strong)}

/* ── 16b. SAYFA ÖRÜNTÜLERİ ───────────────────────────────────────────── */
.u-page-hero{padding-block:clamp(4.5rem,9vw,7.5rem);min-height:360px;display:flex;align-items:end}
.u-page-hero .u-display{max-width:17ch;margin:var(--u-s5) 0 var(--u-s4);color:#fff}
.u-page-hero .u-lead{max-width:60ch}
.u-portrait{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:var(--u-r);background:var(--u-mist-100)}
.u-portrait img{width:100%;height:100%;object-fit:cover;display:block}
.u-portrait--profile{width:min(100%,460px);justify-self:end}
.u-resume-hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:var(--u-s8);align-items:end;width:100%}
.u-resume-hero__portrait{width:180px;aspect-ratio:4/5;justify-self:end}
.u-resume-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(260px,3fr);gap:var(--u-s9);align-items:start}
.u-feature-list.u-feature-list--single{grid-template-columns:1fr}
.u-profile-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--u-s4);padding:var(--u-s4);border-radius:0 0 var(--u-r) var(--u-r);background:var(--u-navy-800);color:#fff}
.u-portrait .u-profile-caption{position:absolute;inset:auto var(--u-s4) var(--u-s4);border-radius:var(--u-r-xs);background:rgba(11,21,38,.82);backdrop-filter:blur(6px)}
.u-profile-caption p{margin:0}
.u-profile-caption .u-h4,.u-profile-caption .u-meta,.u-profile-caption .u-link{color:#fff}
.u-info-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--u-line)}
.u-info-list li{display:grid;grid-template-columns:42px 1fr;gap:var(--u-s4);padding:var(--u-s4) 0;border-bottom:1px solid var(--u-line);align-items:start}
.u-info-list strong{display:block;color:var(--u-navy-900);font-size:var(--u-f-meta);margin-bottom:3px}
.u-info-list span,.u-info-list a{font-size:var(--u-f-sm);line-height:1.6;color:var(--u-muted)}
.u-info-list a:hover{color:var(--u-navy-800)}
.u-map{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:var(--u-r);border:1px solid var(--u-line);background:var(--u-mist-100)}
.u-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.7) contrast(.95)}
.u-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--u-s5)}
.u-check{display:grid;grid-template-columns:20px 1fr;gap:var(--u-s3);align-items:start;padding:var(--u-s4);background:var(--u-mist-050);border:1px solid var(--u-line);border-radius:var(--u-r);font-size:var(--u-f-meta);line-height:1.6;color:var(--u-muted);margin-bottom:var(--u-s5)}
.u-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--u-navy-800)}
.u-check button{font:inherit;color:var(--u-navy-800);font-weight:600;text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}
.u-modal{position:fixed;inset:0;z-index:140;display:none;align-items:center;justify-content:center;padding:var(--u-s5)}
.u-modal.is-open{display:flex}
.u-modal__backdrop{position:absolute;inset:0;background:rgba(5,12,25,.72);backdrop-filter:blur(3px)}
.u-modal__panel{position:relative;width:min(760px,100%);max-height:min(82vh,760px);display:flex;flex-direction:column;background:#fff;border-radius:var(--u-r);overflow:hidden;box-shadow:0 24px 70px rgba(5,12,25,.35)}
.u-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--u-s4);padding:var(--u-s5);background:var(--u-navy-900);color:#fff}
.u-modal__head h2{font-size:1rem;margin:0;color:#fff}
.u-modal__close{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:var(--u-r-xs);background:none;color:#fff;cursor:pointer}
.u-modal__body{padding:var(--u-s6);overflow:auto}
.u-modal__foot{padding:var(--u-s4) var(--u-s6);border-top:1px solid var(--u-line);display:flex;justify-content:flex-end}
.u-bot-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.u-feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--u-s4);list-style:none;margin:0;padding:0}
.u-feature-list li{padding:var(--u-s5);border-top:1px solid var(--u-line);font-size:var(--u-f-sm);line-height:1.65;color:var(--u-muted)}
.u-feature-list strong{display:block;color:var(--u-navy-900);font-size:1rem;margin-bottom:var(--u-s2)}
.u-feature-list span{display:block}
.u-team-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--u-s3);margin-top:var(--u-s6)}
.u-team-roles>div{display:grid;grid-template-columns:28px 1fr;gap:var(--u-s3);align-items:start;padding:var(--u-s4) 0;border-top:1px solid var(--u-line)}
.u-team-roles strong{color:var(--u-navy-900);font-size:1rem}
.u-team-roles span{color:var(--u-muted);font-size:var(--u-f-sm);line-height:1.5}
.u-team-head{text-align:center;max-width:650px;margin:0 auto var(--u-s8)}
.u-team-head .u-eyebrow{justify-content:center}.u-team-head .u-lead{margin-inline:auto}
.u-team-org{overflow:hidden;border:1px solid var(--u-line-strong);border-radius:var(--u-r-lg);background:#fff}
.u-team-founder{position:relative;min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--u-s6);background:var(--u-navy-900)}
.u-page .u-team-founder,.u-page .u-team-founder:hover{color:#fff}.u-team-founder strong{font-size:1.35rem}.u-team-founder span{color:var(--u-on-dark);font-size:var(--u-f-sm);margin-top:var(--u-s2)}
.u-team-founder::after{content:"";position:absolute;bottom:-8px;width:16px;height:16px;transform:rotate(45deg);background:var(--u-navy-900);z-index:2}
.u-team-label{padding:12px var(--u-s5);text-align:center;background:var(--u-mist-100);border-bottom:1px solid var(--u-line-strong);color:var(--u-blue-500);font-size:var(--u-f-eyebrow);font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.u-team-row{display:grid}.u-team-row--2{grid-template-columns:repeat(2,minmax(0,1fr));background:var(--u-mist-050)}.u-team-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.u-team-row>div{min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--u-s5)}
.u-team-row>div+div{border-left:1px solid var(--u-line-strong)}.u-team-row strong{color:var(--u-navy-900);font-size:1rem}.u-team-row span{color:var(--u-muted);font-size:var(--u-f-sm);margin-top:var(--u-s2)}
.u-search{padding:var(--u-s5);border:1px solid var(--u-line);border-radius:var(--u-r);background:var(--u-mist-050)}
.u-search label{display:block;font-size:var(--u-f-meta);font-weight:600;color:var(--u-navy-900);margin-bottom:var(--u-s3)}
.u-search input{flex:1;min-width:12rem;padding:.8rem 1rem;border:1px solid var(--u-line);border-radius:var(--u-r-xs);background:#fff;color:var(--u-ink);font:inherit}
.u-search input:focus{outline:3px solid rgba(50,91,142,.18);border-color:var(--u-navy-500)}
.u-post-card>img,.u-post-card__placeholder{width:100%;aspect-ratio:12/7;object-fit:cover;display:grid;place-items:center;background:var(--u-navy-900);color:rgba(255,255,255,.34);font-size:clamp(2.5rem,7vw,5rem);font-weight:600;letter-spacing:-.05em}
.u-post-card__body{padding:var(--u-s6)}
.u-post-card__body .u-h3{margin:var(--u-s4) 0}
.u-post-card__body p{color:var(--u-muted);font-size:var(--u-f-sm);line-height:1.7}
.u-meta{display:flex;flex-wrap:wrap;gap:var(--u-s3);align-items:center;color:var(--u-muted);font-size:var(--u-f-meta);margin-bottom:var(--u-s4)}
.u-meta span{padding:.3rem .55rem;border:1px solid var(--u-line);border-radius:999px;color:var(--u-navy-800);font-weight:600}
.u-meta--light{color:var(--u-on-dark);margin-top:var(--u-s6)}
.u-meta--light span{color:#fff;border-color:rgba(255,255,255,.3)}
.u-text-link{display:inline-block;margin-top:var(--u-s4);color:var(--u-navy-800);font-size:var(--u-f-sm);font-weight:600}
.u-filter-list{display:grid;border-top:1px solid var(--u-line)}
.u-filter-list a{display:flex;justify-content:space-between;gap:var(--u-s3);padding:var(--u-s3) 0;border-bottom:1px solid var(--u-line);font-size:var(--u-f-sm);color:var(--u-muted)}
.u-filter-list a:hover,.u-filter-list a.is-active{color:var(--u-navy-900);font-weight:600}
.u-filter-list small{font:inherit;color:var(--u-faint)}
.u-tags{display:flex;flex-wrap:wrap;gap:var(--u-s2)}
.u-tags a{padding:.4rem .65rem;border:1px solid var(--u-line);border-radius:999px;color:var(--u-muted);font-size:var(--u-f-meta)}
.u-tags a:hover,.u-tags a.is-active{border-color:var(--u-navy-500);color:var(--u-navy-900)}
.u-pagination nav>div:first-child{display:none}.u-pagination nav>div:last-child{display:flex;justify-content:space-between;gap:var(--u-s4);font-size:var(--u-f-sm)}
.u-article-hero{position:relative;overflow:hidden;isolation:isolate}
.u-article-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;z-index:-1}
.u-article-hero__content{position:relative;z-index:1;max-width:950px}
.u-article{min-width:0;padding:clamp(1.5rem,4vw,3.5rem);border:1px solid var(--u-line);border-radius:var(--u-r);background:#fff}
.u-article__foot{margin-top:var(--u-s8);padding-top:var(--u-s6);border-top:1px solid var(--u-line)}
.u-toc{list-style:none;padding:0;margin:0;display:grid;gap:var(--u-s2)}
.u-toc a{display:grid;grid-template-columns:25px 1fr;gap:var(--u-s2);padding:var(--u-s2) 0;color:var(--u-muted);font-size:var(--u-f-meta);line-height:1.45}
.u-toc a:hover,.u-toc a.is-active{color:var(--u-navy-900)}.u-toc a span{color:var(--u-faint)}.u-toc__sub{padding-left:var(--u-s4)}
.u-document{padding:var(--u-s6);border:1px solid var(--u-line);border-radius:var(--u-r);background:var(--u-mist-050)}
.u-document__viewer{display:block;width:100%;height:70vh;min-height:540px;margin-top:var(--u-s6);border:1px solid var(--u-line);background:#fff}
.u-legal-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}.u-legal-content th,.u-legal-content td{padding:.65rem;border:1px solid var(--u-line);text-align:left}
@media(max-width:700px){
  .u-form-grid,.u-feature-list{grid-template-columns:1fr}
  .u-team-roles{grid-template-columns:1fr}
  .u-team-row--2,.u-team-row--3{grid-template-columns:1fr}
  .u-team-row>div+div{border-left:0;border-top:1px solid var(--u-line-strong)}
  .u-page-hero{min-height:310px}
  .u-document__viewer{display:none}
}

/* ── 17. SİTE KABUĞU ──────────────────────────────────────────────────── */
.u-hd{position:sticky;top:0;z-index:80;background:rgba(11,21,38,.92);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08)}
.u-hd__in{display:flex;align-items:center;gap:var(--u-s6);min-height:68px}
.u-hd__logo{display:flex;align-items:center;gap:var(--u-s3);color:rgba(255,255,255,.76);font-size:1rem;
  font-weight:600;letter-spacing:-.015em;flex:none}
.u-hd__logo img{width:28px;height:28px;flex:none}
.u-nav{display:flex;gap:var(--u-s6);margin-left:auto}
.u-nav a{color:rgba(185,199,222,.68);font-size:var(--u-f-meta);font-weight:500;padding:6px 0;
  border-bottom:1px solid transparent;transition:color var(--u-t-fast),border-color var(--u-t-fast)}
.u-nav a:hover,.u-nav a[aria-current="page"]{color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.34)}
.u-hd__cta{margin-left:var(--u-s5)}
.u-burger{display:none;margin-left:auto;width:44px;height:44px;place-items:center;
  background:none;border:1px solid rgba(255,255,255,.2);border-radius:var(--u-r-xs);
  color:#fff;cursor:pointer}
.u-burger svg{width:20px;height:20px}
.u-mnav{display:none;border-top:1px solid rgba(255,255,255,.1);padding-block:var(--u-s3)}
.u-mnav[data-open="true"]{display:block}
.u-mnav a{display:block;padding:var(--u-s3) 0;color:var(--u-on-dark);font-size:var(--u-f-sm);font-weight:500}
.u-mnav a[aria-current="page"]{color:#fff}
@media(max-width:1020px){
  .u-nav,.u-hd__cta{display:none}
  .u-burger{display:grid}
  .u-hd__in{width:100%;gap:var(--u-s3)}
}
@media(max-width:420px){.u-hd__logo{font-size:.9rem}.u-hd__logo img{width:25px;height:25px}}
@media(max-width:900px){.u-portrait--profile{justify-self:start}}
@media(max-width:900px){
  .u-resume-layout{grid-template-columns:1fr;gap:var(--u-s8)}
  .u-resume-hero{grid-template-columns:minmax(0,1fr) 130px;gap:var(--u-s5)}
  .u-resume-hero__portrait{width:130px}
}
@media(max-width:560px){.u-resume-hero{grid-template-columns:1fr}.u-resume-hero__portrait{width:110px;justify-self:start}}

.u-ft{background:var(--u-navy-900);color:var(--u-on-dark);padding-top:var(--u-sec-md);overflow:hidden}
.u-ft__cols{display:grid;grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2fr));gap:var(--u-s7)}
@media(max-width:900px){.u-ft__cols{grid-template-columns:1fr 1fr;gap:var(--u-s6)}}
@media(max-width:560px){.u-ft__cols{grid-template-columns:1fr}}
.u-ft h2{color:#fff;font-size:var(--u-f-eyebrow);letter-spacing:.14em;text-transform:uppercase;
  font-weight:600;margin:0 0 var(--u-s4)}
.u-ft ul{list-style:none;margin:0;padding:0;font-size:var(--u-f-sm)}
.u-ft li{margin-bottom:var(--u-s3);line-height:1.6}
.u-ft a{color:var(--u-on-dark);transition:color var(--u-t-fast)}
.u-ft a:hover{color:#fff}
.u-ft__intro{font-size:var(--u-f-sm);max-width:38ch;margin:var(--u-s4) 0 0;line-height:1.7}
.u-ft__legal{border-top:1px solid rgba(255,255,255,.1);margin-top:var(--u-s8);padding-top:var(--u-s5);
  font-size:var(--u-f-meta);color:var(--u-on-dark-dim);max-width:92ch;line-height:1.7}
.u-ft__bar{display:flex;flex-wrap:wrap;gap:var(--u-s4);justify-content:space-between;
  padding-block:var(--u-s5);font-size:var(--u-f-meta);color:var(--u-on-dark-dim)}
.u-ft__bar button{background:none;border:0;color:inherit;font:inherit;
  text-decoration:underline;cursor:pointer;padding:0}
.u-ft__wordmark{font-size:clamp(3rem,12.5vw,10.5rem);line-height:.78;font-weight:600;
  letter-spacing:-.04em;color:rgba(255,255,255,.05);margin:0;padding-bottom:.06em;
  white-space:nowrap;text-align:center;user-select:none;pointer-events:none}

/* ── 18. HAREKET ──────────────────────────────────────────────────────── */
.u-r{opacity:0;transform:translateY(18px);
  transition:opacity var(--u-t-slow) var(--u-e),transform var(--u-t-slow) var(--u-e)}
.u-r.is-in{opacity:1;transform:none}
/* JS kapalıysa içerik görünmez kalmasın */
.no-js .u-r{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .u-page *,.u-page *::before,.u-page *::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important}
  .u-r{opacity:1;transform:none}
  .u-media__layer{transform:none!important}
}

/* ── 19. YARDIMCILAR ──────────────────────────────────────────────────── */
.u-stack-3 > * + *{margin-top:var(--u-s3)}
.u-stack-5 > * + *{margin-top:var(--u-s5)}
.u-row{display:flex;gap:var(--u-s3);flex-wrap:wrap;align-items:center}
.u-mb-4{margin-bottom:var(--u-s4)}
.u-mb-5{margin-bottom:var(--u-s5)}
.u-mb-6{margin-bottom:var(--u-s6)}
.u-mb-7{margin-bottom:var(--u-s7)}
.u-mb-8{margin-bottom:var(--u-s8)}
.u-mt-4{margin-top:var(--u-s4)}
.u-mt-6{margin-top:var(--u-s6)}
.u-mt-8{margin-top:var(--u-s8)}
.u-mt-9{margin-top:var(--u-s9)}
.u-mt-10{margin-top:calc(var(--u-s9) + var(--u-s2))}
.u-between{display:flex;align-items:center;justify-content:space-between;gap:var(--u-s3)}