/* Login page styles (login.css) — builds upon register.css */
@import url('register.9c6a90ec.css');

.auth-choices {
  margin-top: 20px;
  text-align: left;
}
.auth-choices-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--soi-umber);
}
.auth-choice-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 16px;
  margin-bottom: 10px;
  border: 1px solid var(--soi-sand);
  border-radius: var(--radius-input);
  background: var(--soi-surface);
  color: var(--soi-umber);
  font: inherit;
  font-size: 15px;
  cursor: pointer;
  transition: all var(--duration-fast) var(--ease-out);
}
.auth-choice-btn:hover {
  border-color: var(--soi-ochre);
  background: var(--soi-linen);
  transform: translateY(-1px);
}
.auth-choice-meta {
  font-size: 12px;
  color: var(--soi-umber-soft);
}

.auth-crew-toggle {
  display: inline-block;
  margin-top: 18px;
  font-size: 13.5px;
  color: var(--soi-umber-soft);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.auth-crew-toggle:hover {
  color: var(--soi-umber);
}

#crewLoginForm {
  margin-top: 14px;
}

/* "Forgot password?" under the password field → forgot.html */
.auth-forgot{margin:-8px 0 16px;text-align:right;font-size:13px}
.auth-forgot a{color:var(--soi-umber);font-weight:600;text-decoration:none}
.auth-forgot a:hover{text-decoration:underline;text-underline-offset:3px}