/* 24.09 site denetimi P1 (kurucu 25364 + 25375 onayı): iç sayfalar landing v2 tasarım sistemine giydirildi.
   Eski sc.css / k26.css / bsn.css / bsn-ic.css katmanlarının ÜSTÜNE yüklenir; sayfa gövdeleri korunur,
   yalnız tasarım değişkenleri, yazı tipleri, header/footer ve ortak bileşenler landing ile aynı olur.
   Header/footer bileşenleri yy2.css'ten (landing) birebir alındı; yy2.css'in tamamı yüklenmez (genel kuralları eski sayfaları bozar). */

:root {
  --kagit: #FAFAF7; --kagit-2: #F1F0E9; --cizgi: #E4E2D9;
  --murekkep: #1B2340; --murekkep-2: #333B5C; --gri: #5B6178;
  --sahne: #141A33; --sahne-metin: #F4F2EA; --sahne-ikincil: #C3C6D6; --sahne-soluk: #8E93AE;
  --sahne-kenar: rgba(244, 242, 234, .24); --sahne-cizgi: rgba(244, 242, 234, .12);
  --fosfor: #F7E353; --mor: #5B3FD4; --kirmizi: #B3261E; --yesil: #4ADE80; --wa: #25D366;
  --f-baslik: 'Archivo', system-ui, sans-serif;
  --f-govde: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --kenar: 20px; --ust-h: 60px; --ease: cubic-bezier(.22, 1, .36, 1);

  /* eski değişkenler → yeni palet */
  --bg: var(--kagit); --bg2: var(--kagit-2); --panel: #ffffff; --panel2: #FBFAF6; --line: var(--cizgi);
  --text: var(--murekkep); --muted: var(--gri);
  --accent: var(--mor); --accent-text: var(--mor); --accent-soft: #F0ECFC; --accent-line: #D8CFF7; --accent-bright: var(--fosfor);
  --cta: var(--fosfor); --cta-hover: #EEDA45; --cta-text: var(--murekkep); --ok: var(--mor);
  --font-display: var(--f-baslik); --font-body: var(--f-govde); --font: var(--f-govde);
  --primary: var(--murekkep); --primary-dark: var(--sahne); --navy: var(--sahne); --navy-deep: #0E1226;
  --surface: #ffffff; --background: var(--kagit);
  --bsn-night: var(--sahne); --bsn-card-dark: #1F2850; --bsn-amber: var(--fosfor); --bsn-amber-hover: #EEDA45; --bsn-amber-text: var(--murekkep);
  --bsn-on-amber: var(--murekkep); --bsn-light: var(--kagit); --bsn-text: var(--murekkep); --bsn-ink: var(--murekkep); --bsn-muted: var(--gri);
  --bsn-blue: var(--mor); --bsn-display: var(--f-baslik); --bsn-body: var(--f-govde);
}
@media (min-width: 720px) { :root { --kenar: 32px; } }
@media (min-width: 960px) { :root { --ust-h: 72px; } }

/* ---------- Genel: zemin, yazı tipleri ---------- */
html { -webkit-text-size-adjust: 100%; }
body { background: var(--kagit) !important; color: var(--murekkep); font-family: var(--f-govde) !important; -webkit-font-smoothing: antialiased; }
body :is(p, li, td, th, label, input, select, textarea, button, small, span, a) { font-family: inherit; }
h1, h2, h3, .h1, .h2, .h3 { font-family: var(--f-baslik) !important; font-weight: 800; font-stretch: 78%; letter-spacing: -.004em; word-spacing: .08em; color: inherit; }
h3, .h3 { font-stretch: 86%; letter-spacing: 0; }
h1 { line-height: 1.02; }
h2, h3 { line-height: 1.12; }
main { background: transparent; }
.section { background: transparent; }
a { text-underline-offset: 3px; }
:focus-visible { outline: 3px solid var(--mor); outline-offset: 3px; border-radius: 6px; }

