/* ==========================================================================
   Site tasarım sistemi: belirteçler, taban, tipografi, düzen, bileşenler, header / footer, formlar
   Marka: Fabya Laciverti #14264A · Vizyon Turuncusu #F08A1C (yalnız küçük vurgu) · akış mavisi #2F9BFF
   Yazı: Sora (başlık) + Manrope (metin). Bootstrap yok.
   ========================================================================== */

:root{
  --lac-950:#08142B; --lac-900:#0C1B38; --lac:#14264A; --lac-800:#1B3366; --lac-700:#2B4A7A; --lac-600:#46699F;
  --mavi:#2F9BFF; --mavi-acik:#7CC0FF; --mavi-cok-acik:#D6EAFF; --baglanti:#1C6BD0;
  --turuncu:#F08A1C;
  --zemin:#F3F5F9; --beyaz:#FFFFFF; --cizgi:#DCE2EC; --cizgi-2:#E8ECF3;
  --metin:#33425F; --gri:#5B6B85; --baslik:#14264A;
  --iyi:#14804A; --uyari:#8A5A00; --hata:#C0392B; --hata-zemin:#FDEEEC; --iyi-zemin:#E8F6EE;
  --font-baslik:"Sora","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --font-govde:"Manrope","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --kap:1200px; --gutter:clamp(16px,4vw,32px);
  --r-s:10px; --r-m:14px; --r-b:22px;
  --golge-s:0 1px 2px rgba(10,24,52,.06),0 2px 8px rgba(10,24,52,.05);
  --golge-m:0 2px 4px rgba(10,24,52,.05),0 14px 34px -10px rgba(10,24,52,.18);
  --golge-b:0 4px 8px rgba(10,24,52,.06),0 30px 70px -24px rgba(10,24,52,.32);
  --ust-yuk:68px;
  --gecis:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}

