/* Giriş, kayıt ve şifre sıfırlama sayfaları */

.auth {
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  min-height: calc(100vh - var(--header-height));
  padding: clamp(40px, 8vw, 96px) var(--gutter);
}

/* Arka planda sakin yeşil ışık */
.auth::before {
  content: "";
  position: absolute;
  top: -20%;
  left: 50%;
  width: 900px;
  max-width: 140vw;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(234, 244, 239, 0.95), rgba(234, 244, 239, 0));
  transform: translateX(-50%);
  pointer-events: none;
}

.auth-card {
  position: relative;
  width: 100%;
  max-width: 460px;
  padding: clamp(28px, 5vw, 44px);
  border: 1px solid var(--color-line-soft);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-raised);
}

.auth-card__mark {
  display: block;
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
}

.auth-card__title {
  font-size: clamp(26px, 3vw, 30px);
}

.auth-card__lead {
  margin-top: 8px;
  color: var(--color-text-secondary);
}

.auth-card .notice {
  margin-top: 24px;
  font-size: 14px;
}

.auth-card .form {
  margin-top: 28px;
}

.auth-card__switch {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid var(--color-line-soft);
  color: var(--color-text-secondary);
  font-size: 15px;
  text-align: center;
}

.auth-card__small-link {
  font-size: 14px;
}