body {
  margin: 0;
  background: #f5efe2;
  color: #201b16;
  font-family: var(--font-sans);
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 20px;
  box-sizing: border-box;
}
.auth-card { width: min(100%, 440px); padding: 32px; border: 1px solid var(--color-border-default); border-radius: 28px; background: var(--color-surface-raised); }
h1 { font: 600 38px/42px var(--font-serif); margin: 0 0 12px; }
p { font: 400 15px/23px var(--font-sans); color: var(--color-text-secondary); }
label { display: block; font-weight: 600; margin: 18px 0 8px; }
input, button { width: 100%; min-height: 48px; box-sizing: border-box; border-radius: 24px; font: 500 15px var(--font-sans); }
input { padding: 0 16px; border: 1px solid var(--color-border-default); }
button { margin-top: 20px; border: 0; background: var(--color-action-primary); color: #fff; }
a { display: inline-block; margin-top: 20px; color: var(--color-text-primary); }
body.password-forgot label { margin-top: 24px; }
body.password-forgot button { margin-top: 16px; }