/* ==========================================================================
   YÖNETİM SAYFASI — GİRİŞ
   İki sütun: solda form (beyaz), sağda lacivert tanıtım paneli. Vitrindeki
   giriş sayfasıyla aynı mantık, farklı içerik.
   ========================================================================== */

body.ay--sade { background: var(--yuzey); }

.ay-giris { display: grid; min-height: 100vh; }
@media (min-width: 940px) { .ay-giris { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }

.ay-giris__form {
  display: grid;
  place-items: center;
  padding: var(--s7) var(--s6);
  background: var(--yuzey);
}
.ay-giris__ic { width: min(400px, 100%); display: grid; gap: var(--s5); }

.ay-giris__logo { justify-self: start; }
.ay-giris__logo img { height: 92px; width: auto; }

.ay-giris__soz { display: grid; gap: 4px; }
.ay-giris__etiket {
  font-family: var(--font-bas);
  font-size: var(--f-mic);
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--kirmizi-500);
}
.ay-giris__soz h1 { font-size: 1.75rem; }
.ay-giris__alt { font-size: var(--f-sm); color: var(--metin-2); }

.ay-giris__sifre { position: relative; display: block; }
.ay-giris__sifre .ay-girdi { padding-right: 44px; }
.ay-giris__goz {
  position: absolute;
  right: 6px; top: 50%;
  transform: translateY(-50%);
  width: 32px; height: 32px;
  display: grid; place-items: center;
  border-radius: var(--r-xs);
  color: var(--metin-4);
}
.ay-giris__goz:hover { color: var(--metin-2); background: var(--yuzey-2); }
.ay-giris__goz .ay-ikon { width: 17px; height: 17px; }

.ay-giris__yasal { font-size: var(--f-xs); color: var(--metin-4); line-height: 1.55; }

/* Sağ tanıtım paneli */
.ay-giris__yan {
  display: none;
  position: relative;
  overflow: hidden;
  background: var(--lacivert-800);
  color: #fff;
  padding: var(--s9) var(--s7);
  align-items: center;
}
@media (min-width: 940px) { .ay-giris__yan { display: flex; } }
.ay-giris__yan::before {
  content: "";
  position: absolute;
  inset: -20% -30% auto auto;
  width: 460px; height: 460px;
  background: radial-gradient(circle, rgba(225, 6, 0, .34), transparent 66%);
}
.ay-giris__yan-ic { position: relative; z-index: 1; display: grid; gap: var(--s5); max-width: 420px; }
.ay-giris__yan-etiket {
  font-family: var(--font-bas);
  font-size: var(--f-mic);
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--altin-500);
}
.ay-giris__yan h2 {
  font-family: var(--font-bas);
  font-size: clamp(1.7rem, 3vw, 2.4rem);
  font-weight: 900;
  font-style: italic;
  letter-spacing: -.03em;
  line-height: 1.12;
  color: #fff;
  text-transform: uppercase;
}
.ay-giris__fayda { display: grid; gap: var(--s4); }
.ay-giris__fayda li { display: flex; gap: 13px; }
.ay-giris__fayda .ay-ikon { width: 19px; height: 19px; color: var(--kirmizi-400); flex: none; margin-top: 2px; }
.ay-giris__fayda span { font-size: var(--f-sm); color: var(--ters-3); line-height: 1.5; }
.ay-giris__fayda strong { display: block; color: #fff; font-weight: 800; margin-bottom: 1px; }