/* ---------- Ortak düğmeler: landing ile aynı ---------- */
.btn { font-family: var(--f-govde); font-weight: 800; border-radius: 12px; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.btn-cta, .btn-brand.btn-cta { background: var(--fosfor) !important; color: var(--murekkep) !important; border-color: transparent !important; box-shadow: 0 8px 22px rgba(27, 35, 64, .16); }
.btn-cta:hover { background: #EEDA45 !important; }
.btn-brand { background: var(--murekkep) !important; color: var(--kagit) !important; border-color: transparent !important; }
.btn-brand:hover { background: var(--sahne) !important; }
.btn-ghost { background: transparent !important; color: var(--murekkep) !important; box-shadow: inset 0 0 0 1.5px var(--cizgi); border-color: transparent !important; }
.btn-ghost:hover { box-shadow: inset 0 0 0 1.5px var(--murekkep-2); }
.btn-lg { min-height: 56px; padding: 0 26px; font-size: 17px; }

/* kartlar */
.feature, .gcard, .auth-card, .form-card, .cta-band { border-color: var(--cizgi); border-radius: 16px; }
.cta-band { background: var(--sahne) !important; color: var(--sahne-metin) !important; }
.cta-band h2, .cta-band p { color: var(--sahne-metin) !important; }
.cta-band a { color: var(--fosfor) !important; }
.badge-green { background: #EAF7EE; color: #17643A; }
.kirinti a { display: inline-flex; align-items: center; min-height: 32px; }
.sifre-serit { background: #FFF8D6 !important; color: var(--murekkep) !important; }
.sifre-serit a { color: var(--murekkep) !important; font-weight: 800; }

/* ---------- Header (yy2.css landing header, iç sayfada hep lacivert ve yapışkan) ---------- */
.u-ic { width: min(100% - 2 * var(--kenar), 1180px); margin-inline: auto; }
.u-ust { position: sticky; top: 0; z-index: 50; height: var(--ust-h); background: var(--sahne); color: var(--sahne-metin); border-bottom: 1px solid var(--sahne-cizgi); }
.u-ust a { color: inherit; }
.u-ust-ic { position: relative; height: 100%; display: flex; align-items: center; gap: 10px; }
.u-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; margin-right: auto; min-height: 44px; color: inherit; }
.u-logo-ikon { width: 34px; height: 34px; flex: none; display: block; }
.u-logo-zemin { fill: var(--sahne-metin); }
.u-logo-yazi { fill: var(--murekkep); font: italic 700 27px Georgia, 'Times New Roman', serif; letter-spacing: .5px; }
.u-logo-ad { font-family: var(--f-baslik); font-weight: 800; font-stretch: 78%; font-size: 21px; line-height: 1; white-space: nowrap; letter-spacing: -.005em; }
.u-logo-ad i { font-style: normal; color: var(--fosfor); margin: 0 1px; }
.u-nav { display: none; }
.u-ust-eylem { display: flex; align-items: center; gap: 6px; }
.u-wa { display: none; align-items: center; gap: 6px; min-height: 44px; padding: 0 12px 0 10px; border: 1px solid var(--sahne-kenar); border-radius: 10px; font-size: 14px; font-weight: 700; text-decoration: none; }
.u-wa-ikon { width: 19px; height: 19px; color: var(--wa); flex: none; }
.u-giris { display: inline-flex; align-items: center; min-height: 44px; padding: 0 8px; font-size: 15px; font-weight: 700; text-decoration: none; }
.u-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0 28px; border: 0; border-radius: 12px;
  font-family: var(--f-govde); font-size: 17px; font-weight: 800; text-decoration: none; white-space: nowrap; -webkit-tap-highlight-color: transparent; }
.u-btn-kucuk { min-height: 44px; padding: 0 16px; font-size: 15px; border-radius: 10px; }
.u-ust .u-ust-cta { background: var(--fosfor); color: var(--murekkep) !important; }
@media (min-width: 400px) { .u-wa { display: inline-flex; } }
@media (min-width: 960px) {
  .u-ust-ic { gap: 16px; }
  .u-nav { display: flex; gap: 24px; margin-right: 8px; }
  .u-nav a { font-size: 15px; font-weight: 700; text-decoration: none; opacity: .86; padding: 10px 0; }
  .u-nav a:hover, .u-nav a[aria-current] { opacity: 1; }
  .u-logo-ikon { width: 38px; height: 38px; }
  .u-logo-ad { font-size: 23px; }
}
@media (max-width: 399px) { .u-logo-ad { font-size: 19px; } .u-logo-ikon { width: 30px; height: 30px; } }

/* eski header, kanıt şeridi ve footer artık basılmıyor; kalıntı sınıflar gizli kalsın */
.bsn-header, .kanit--bsn { display: none !important; }

/* ---------- Footer (yy2.css landing footer) ---------- */
.u-alt-bilgi { background: var(--kagit); color: var(--murekkep); padding: 48px 0 calc(40px + env(safe-area-inset-bottom)); border-top: 1px solid var(--cizgi); margin-top: 40px; }
.u-alt-ic { display: grid; gap: 28px; }
.u-alt-marka .u-logo { color: var(--murekkep); }
.u-alt-marka .u-logo img { width: 34px; height: 34px; border-radius: 9px; }
.u-alt-marka .u-logo-ad i { color: var(--mor); }
.u-alt-marka p { margin-top: 10px; font-size: 14.5px; color: var(--gri); max-width: 40ch; }
.u-alt-nav { display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; }
.u-alt-bas { grid-column: 1 / -1; font-size: 11.5px; font-weight: 800; letter-spacing: .12em; color: var(--murekkep-2); margin: 0 0 4px; }
.u-alt-nav a { display: flex; align-items: center; min-height: 44px; font-size: 15px; text-decoration: none; color: var(--murekkep-2); }
.u-alt-nav a:hover { color: var(--murekkep); text-decoration: underline; }
.u-alt-telif { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--cizgi); font-size: 13px; color: var(--gri); }
.u-alt-telif a { display: inline-block; padding: 12px 2px; margin: -12px 0; color: var(--murekkep); font-weight: 700; }
@media (min-width: 720px) { .u-alt-ic { grid-template-columns: 1.2fr 1fr 1fr; } }

/* ---------- Koyu tema (çalışma ekranı tercihi) ---------- */
html[data-tema="koyu"] .u-ust { background: #0E1320; }
html[data-tema="koyu"] .u-alt-bilgi { background: #0f1620; color: #e6edf5; border-top-color: #28364a; }
html[data-tema="koyu"] .u-alt-nav a, html[data-tema="koyu"] .u-alt-bas, html[data-tema="koyu"] .u-alt-marka .u-logo { color: #c9d4e2; }