/* Account pages extend SecondLook's existing colors and typography. */
.auth-role-note { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; margin: 0 0 24px; border: 1px solid #dfe3ff; border-radius: 12px; background: #f5f5ff; }
.auth-role-icon { display: grid; place-items: center; flex: 0 0 28px; height: 28px; color: var(--accent); background: #e8e8ff; border-radius: 8px; font-weight: 700; }
.auth-role-note strong { display: block; margin-bottom: 2px; color: var(--ink); font-size: 13px; font-weight: 600; }
.auth-role-note span:not(.auth-role-icon) { display: block; color: var(--muted); font-size: 12px; line-height: 1.6; }
.auth-field-hint { margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.auth-field-error { margin: 6px 0 0; color: #b43737; font-size: 12px; }
.auth-field-error:empty { display: none; }
.auth-input-wrap input[aria-invalid="true"] { border-color: #b43737; background: #fffafa; }
#auth-confirm { padding-right: 66px; }
.auth-register-caption { margin: 14px 0 0; color: var(--muted); text-align: center; font-size: 12px; line-height: 1.6; }
.auth-retry { margin-top: 12px; border: 0; padding: 0; color: var(--accent); background: transparent; cursor: pointer; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.auth-register .auth-layout { gap: 72px; padding-block: 48px; }
.auth-register .auth-card { max-width: 480px; width: 100%; justify-self: end; }
.auth-register .auth-card h2 { font-size: 32px; }
.auth-register .auth-description { margin-bottom: 20px; }
.auth-register .auth-links { margin-top: 20px; }
@media (max-width: 1000px) { .auth-register .auth-layout { gap: 40px; } }
@media (max-width: 760px) {
  .auth-register .auth-layout { gap: 24px; padding-block: 30px; }
  .auth-register .auth-intro h1 { font-size: 34px; margin-bottom: 16px; }
  .auth-register .auth-intro .eyebrow { margin-bottom: 16px; font-size: 10px; }
  .auth-register .auth-card { justify-self: stretch; max-width: none; }
  .auth-register .auth-card h2 { font-size: 28px; }
}