body.giris-sayfa{
  min-height:100vh; display:grid; place-items:center; padding:1.5rem 1rem;
  grid-template-rows:1fr auto;
}
body.giris-sayfa > .alt-bilgi{ margin:0; padding:1.25rem 0 0; }
.giris-kabuk{
  width:100%; max-width:900px; display:grid; grid-template-columns:1fr 1.05fr;
  background:var(--y-surface); border:1px solid var(--y-border); border-radius:calc(var(--y-r-kart) + 4px);
  box-shadow:var(--y-shadow-yuksek); overflow:hidden;
}
.giris-marka{
  position:relative; isolation:isolate; padding:2.4rem 2.2rem; color:#fff;
  display:flex; flex-direction:column; justify-content:center;
  background:
    radial-gradient(360px 220px at 100% 0%, rgba(255,255,255,.18), transparent 70%),
    linear-gradient(150deg, color-mix(in srgb, var(--y-dolgu-guvenli) 80%, #fff) 0%, var(--y-dolgu-guvenli) 45%, color-mix(in srgb, var(--y-dolgu-guvenli) 70%, #000) 100%);
}
.giris-marka::after{
  content:''; position:absolute; inset:0; z-index:-1; opacity:.55;
  background-image:radial-gradient(rgba(255,255,255,.2) 1.2px, transparent 1.3px);
  background-size:16px 16px;
  -webkit-mask-image:linear-gradient(200deg, #000 10%, transparent 65%);
          mask-image:linear-gradient(200deg, #000 10%, transparent 65%);
}
.giris-amblem{
  width:60px; height:60px; padding:7px; border-radius:var(--y-r-kutu);
  background:rgba(255,255,255,.18); box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);
}
.giris-amblem svg{ width:100%; height:100%; display:block; }
.giris-marka-ad{ margin:1.1rem 0 .2rem; font-size:1.6rem; font-weight:800; letter-spacing:-.02em; }
.giris-slogan{ margin:0 0 1.4rem; font-size:1rem; opacity:.92; }
.giris-ozellik{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.65rem; font-size:.9rem; font-weight:600; }
.giris-ozellik li{ display:flex; align-items:center; gap:.6rem; }
.giris-ozellik .bi{
  width:30px; height:30px; flex:0 0 auto; display:grid; place-items:center; border-radius:var(--y-r-ikon);
  background:rgba(255,255,255,.18); font-size:.95rem;
}
.giris-form{ padding:2.4rem 2.2rem; display:flex; flex-direction:column; justify-content:center; }
.giris-form h1{ margin:0; font-size:1.45rem; font-weight:800; letter-spacing:-.02em; }
.giris-alt{ margin:.3rem 0 1.4rem; font-size:.86rem; color:var(--y-muted); }
.giris-alan{ position:relative; }
.giris-alan > .bi{ position:absolute; left:.85rem; top:50%; transform:translateY(-50%); color:var(--y-muted); pointer-events:none; }
.giris-alan .form-control{ min-height:46px; padding-left:2.4rem; }
.giris-alan .form-control[data-parola]{ padding-right:2.9rem; }
.giris-goz{
  position:absolute; right:.35rem; top:50%; transform:translateY(-50%);
  width:38px; height:38px; display:grid; place-items:center;
  border:0; border-radius:var(--y-r-ikon); background:transparent; color:var(--y-muted);
}
.giris-goz:hover{ color:var(--y-primary); background:var(--y-primary-soft); }
.giris-caps{ margin-top:.4rem; font-size:.78rem; font-weight:700; color:var(--y-uyari-koyu); }
.giris-caps[hidden]{ display:none; }
.giris-btn{ min-height:46px; margin-top:1.1rem; display:flex; align-items:center; justify-content:center; gap:.5rem; }
.giris-link{
  display:inline-flex; align-items:center; gap:.35rem; align-self:center; margin-top:1rem;
  font-size:.85rem; font-weight:600; color:var(--y-muted); text-decoration:none;
}
.giris-link:hover{ color:var(--y-primary); }
.giris-hata{ margin-top:.4rem; font-size:.78rem; font-weight:700; color:var(--y-hata); }
.giris-hata[hidden]{ display:none; }
@media (max-width:767.98px){
  body.giris-sayfa{ place-items:start center; padding-top:1rem; }
  .giris-kabuk{ grid-template-columns:1fr; max-width:440px; }
  .giris-marka{ padding:1.2rem 1.4rem; flex-direction:row; align-items:center; gap:.85rem; }
  .giris-amblem{ width:46px; height:46px; padding:5px; flex:0 0 auto; }
  .giris-marka-ad{ margin:0; font-size:1.2rem; }
  .giris-slogan{ margin:0; font-size:.82rem; }
  .giris-ozellik{ display:none; }
  .giris-form{ padding:1.6rem 1.4rem 1.8rem; }
}