/*───────────────────────────────────────────
  CORE LAYOUT
───────────────────────────────────────────*/

.auth {
  min-height: calc(100vh - 60px);
  display: flex;
  margin-top: 85px;
  padding-top: 100px;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
}

/*───────────────────────────────────────────
  CARD
───────────────────────────────────────────*/
.auth-card {
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
  border: 2px solid #dee2e6;
  border-radius: 12px;
}

.auth-card__body {
  padding: 2rem;
  text-align: center;
}

/*───────────────────────────────────────────
  HEADER TEXT
───────────────────────────────────────────*/
.auth__header     { margin-bottom: 2rem; text-align: center; }
.auth__header h1  { font-size: 1.75rem; font-weight: 700; margin: 0 0 .5rem; }
.auth__header p   { margin: 0; color: #6c757d; }

/*───────────────────────────────────────────
  BRAND LOGO
───────────────────────────────────────────*/
.auth-brand {
  display: block;
  width: 115px;
  margin: 0 auto 1.5rem;
}
.auth-brand img   { width: 100%; height: auto; display: block; }

/*───────────────────────────────────────────
  FORM
───────────────────────────────────────────*/
.auth-form .form-control { margin-bottom: 1rem; }
.auth-btn { width: 100%; padding: .75rem; border-radius: 10px; font: inherit; }

/*───────────────────────────────────────────
  PASSWORD CRITERIA (signup)
───────────────────────────────────────────*/
.password-criteria         { display: none; margin: -.5rem 0 1rem; font-size: .875rem; color: #6c757d; }
.password-criteria ul      { list-style: none; margin: 0; padding: 0; }
.password-criteria li      { display: flex; align-items: center; margin-bottom: .25rem; }
.password-criteria .indicator { width: 1.25rem; margin-right: .5rem; }

/*───────────────────────────────────────────
  MISC
───────────────────────────────────────────*/
.text-link { color: inherit; text-decoration: underline; color: blue; }