.login .signup-link {
  display: grid;
  gap: 5px;
  margin-top: 18px;
  padding: 15px 17px;
  border: 1px solid #3b8390;
  border-radius: 11px;
  background: linear-gradient(110deg, #15323a, #1a282b);
  box-shadow: 0 8px 24px #0005;
  transition: transform .15s, border-color .15s;
}
.login .signup-link:hover,
.login .signup-link:focus-visible {
  transform: translateY(-2px);
  border-color: #6cdae7;
  outline: none;
}
.login .signup-link strong {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #e4fcff;
  font-size: 14px;
}
.login .signup-link strong span { color: #68dbe8; font-size: 20px; line-height: 15px; }
.login .signup-link small { color: #a9c4c9; font-size: 11px; }
.password-field { position: relative; display: block; }
.password-field input { padding-right: 48px; }
.password-field .password-toggle { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 38px; height: 38px; padding: 0; background: transparent; color: #aeb8b8; }
.password-field .password-toggle:hover,
.password-field .password-toggle:focus-visible { color: var(--acid); }
.password-field .eye-slash { display: none; }
.password-field .password-toggle[aria-pressed="true"] .eye-slash { display: block; }