.auth-error-page { padding: 24px 14px; }
.auth-error-card { text-align: center; padding: 30px 34px 34px; }
.auth-error-card > img { width: 158px; height: 78px; }
.auth-error-symbol {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin: 12px auto 17px;
  border-radius: 50%;
  background: #fff0ed;
  color: #b52b24;
  font-size: 31px;
  font-weight: 800;
}
.auth-error-eyebrow { color: #7052bb; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.auth-error-card h1 { margin: 10px 0 12px; color: var(--navy2); font-size: clamp(23px, 5vw, 28px); line-height: 1.2; }
.auth-error-card > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.auth-error-action { display: block; margin-top: 25px; text-align: center; }
.auth-error-card .auth-error-help { margin-top: 18px; font-size: 12px; }
.auth-notice { display: grid; gap: 4px; margin: 0 0 18px; padding: 12px 14px; border-radius: 10px; text-align: left; font-size: 13px; line-height: 1.45; }
.auth-notice strong { font-size: 13px; }
.auth-notice--error { border: 1px solid #efc3c0; background: #fff4f3; color: #842c26; }
.auth-notice--info { border: 1px solid #d4c9f2; background: #f5f1ff; color: #4e3988; }
@media (max-width: 480px) { .auth-error-card { padding: 25px 22px 28px; } }