:root {
  color-scheme:light; --kagit:#f8fafb; --yuzey:#fff; --yuzey-2:#eff4f7;
  --cizgi:#e1e8ed; --cizgi-2:#cedbe4; --murekkep:#233747; --murekkep-2:#586e7d; --murekkep-3:#6b7d8a;
  --mavi:#00598f; --mavi-2:#004773; --mavi-yumusak:#eaf3fa; --mavi-uzeri:#fff;
  --kaldi:#ad353c; --kaldi-yumusak:#fff0ee; --bekle:#8e631e;
}
body.giris-sayfasi { min-height:100vh; min-height:100svh; height:auto; display:flex; flex-direction:column; padding:0 clamp(24px,5.4vw,88px); font:14px/1.6 var(--sans); background:var(--kagit); color:var(--murekkep); }
.giris-ust, .giris-alt { display:flex; align-items:center; justify-content:space-between; gap:20px; flex:0 0 auto; }
.giris-ust { min-height:80px; border-bottom:1px solid var(--cizgi); font-size:10px; color:var(--murekkep-3); }
.giris-ust > span:first-child { letter-spacing:.15em; font-size:9px; font-weight:600; }
.giris-duzeni { flex:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,440px); align-items:center; gap:clamp(40px,7vw,120px); width:100%; max-width:1040px; margin:auto; padding:32px 0; }
.giris-kimlik { padding:0 0 18px; animation:giris-belir .6s cubic-bezier(.2,.7,.2,1) both; }
.giris-marka { font:750 clamp(108px,11vw,158px)/.95 var(--sans); letter-spacing:-.085em; color:var(--murekkep); margin-left:-7px; }
.giris-marka span { color:var(--mavi); }
.giris-tanim { margin-top:43px; }
.giris-tanim h2 { font:550 21px/1.4 var(--sans); letter-spacing:-.025em; margin:0 0 11px; }
.giris-tanim p { font-size:13px; line-height:1.85; color:var(--murekkep-2); margin:0; }
.giris-paneli { border-left:1px solid var(--cizgi); padding-left:clamp(35px,5.5vw,76px); animation:giris-belir .6s .08s cubic-bezier(.2,.7,.2,1) both; }
.giris-baslik { margin-bottom:32px; }
.giris-isaret { display:block; width:26px; height:3px; background:var(--mavi); margin-bottom:22px; border-radius:2px; }
.giris-baslik h1 { font:620 30px/1.25 var(--sans); letter-spacing:-.045em; margin:0; }
.giris-baslik p { font-size:12px; color:var(--murekkep-2); margin:12px 0 0; }
.giris-alan { margin-bottom:22px; }
.giris-alan label { display:block; font-size:12px; font-weight:550; margin-bottom:8px; }
.giris-alan input { width:100%; height:49px; border:1px solid var(--cizgi-2); border-radius:6px; padding:0 14px; background:#fff; color:var(--murekkep); font:14px var(--sans); outline:none; transition:border-color .16s; }
.giris-alan input::placeholder { color:#7d8d99; font-size:13px; }
.giris-alan input:hover { border-color:#9eb7c7; }
.giris-alan input:focus { border-color:var(--mavi); }
.giris-alan input[aria-invalid=true] { border-color:var(--kaldi); }
.parola-alani { position:relative; }
.parola-alani input { padding-right:50px; }
.parola-goster { position:absolute; inset:4px 4px 4px auto; width:40px; display:grid; place-items:center; padding:0; border:0; border-radius:4px; background:transparent; color:var(--murekkep-3); cursor:pointer; }
.parola-goster:hover { color:var(--mavi); background:var(--mavi-yumusak); }
.parola-goster svg, .giris-gonder svg, .giris-yardim svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.goz-cizgisi { display:none; }
.parola-goster[aria-pressed=true] .goz-cizgisi { display:block; }
.giris-gonder { width:100%; height:49px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; border:1px solid var(--mavi); border-radius:6px; background:var(--mavi); color:#fff; font:550 13px var(--sans); cursor:pointer; transition:background .18s; }
.giris-gonder:hover:not(:disabled) { background:var(--mavi-2); }
.giris-gonder svg { width:17px; transition:transform .18s; }
.giris-gonder:hover:not(:disabled) svg { transform:translateX(3px); }
.giris-gonder:disabled { opacity:.75; cursor:wait; }
.giris-yardim { display:flex; align-items:flex-start; gap:10px; border-top:1px solid var(--cizgi); margin-top:27px; padding-top:21px; color:var(--murekkep-3); }
.giris-yardim svg { width:16px; height:16px; flex:0 0 auto; margin-top:2px; }
.giris-yardim p { font-size:11px; line-height:1.75; margin:0; }
.giris-yoklama { display:flex; align-items:center; gap:9px; min-height:260px; color:var(--murekkep-3); font-size:12px; }
.giris-uyari { background:var(--kaldi-yumusak); color:var(--kaldi); border-left:2px solid var(--kaldi); padding:11px 13px; margin:0 0 20px; font-size:12px; line-height:1.65; border-radius:0 5px 5px 0; }
.kilit-uyari { display:block; margin-top:7px; font-size:11px; color:var(--bekle); }
.giris-alt { min-height:60px; border-top:1px solid var(--cizgi); color:var(--murekkep-3); font-size:10px; }
.giris-alt i { font-style:normal; opacity:.4; margin:0 10px; }
.giris-gonder { --odak-cizgisi:#fff; }
@keyframes giris-belir { from { opacity:0; transform:translateY(9px); } to { opacity:1; transform:none; } }
@media(max-width:740px) {
  body.giris-sayfasi { padding:0 25px; }
  .giris-ust { min-height:62px; }
  .giris-ust > span:last-child { display:none; }
  .giris-duzeni { display:block; max-width:390px; padding:37px 0 43px; }
  .giris-kimlik { padding:0; }
  .giris-marka { font-size:65px; letter-spacing:-.08em; margin-left:-3px; }
  .giris-tanim { display:none; }
  .giris-paneli { padding:0; border:0; margin-top:37px; }
  .giris-isaret { display:none; }
  .giris-baslik { margin-bottom:26px; }
  .giris-baslik h1 { font-size:27px; }
  .giris-baslik h1 br { display:none; }
  .giris-baslik h1 br::after { content:' '; }
  .giris-baslik p { margin-top:9px; }
  .giris-alan { margin-bottom:20px; }
  .giris-alan input { font-size:16px; }
  .giris-alt { min-height:61px; font-size:9px; }
  .giris-alt > span:last-child { display:none; }
}
@media(prefers-reduced-motion:reduce) { .giris-sayfasi *, .giris-sayfasi *::before, .giris-sayfasi *::after { animation:none!important; transition:none!important; } }