/* ---- taban ---- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:calc(var(--ust-yuk) + 24px)}
body{
  margin:0; min-height:100vh; display:flex; flex-direction:column; background:var(--beyaz); color:var(--metin);
  font:400 1.0625rem/1.65 var(--font-govde); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
main{flex:1 0 auto}
img,svg,video{max-width:100%; height:auto}
svg{flex:none}
a{color:var(--baglanti); text-underline-offset:3px; text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
button,input,select,textarea{font:inherit; color:inherit}
button{cursor:pointer}
hr{border:0; border-top:1px solid var(--cizgi); margin:2rem 0}
:focus{outline:none}
:focus-visible{outline:3px solid var(--mavi); outline-offset:3px; border-radius:6px}
::selection{background:#bfdcff; color:var(--lac)}
[hidden]{display:none !important}
.gorunmez{position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0}
.atla{position:absolute; left:16px; top:-60px; z-index:200; background:#fff; color:var(--lac); padding:12px 18px; border-radius:10px; font-weight:700; box-shadow:var(--golge-m); text-decoration:none; transition:top .2s}
.atla:focus{top:12px}

/* ---- tipografi ---- */
h1,h2,h3,h4{font-family:var(--font-baslik); color:var(--baslik); line-height:1.12; letter-spacing:-.022em; margin:0 0 .5em; font-weight:700}
h1{font-size:clamp(2.35rem,5.1vw,4.1rem); font-weight:800; letter-spacing:-.03em; line-height:1.06}
h2{font-size:clamp(1.75rem,3.3vw,2.7rem); font-weight:700}
h3{font-size:clamp(1.15rem,1.7vw,1.4rem); font-weight:650; letter-spacing:-.012em; line-height:1.25}
h4{font-size:1.05rem; font-weight:650; letter-spacing:-.005em; line-height:1.3}
p{margin:0 0 1.1em}
.ince{max-width:62ch}
.lead{font-size:clamp(1.0625rem,1.4vw,1.25rem); line-height:1.6; color:var(--gri)}
.koyu h1,.koyu h2,.koyu h3,.koyu h4,.bolum--koyu h1,.bolum--koyu h2,.bolum--koyu h3,.bolum--koyu h4{color:#fff}
.koyu,.bolum--koyu{color:#C4D2EA}
.koyu .lead,.bolum--koyu .lead{color:#B7C8E6}
.koyu a:not(.dugme),.bolum--koyu a:not(.dugme){color:var(--mavi-acik)}
.sayisal{font-variant-numeric:tabular-nums}

/* eyebrow: iris noktası + harf aralıklı üst başlık */
.ust-baslik{
  display:inline-flex; align-items:center; gap:10px; margin:0 0 18px; font:700 .78rem/1 var(--font-baslik);
  letter-spacing:.16em; text-transform:uppercase; color:var(--baglanti);
}
.ust-baslik::before{content:""; width:9px; height:9px; border-radius:50%; background:var(--turuncu); box-shadow:0 0 0 4px rgba(240,138,28,.18)}
.koyu .ust-baslik,.bolum--koyu .ust-baslik{color:var(--mavi-acik)}

/* ---- düzen ---- */
.kap{width:100%; max-width:calc(var(--kap) + var(--gutter) * 2); margin-inline:auto; padding-inline:var(--gutter)}
.kap--dar{max-width:calc(820px + var(--gutter) * 2)}
.kap--orta{max-width:calc(980px + var(--gutter) * 2)}
.bolum{position:relative; padding-block:clamp(64px,9vw,120px); background:var(--beyaz)}
.bolum--acik{background:var(--zemin)}
.bolum--koyu{background:var(--lac); color:#C4D2EA}
.bolum--kisa{padding-block:clamp(40px,5vw,72px)}
.bolum-baslik{max-width:760px; margin:0 0 clamp(36px,5vw,64px)}
.bolum-baslik--orta{margin-inline:auto; text-align:center}
.bolum-baslik--orta .ust-baslik{justify-content:center}
.bolum-baslik h2{margin-bottom:.45em}
.bolum-baslik p:last-child{margin-bottom:0}
.izgara-2,.izgara-3,.izgara-4{display:grid; gap:clamp(20px,2.4vw,32px)}
.izgara-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.izgara-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.izgara-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.izgara-3,.izgara-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.izgara-2,.izgara-3,.izgara-4{grid-template-columns:minmax(0,1fr)}}

/* mavi baskı (blueprint) arka plan: koyu bölümlerde kullanılır */
.mavi-baski{
  background-color:var(--lac);
  background-image:
    linear-gradient(rgba(124,176,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(124,176,255,.07) 1px,transparent 1px),
    linear-gradient(rgba(124,176,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(124,176,255,.045) 1px,transparent 1px);
  background-size:160px 160px,160px 160px,32px 32px,32px 32px;
  background-position:-1px -1px;
}

/* ---- düğmeler ---- */
.dugme{
  --d-bg:var(--lac); --d-renk:#fff; --d-kenar:var(--lac);
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:0 24px;
  font:700 .97rem/1 var(--font-govde); letter-spacing:.005em; text-decoration:none; white-space:nowrap;
  color:var(--d-renk); background:var(--d-bg); border:1.5px solid var(--d-kenar); border-radius:12px;
  transition:background-color .2s,color .2s,border-color .2s,transform .25s var(--gecis),box-shadow .25s var(--gecis);
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 8px 18px -8px rgba(20,38,74,.5);
}
.dugme:hover{background:var(--lac-800); border-color:var(--lac-800); transform:translateY(-2px); box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 14px 26px -10px rgba(20,38,74,.55); text-decoration:none}
.dugme:active{transform:translateY(0)}
.dugme svg{width:18px; height:18px; transition:transform .25s var(--gecis)}
.dugme:hover .ikon-ok{transform:translateX(3px)}
.dugme--beyaz{--d-bg:#fff; --d-renk:var(--lac); --d-kenar:#fff; box-shadow:0 10px 26px -10px rgba(2,8,26,.6)}
.dugme--beyaz:hover{background:#E6F1FF; border-color:#E6F1FF}
.koyu a.dugme--beyaz,.bolum--koyu a.dugme--beyaz{color:var(--lac)}
.dugme--hayalet{--d-bg:rgba(255,255,255,.04); --d-renk:#fff; --d-kenar:rgba(255,255,255,.38); box-shadow:none}
.dugme--hayalet:hover{background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.7); box-shadow:none}
.koyu a.dugme--hayalet,.bolum--koyu a.dugme--hayalet{color:#fff}
.dugme--acik{--d-bg:#fff; --d-renk:var(--lac); --d-kenar:#C5CFE0; box-shadow:var(--golge-s)}
.dugme--acik:hover{background:#fff; border-color:var(--lac); box-shadow:var(--golge-m)}
.dugme--duz{--d-bg:transparent; --d-renk:var(--baglanti); --d-kenar:transparent; box-shadow:none; padding:0 6px; min-height:44px}
.dugme--duz:hover{background:transparent; border-color:transparent; box-shadow:none; transform:none; text-decoration:underline}
.dugme--k{min-height:42px; padding:0 18px; font-size:.9rem; border-radius:10px}
.dugme--blok{display:flex; width:100%}
.dugme[disabled],.dugme[aria-disabled="true"]{opacity:.55; pointer-events:none}
.dugme-sira{display:flex; flex-wrap:wrap; gap:14px; align-items:center}

/* ---- ikon ---- */
.ikon{width:1.25em; height:1.25em; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:none; vertical-align:-.2em}
.ikon-kutu{
  display:inline-grid; place-items:center; width:46px; height:46px; border-radius:13px; color:var(--lac);
  background:linear-gradient(180deg,#fff,#EAF1FB); border:1px solid #D5E0F0; box-shadow:0 1px 0 #fff inset,0 6px 14px -6px rgba(20,38,74,.25);
}
.ikon-kutu .ikon{width:24px; height:24px}
.koyu .ikon-kutu,.bolum--koyu .ikon-kutu{color:var(--mavi-acik); background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.16); box-shadow:none}

/* ---- üst çubuk (header) ---- */
.ust{
  position:sticky; top:0; z-index:100; color:#fff; height:var(--ust-yuk);
  background:rgba(8,20,43,.9); -webkit-backdrop-filter:saturate(1.4) blur(14px); backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid rgba(255,255,255,.07); transition:background-color .3s,border-color .3s,box-shadow .3s;
}
.ust.kaydi{background:rgba(8,20,43,.94); border-bottom-color:rgba(255,255,255,.12); box-shadow:0 10px 30px -14px rgba(2,8,26,.7)}
.ust-ic{display:flex; align-items:center; height:100%; gap:28px}
.ust-logo{display:inline-flex; align-items:center; color:#fff; text-decoration:none; border-radius:10px}
.ust-logo:hover{text-decoration:none}
.ust-menu{display:flex; align-items:center; gap:4px; margin-left:8px}
.ust-menu a{
  position:relative; display:inline-flex; align-items:center; min-height:40px; padding:0 14px; border-radius:9px;
  color:#C7D5EE; font-weight:600; font-size:.95rem; text-decoration:none; transition:color .2s,background-color .2s;
}
.ust-menu a:hover{color:#fff; background:rgba(255,255,255,.07); text-decoration:none}
.ust-menu a[aria-current="page"]{color:#fff}
.ust-menu a[aria-current="page"]::after{content:""; position:absolute; left:14px; right:14px; bottom:3px; height:2px; border-radius:2px; background:var(--turuncu)}
.ust-sag{display:flex; align-items:center; gap:10px; margin-left:auto}
.ust-sag .dugme{min-height:40px; padding:0 18px; font-size:.9rem; border-radius:10px}
.ust-baglanti{color:#C7D5EE; font-weight:600; font-size:.95rem; text-decoration:none; padding:0 10px; min-height:40px; display:inline-flex; align-items:center; border-radius:9px}
.ust-baglanti:hover{color:#fff; text-decoration:none; background:rgba(255,255,255,.07)}
.ust-cikis{margin:0}
.ust-cikis button{background:none; border:0; padding:0 10px; min-height:40px; color:#C7D5EE; font-weight:600; font-size:.95rem; border-radius:9px}
.ust-cikis button:hover{color:#fff; background:rgba(255,255,255,.07)}
.dil{display:inline-flex; padding:3px; gap:2px; border-radius:99px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12)}
.dil a,.dil span{display:inline-grid; place-items:center; min-width:34px; height:28px; padding:0 8px; border-radius:99px; font:700 .76rem/1 var(--font-baslik); letter-spacing:.06em; color:#B5C6E4; text-decoration:none}
.dil a:hover{color:#fff; text-decoration:none; background:rgba(255,255,255,.1)}
.dil [aria-current="true"]{background:#fff; color:var(--lac)}
.ust-hamburger{display:none; margin-left:auto; width:46px; height:46px; border-radius:12px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.06); color:#fff; place-items:center}
.ust-hamburger svg{width:22px; height:22px}
.ust-hamburger .ikon-kapat{display:none}
.ust-hamburger[aria-expanded="true"] .ikon-menu{display:none}
.ust-hamburger[aria-expanded="true"] .ikon-kapat{display:block}

.cekmece{
  position:fixed; inset:var(--ust-yuk) 0 0 0; z-index:99; background:rgba(8,20,43,.98); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px);
  padding:20px var(--gutter) 32px; overflow-y:auto; transform:translateY(-12px); opacity:0; visibility:hidden;
  transition:opacity .25s,transform .3s var(--gecis),visibility .3s;
}
.cekmece.acik{transform:none; opacity:1; visibility:visible}
.cekmece nav{display:flex; flex-direction:column}
.cekmece nav a{display:flex; align-items:center; justify-content:space-between; padding:18px 4px; border-bottom:1px solid rgba(255,255,255,.1); color:#fff; font:650 1.35rem/1.2 var(--font-baslik); text-decoration:none; letter-spacing:-.015em}
.cekmece nav a[aria-current="page"]{color:var(--mavi-acik)}
.cekmece-alt{display:flex; flex-direction:column; gap:12px; margin-top:28px}
.cekmece-alt .dil{align-self:flex-start}
.cekmece-cikis{margin:0}
.cekmece-cikis button{width:100%}
body.cekmece-acik{overflow:hidden}

@media (max-width:960px){
  .ust-menu,.ust-sag{display:none}
  .ust-hamburger{display:grid}
}
@media (min-width:961px){.cekmece{display:none}}

/* ---- "Önizleme" bildirimi ---- */
.onizleme{
  display:flex; gap:14px; align-items:flex-start; padding:16px 18px; border-radius:var(--r-m); background:#FFF8EC; border:1px solid #F2D9AE; color:#5E4310; font-size:.95rem; line-height:1.55;
}
.onizleme svg{width:22px; height:22px; color:#B7701A; margin-top:1px}
.onizleme strong{color:#4A3308}
.onizleme--koyu{background:rgba(240,138,28,.1); border-color:rgba(240,138,28,.4); color:#F1D9B8}
.onizleme--koyu svg{color:var(--turuncu)}
.onizleme--koyu strong{color:#fff}

/* ---- footer ---- */
.alt{background:var(--lac-950); color:#9FB1CF; font-size:.95rem; position:relative}
.alt::before{content:""; position:absolute; left:0; right:0; top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(47,155,255,.55),transparent)}
.alt-ust{display:grid; grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr)); gap:clamp(28px,4vw,56px); padding-block:clamp(48px,6vw,80px) clamp(32px,4vw,48px)}
.alt-marka p{max-width:36ch; margin:18px 0 0; line-height:1.6}
.alt h2{font:700 .75rem/1 var(--font-baslik); letter-spacing:.16em; text-transform:uppercase; color:#fff; margin:0 0 18px}
.alt ul{list-style:none; margin:0; padding:0; display:grid; gap:10px}
.alt a{color:#B4C4DF; text-decoration:none}
.alt a:hover{color:#fff; text-decoration:underline}
.alt address{font-style:normal; line-height:1.65}
.alt-alt{border-top:1px solid rgba(255,255,255,.09); padding-block:22px; display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center; justify-content:space-between; font-size:.86rem; color:#8397BA}
.alt-alt .dil{margin-left:0}
.alt-marka-notu{max-width:80ch; font-size:.8rem; line-height:1.55; color:#7A8EB2; padding-bottom:24px; margin:0}
@media (max-width:900px){.alt-ust{grid-template-columns:repeat(2,minmax(0,1fr))}.alt-marka{grid-column:1/-1}}
@media (max-width:520px){.alt-ust{grid-template-columns:minmax(0,1fr)}}

/* ---- kaydırınca beliren ögeler (JS varsa; yalnız dekoratif) ---- */
.js [data-belir]{opacity:0; transform:translateY(22px); transition:opacity .8s var(--gecis),transform .8s var(--gecis); transition-delay:var(--gec,0s)}
.js [data-belir].goruldu{opacity:1; transform:none}
.js [data-belir="sol"]{transform:translateX(-26px)}
.js [data-belir="sag"]{transform:translateX(26px)}
.js [data-belir="olcek"]{transform:scale(.96)}
.js [data-belir="sol"].goruldu,.js [data-belir="sag"].goruldu,.js [data-belir="olcek"].goruldu{transform:none}

/* ---- pencere çerçevesi (ürün ekran görüntüsü) ---- */
.pencere{
  position:relative; margin:0; border-radius:16px; padding:1px; isolation:isolate;
  background:linear-gradient(145deg,rgba(124,192,255,.85),rgba(124,176,255,.18) 38%,rgba(20,38,74,.2) 62%,rgba(124,192,255,.55));
  box-shadow:var(--golge-b);
}
.pencere-ic{border-radius:15px; overflow:hidden; background:#0C1B38; display:flex; flex-direction:column}
.pencere-bar{display:flex; align-items:center; gap:12px; padding:9px 14px; background:linear-gradient(180deg,#16294f,#10213f); border-bottom:1px solid rgba(255,255,255,.09)}
.pencere-bar i{width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.2); flex:none}
.pencere-bar i:first-child{background:#ff6a5f; opacity:.9}
.pencere-bar i:nth-child(2){background:#ffbd44; opacity:.9}
.pencere-bar i:nth-child(3){background:#2fd06b; opacity:.9}
.pencere-ad{margin-left:6px; font:600 .78rem/1 var(--font-govde); letter-spacing:.03em; color:#9FB4D6; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pencere .resim{display:block; width:100%}
.pencere--acik .pencere-ic{background:#fff}
.pencere--tarayici .pencere-bar::after{content:""; flex:1; height:22px; margin-left:8px; border-radius:7px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.08)}

/* ---- görsel (yer tutucu dahil) ---- */
.resim{display:block; width:100%; height:auto; background:#0C1B38}
picture.resim{display:block}
picture.resim img{display:block; width:100%; height:auto}
.resim--yer{
  position:relative; display:grid; place-items:center; width:100%; aspect-ratio:16/9; overflow:hidden; text-align:center;
  background:
    radial-gradient(60% 70% at 70% 20%,rgba(47,155,255,.22),transparent 70%),
    linear-gradient(rgba(124,176,255,.07) 1px,transparent 1px) 0 0/32px 32px,
    linear-gradient(90deg,rgba(124,176,255,.07) 1px,transparent 1px) 0 0/32px 32px,
    linear-gradient(160deg,#142b57,#0b1936);
  color:#8FA9D3;
}
.resim--yer .ikon{width:44px; height:44px; stroke-width:1.3; opacity:.85}
.resim--yer span{display:block; margin-top:10px; font:600 .82rem/1.3 var(--font-govde); letter-spacing:.04em; opacity:.85; padding-inline:16px}

/* ---- formlar ---- */
.form{display:grid; gap:20px}
.form-sira{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px}
@media (max-width:640px){.form-sira{grid-template-columns:minmax(0,1fr)}}
.alan{display:grid; gap:7px; position:relative; min-width:0}
.alan-etiket{font-weight:700; font-size:.92rem; color:var(--lac); display:flex; justify-content:space-between; align-items:baseline; gap:10px}
.alan-etiket small{font-weight:600; color:var(--gri); font-size:.8rem}
.alan-girdi{
  width:100%; min-height:52px; padding:12px 15px; border:1.5px solid #C5CFE0; border-radius:12px; background:#fff; color:var(--lac); font-size:1rem; line-height:1.4;
  transition:border-color .2s,box-shadow .2s,background-color .2s;
}
textarea.alan-girdi{min-height:150px; resize:vertical}
select.alan-girdi{appearance:none; -webkit-appearance:none; padding-right:44px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2314264A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center}
.alan-girdi::placeholder{color:#8794AB}
.alan-girdi:hover{border-color:#9AA9C4}
.alan-girdi:focus{outline:none; border-color:var(--mavi); box-shadow:0 0 0 4px rgba(47,155,255,.2)}
.alan-girdi:focus-visible{outline:none}
.alan-girdi.input-validation-error,.alan-girdi[aria-invalid="true"]{border-color:var(--hata); background:#FFFBFA}
.alan-girdi.input-validation-error:focus{box-shadow:0 0 0 4px rgba(192,57,43,.18)}
.alan-hata,.field-validation-error{display:block; font-size:.86rem; line-height:1.4; font-weight:600; color:var(--hata)}
.field-validation-valid{display:none}
.alan-ipucu{font-size:.85rem; line-height:1.45; color:var(--gri)}
.alan-parola{position:relative}
.alan-parola .alan-girdi{padding-right:52px}
.parola-goster{position:absolute; right:6px; top:50%; transform:translateY(-50%); width:42px; height:42px; display:grid; place-items:center; border:0; background:transparent; color:var(--gri); border-radius:10px}
.parola-goster:hover{color:var(--lac); background:#EEF2F8}
.parola-goster svg{width:21px; height:21px}
.parola-goster .ikon-gizle{display:none}
.parola-goster[aria-pressed="true"] .ikon-gizle{display:block}
.parola-goster[aria-pressed="true"] .ikon-goster{display:none}
.parola-guc{display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-top:2px}
.parola-guc i{height:5px; border-radius:3px; background:#DDE4EF; transition:background-color .25s}
.parola-guc[data-guc="1"] i:nth-child(-n+1){background:#D9534F}
.parola-guc[data-guc="2"] i:nth-child(-n+2){background:#E8A317}
.parola-guc[data-guc="3"] i:nth-child(-n+3){background:#7CB342}
.parola-guc[data-guc="4"] i{background:#14804A}
.parola-guc-yazi{font-size:.82rem; color:var(--gri); min-height:1.2em}
.onay{display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; font-size:.94rem; line-height:1.55; color:var(--metin)}
.onay input{appearance:none; -webkit-appearance:none; width:22px; height:22px; margin:1px 0 0; border-radius:7px; border:1.5px solid #9AA9C4; background:#fff; display:grid; place-content:center; transition:background-color .15s,border-color .15s; cursor:pointer}
.onay input::before{content:""; width:11px; height:6px; border-left:2.5px solid #fff; border-bottom:2.5px solid #fff; transform:rotate(-45deg) translate(1px,-1px) scale(0); transition:transform .15s}
.onay input:checked{background:var(--lac); border-color:var(--lac)}
.onay input:checked::before{transform:rotate(-45deg) translate(1px,-1px) scale(1)}
.onay input:focus-visible{outline:3px solid var(--mavi); outline-offset:2px}
.onay .alan-hata{grid-column:2}
.onay label{cursor:pointer}
.bal-kupu{position:absolute !important; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden}
.ozet-hata,.validation-summary-errors{padding:14px 16px; border-radius:var(--r-s); background:var(--hata-zemin); border:1px solid #F1C3BD; color:#8E2A1F; font-size:.93rem; line-height:1.5}
.validation-summary-errors ul{margin:0; padding-left:1.1em}
.validation-summary-valid{display:none}
.bildirim{display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border-radius:var(--r-s); font-size:.95rem; line-height:1.5; border:1px solid}
.bildirim svg{width:20px; height:20px; margin-top:2px}
.bildirim--iyi{background:var(--iyi-zemin); border-color:#BCE3CD; color:#0F5C37}
.bildirim--bilgi{background:#EAF3FF; border-color:#C6DDF8; color:#16457F}
.bildirim--hata{background:var(--hata-zemin); border-color:#F1C3BD; color:#8E2A1F}

/* ---- logo (iki tonlu yazı: AdParca1 + AdParca2) ---- */
.logo{display:inline-flex; align-items:center; gap:11px; line-height:1}
.logo-isaret{width:36px; height:36px; flex:none}
.logo-isaret path{fill:none; stroke:var(--logo-v,#14264A); stroke-width:16; stroke-linecap:round; stroke-linejoin:round}
.logo-isaret .iris{fill:var(--turuncu)}
.logo-isaret .gozbebegi{fill:var(--logo-gozbebegi,#fff)}
.logo--koyu{--logo-v:#fff; --logo-gozbebegi:#0B1A38; --logo-fabya:#2F8FD6; --logo-vision:#E2554F}
.logo-metin{display:flex; flex-direction:column; gap:5px}
/* iki renkli yazı (ürün markası, 2026-10-16): Fabya mavisi + Vision kırmızısı; koyu zeminde açılmış tonlar */
.logo-ad{font:800 1.42rem/1 var(--font-baslik); letter-spacing:-.015em; color:var(--logo-fabya,#075795)}
.logo-ad span{font-weight:500; color:var(--logo-vision,#C32026)}
.logo-alt{font:700 .62rem/1 var(--font-baslik); letter-spacing:.3em; color:var(--turuncu); text-transform:uppercase}

/* ---- ikon sprite, bildirim alanı ---- */
.ikon-sprite{position:absolute; width:0; height:0; overflow:hidden}
.bildirim-alani{padding-top:22px; background:#fff}
.bildirim-alani .bildirim{max-width:880px; margin-inline:auto}
.yukleniyor{position:relative}

/* ---- yardımcı ---- */
.metin-orta{text-align:center}
.soluk{color:var(--gri)}
.kod{font-family:ui-monospace,"Cascadia Mono","Consolas",monospace; font-size:.88em; background:#EDF1F7; padding:.15em .45em; border-radius:6px; word-break:break-all}
.mt-0{margin-top:0}
.mb-0{margin-bottom:0}
.liste-onay{list-style:none; margin:0 0 1.2em; padding:0; display:grid; gap:10px}
.liste-onay li{position:relative; padding-left:30px; line-height:1.55}
.liste-onay li::before{content:""; position:absolute; left:0; top:.28em; width:19px; height:19px; border-radius:50%; background:#E3EEFC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none' stroke='%231C6BD0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5.5 9.7 2.6 2.6 5.4-5.6'/%3E%3C/svg%3E") center/19px no-repeat}
.koyu .liste-onay li::before,.bolum--koyu .liste-onay li::before{background-color:rgba(47,155,255,.18); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none' stroke='%237CC0FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5.5 9.7 2.6 2.6 5.4-5.6'/%3E%3C/svg%3E")}

/* hareket azaltma: yalnız dekoratif geçişler / animasyonlar durur (canlı sahne düğmeyle başlar) */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js [data-belir]{opacity:1; transform:none; transition:none}
  .dugme,.dugme svg,.ust,.cekmece{transition:none}
  .dugme:hover{transform:none}
  .akis-dekor *,.dekor-animasyon{animation:none !important}
}
.alt-yasal{display:flex; flex-wrap:wrap; gap:8px 22px}
.alt .alt-yasal{display:flex; flex-wrap:wrap; gap:8px 22px}
.ozet-hata ul{margin:0; padding:0; list-style:none; display:grid; gap:4px}
.ozet-hata strong{display:block; margin-bottom:2px}