/* Lost password page styled like site login */
body.login {
  background: #f3f7fb url('../img/bg-login.jpg') center/cover no-repeat fixed;
}
#login {
  width: 380px;
  max-width: 92vw;
  margin-top: 38px;
}
#lostpasswordform, #resetpassform {
  backdrop-filter: blur(3px);
  background: rgba(255,255,255,0.85);
  border: 1px solid #111;
  border-radius: 16px;
  box-shadow: 0 16px 36px rgba(0,0,0,.10);
  padding: 18px 16px 16px;
}
#lostpasswordform p, #resetpassform p { margin-bottom: 12px; }
#lostpasswordform label, #resetpassform label {
  display:block;
  font-weight: 700;
  font-size: 13px;
  margin: 6px 0 6px;
  text-align: right;
}
#user_login, #user_pass, #pass1, #pass2, .input {
  width: 100%;
  border: 1px solid #111;
  border-radius: 12px;
  padding: 12px 12px 12px 42px;
  outline: none;
  box-shadow: inset 0 2px 4px rgba(0,0,0,.04);
}
#user_login{
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4h16v16H4z'/%3E%3Cpath d='M22 6l-10 7L2 6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position: 12px center;
}
#pass1, #pass2{
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position: 12px center;
}

#wp-submit {
  width: 100%;
  min-height: 52px;
  border: none;
  border-radius: 1000px;
  font-weight: 800;
  letter-spacing: .6px;
  color: #fff;
  background: linear-gradient(90deg, #9AE6B4 0%, #38A169 100%);
  box-shadow: 0 12px 24px rgba(56,161,105,.35);
  cursor: pointer;
  position: relative;
  transition: transform .2s ease;
  margin-top: 8px;
}
#wp-submit:hover { transform: translateY(-2px); }
#wp-submit::after {
  content:'';
  position:absolute; inset:0;
  border-radius: 1000px;
  box-shadow: 0 0 0 0 rgba(56,161,105,.35);
  animation: gtPulse 2s infinite;
}
@keyframes gtPulse{
  0%{ box-shadow: 0 0 0 0 rgba(56,161,105,.35); }
  70%{ box-shadow: 0 0 0 16px rgba(56,161,105,0); }
  100%{ box-shadow: 0 0 0 0 rgba(56,161,105,0); }
}

.login #login_error, .login .message, .login .notice{
  border-radius: 10px;
}
.login #nav a, .login #backtoblog a{
  text-decoration: none;
  color: #2B6CB0;
}
.login #nav, .login #backtoblog{
  text-align: center;
}
.gt-lost-welcome{
  margin: 8px 0 14px;
  padding: 10px 12px;
  background: rgba(56,161,105,0.10);
  border: 1px solid rgba(56,161,105,0.25);
  border-radius: 10px;
  font-size: 13px;
  color: #22543D;
}
.login h1{ display:none!important; }