.login {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px 16px 72px;
  background: var(--bg-app);
}
.login__box {
  width: min(460px, 100%);
  padding: 28px 32px 22px;
  border: 1px solid var(--border-default);
  border-top: 3px solid var(--accent);
  border-radius: var(--radius-md);
  background: var(--surface-2);
  box-shadow: var(--shadow-2);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login__box--wide { width: min(560px, 100%); }
.login__seal { width: 110px; height: auto; }
.login__title { font: 600 24px/1.25 var(--font-sans); color: var(--text-primary); margin-top: 16px; }
.login__sub { font: 400 15px/1.4 var(--font-sans); color: var(--text-muted); margin-top: 2px; }
.login .hairline { width: 100%; margin: 20px 0; }
.login__text { margin: 0 0 18px; font: 400 15px/1.5 var(--font-sans); color: var(--text-secondary); max-width: 360px; }
.login__foot { display: flex; align-items: center; gap: 6px; margin-top: 18px; font: 400 14px/1.4 var(--font-sans); color: var(--text-muted); }
.login .alert { margin-bottom: 14px; width: 100%; }
.login__seal--sm { width: 72px; }
.onboarding { width: 100%; text-align: left; }

.error-page { min-height: 60vh; display: grid; place-items: center; text-align: center; }
.error-page__code { font: 600 48px/1 var(--font-sans); color: var(--text-muted); }
.error-page__text { color: var(--text-secondary); margin: 10px 0 18px; max-width: 420px; }
.error-page__ref { display: block; margin-top: 8px; font-family: var(--font-mono); font-size: var(--fs-sm, 13px); color: var(--text-muted); }
.login__privacy { margin-top: 6px; font: 400 12px/1.5 var(--font-sans); color: var(--text-muted); max-width: 360px; }

.confirm-card { display: flex; flex-direction: column; gap: 12px; padding: 12px; border: 1px solid var(--border-default); border-radius: var(--radius-sm); background: var(--surface-3); }
.confirm-card__rank { display: flex; align-items: center; gap: 10px; }
.confirm-card__rank .ins--none { display: none; }
.confirm-card__value { font: 600 14px/1.3 var(--font-sans); color: var(--text-primary); }
.confirm-card__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; margin: 0; }
.confirm-card__grid dd { margin: 4px 0 0; }
.confirm-card__check { align-items: flex-start; padding: 8px 10px; border-radius: var(--radius-sm); background: var(--surface-1); border: 1px solid var(--border-default); line-height: 1.45; }
.confirm-card__check .check__box { margin-top: 1px; }
.confirm-card__check strong { color: var(--text-primary); }

@media (max-width: 640px) {
  .confirm-card__grid { grid-template-columns: 1fr; }
}