.link-button {
  width: 100%;
  margin-top: 14px;
  padding: 4px;
  border: 0;
  background: transparent;
  color: var(--brand-dark);
  font-weight: 750;
  text-align: center;
  text-decoration: underline;
}

.recovery-help {
  margin: 0 0 14px;
  color: var(--muted);
  font-size: 12px;
}

@media (max-width: 460px) {
  .login-shell { padding: 14px; align-items: start; }
  .login-card { margin: 24px 0; padding: 26px 20px; border-radius: 17px; }
  .login-card h1 { font-size: 26px; }
  .modal-layer { align-items: end; padding: 0; }
  .modal { width: 100%; max-height: 92vh; border-radius: 18px 18px 0 0; }
  .modal-foot .btn { flex: 1; }
}