.auth {
  min-height: 100dvh;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 1.5rem;
  padding-inline: var(--gutter);
  padding-block: 2rem;
}
.auth-card {
  width: 100%;
  max-width: 400px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
}
.tabs { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--line); }
.tabs button {
  font: 500 var(--s-sm)/1 var(--f-body); color: var(--muted);
  background: none; border: 0; padding: 1rem; cursor: pointer;
  border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.tabs button[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--accent); }
.auth-form { display: grid; gap: 1rem; padding: 1.5rem; }
.auth-form h1 { font-size: var(--s-xl); font-weight: 800; letter-spacing: -0.02em; }
.auth-form .btn { width: 100%; padding-block: 0.85rem; }