.forgot-password {
  justify-self: end;
  margin: -9px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--yellow);
  font: inherit;
  font-size: .84rem;
  font-weight: 800;
  cursor: pointer;
}
.forgot-password:hover { text-decoration: underline; }
.account-tabs[hidden], label[hidden], button[hidden] { display: none !important; }
.password-field {
  position: relative;
  display: block;
}
.password-field input { padding-right: 54px; }
.password-toggle {
  position: absolute;
  top: 50%;
  right: 10px;
  display: grid;
  width: 38px;
  height: 38px;
  padding: 8px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #a8afb8;
  cursor: pointer;
  transform: translateY(-50%);
}
.password-toggle:hover,
.password-toggle:focus-visible {
  background: #20272e;
  color: var(--yellow);
  outline: none;
}
.password-toggle svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.password-toggle .eye-closed,
.password-toggle.showing .eye-open { display: none; }
.password-toggle.showing .eye-closed { display: block; }