.auth-box { max-width: 520px; }
.auth-heading { color: var(--primary); font-size: 23px; line-height: 1.4; margin: 0 0 6px; }
.auth-intro { color: var(--text2); font-size: 13px; line-height: 1.85; margin: 0 0 22px; }
.auth-password { position: relative; }
.auth-password input { padding-inline-end: 46px; }
.auth-password button {
  position: absolute; inset-inline-end: 7px; top: 50%; transform: translateY(-50%);
  width: 38px; height: 38px; display: grid; place-items: center;
  color: var(--text2); border-radius: 8px;
}
.auth-password button:hover { color: var(--primary); background: var(--sage); }
.auth-help-link { display: block; color: var(--primary); font-weight: 700; font-size: 12px; margin: 14px 0 0; }
.auth-help-link:hover { text-decoration: underline; }
@media(max-width:540px) {
  .auth-box .auth-form { padding: 20px; }
  .auth-box .auth-tabs { padding-inline: 20px 52px; gap: 16px; }
  .auth-heading { font-size: 19px; }
  .auth-intro { font-size: 12px; }
}