/* Giriş / Kayıt / Şifremi Unuttum */
.auth-wrap {
  display: grid; grid-template-columns: 1fr; gap: 1.25rem;
  max-width: 64rem; margin: 2rem auto 3.5rem;
}
@media (min-width: 900px) {
  .auth-wrap { grid-template-columns: 1fr 1.05fr; gap: 1.5rem; align-items: stretch; margin-top: 3rem; }
}

.auth-brand {
  position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center;
  background: var(--fg); color: #fff; border-radius: var(--radius-premium); padding: 2.25rem;
}
@media (min-width: 900px) { .auth-brand { padding: 3rem; } }
.auth-brand::after {
  content: ""; position: absolute; right: -6rem; top: -6rem; width: 18rem; height: 18rem;
  border-radius: 9999px; background: radial-gradient(circle, rgba(228, 17, 17, .45), transparent 70%);
  pointer-events: none;
}
.ab-eyebrow { font-size: 11px; font-weight: 800; letter-spacing: .25em; color: #f87171; margin: 0 0 .75rem; }
.auth-brand h1 { font-size: 1.85rem; font-weight: 900; letter-spacing: -.04em; line-height: 1.08; }
@media (min-width: 900px) { .auth-brand h1 { font-size: 2.25rem; } }
.ab-desc { margin: .8rem 0 0; color: #a1a1aa; font-size: 14px; line-height: 1.6; max-width: 24rem; }
.ab-list { list-style: none; margin: 1.5rem 0 0; padding: 0; display: flex; flex-direction: column; gap: .65rem; }
.ab-list li { display: flex; align-items: center; gap: .6rem; font-size: 13px; font-weight: 600; color: #d4d4d8; }
.ab-list .icon { color: #f87171; flex-shrink: 0; }

.auth-panel { padding: 1.75rem; }
@media (min-width: 640px) { .auth-panel { padding: 2.5rem; } }
.auth-title { font-size: 1.5rem; font-weight: 900; letter-spacing: -.03em; }
.auth-sub { margin: .4rem 0 1.5rem; font-size: 13px; color: var(--muted); }

.auth-row { display: flex; justify-content: flex-end; margin: -.25rem 0 1rem; }
.auth-link { font-size: 12px; font-weight: 700; color: var(--primary); }
.auth-link:hover { text-decoration: underline; }

.auth-alt { margin: 1.25rem 0 0; text-align: center; font-size: 13px; color: var(--muted); }
.auth-alt a { color: var(--primary); font-weight: 700; }
.auth-alt a:hover { text-decoration: underline; }

.auth-note {
  margin: 1.25rem 0 0; display: flex; align-items: center; justify-content: center; gap: .4rem;
  font-size: 11px; color: var(--muted-light);
}
.auth-note .icon { flex-shrink: 0; }

.form-grid-2 { display: grid; grid-template-columns: 1fr; gap: 0 1rem; }
@media (min-width: 640px) { .form-grid-2 { grid-template-columns: 1fr 1fr; } }

/* Tek panelli dar sayfa (şifremi unuttum) */
.auth-single { max-width: 30rem; margin: 2.5rem auto 3.5rem; }
