/* Страница входа/регистрации */

.auth-wrap {
  min-height: 100%;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 20px; padding: 40px 16px;
  background:
    radial-gradient(800px 400px at 85% -10%, var(--primary-50), transparent 60%),
    var(--surface-50);
}

.auth-card { width: 100%; max-width: 400px; padding: 28px; }

.auth-tabs {
  display: flex; gap: 4px; padding: 4px; margin-bottom: 20px;
  background: var(--surface-100); border-radius: var(--radius-md);
}
.auth-tab {
  flex: 1; padding: 7px 0; border: none; border-radius: var(--radius);
  background: transparent; color: var(--surface-500); font-size: 14px; font-weight: 500;
  cursor: pointer; transition: background .12s, color .12s;
}
.auth-tab.active { background: var(--surface-0); color: var(--text); box-shadow: var(--shadow-1); }

.auth-form { display: flex; flex-direction: column; gap: 14px; }
.auth-form .btn { margin-top: 4px; padding: 9px 14px; }
.optional { color: var(--muted); font-weight: 400; }

.auth-alt { text-align: center; font-size: 13px; color: var(--surface-500); }

.auth-foot { font-size: 13px; color: var(--muted); }

#authError { margin-bottom: 14px; }