/**
 * login/assets/css/login.css
 *
 * Loaded after /register/assets/css/register.css, which the login-finder page
 * (login/index.php) reuses for its card/form styling. This file only adds
 * what's specific to this page: vertical centering.
 *
 * The signup wizard (register/) is deliberately top-anchored — it's a long,
 * multi-step form users scroll through — so that layout is left alone. The
 * login-finder is a single short card and reads better centred in the
 * viewport, so the centering lives here rather than in the shared file.
 */

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.wrap {
  margin: auto;
  width: 100%;
}

/**
 * .hint's negative top margin (register.css) is tuned to sit just under a
 * plain input, which already carries a 16px bottom margin. The slug field
 * here is a custom wrapper (.slug) with only a 6px bottom margin, so that
 * same negative offset pulls the hint text up into the box border instead
 * of leaving it clear below. Override the gap for this specific pairing.
 */
.slug + .hint {
  margin-top: 8px;
}