@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
.login-action-lostpassword .wp-login-logo a,
.login-action-checkemail .wp-login-logo a,
.login-action-login .wp-login-logo a,
.login-action-rp .wp-login-logo a,
.login-action-resetpass .wp-login-logo a,
.login-action-lostpassword .notice-info.message,
.login-action-rp .notice-info.message,
.login-action-lostpassword #backtoblog,
.login-action-checkemail #backtoblog,
.login-action-login #backtoblog,
.login-action-rp #backtoblog,
.login-action-resetpass #backtoblog{
  display: none !important;
  opacity: 0 !important;
}
.login-action-lostpassword #login,
.login-action-checkemail #login,
.login-action-login #login,
.login-action-rp #login,
.login-action-resetpass #login{
  width: 400px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.login-action-lostpassword,
.login-action-checkemail,
.login-action-login,
.login-action-rp,
.login-action-resetpass{
  background-color: #f7f7f7;
  background-image: url(https://docs.rezolve.com/wp-content/uploads/2025/09/drz-login-bg.webp);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: contain;
}
.login-action-lostpassword #wp-submit,
.login-action-login #wp-submit,
.login-action-rp #wp-submit,
.login-action-login #wfls-token-submit,
.login-action-rp .wp-generate-pw{
  width: 100%;
  background-color: #3279cd;
  border: 1px solid #3279cd;
  color: #ffffff;
  font-family: "Inter", Sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 36px;
  height: 36px;
  border-radius: 6px;
  padding: 0px 0px 0px 0px;
  height: 36px;
  min-height: unset;
  display: block;
  margin-bottom: 24px;
  box-shadow: none;
}
.login-action-lostpassword #wp-submit:focus,
.login-action-login #wp-submit:focus,
.login-action-rp #wp-submit:focus,
.login-action-rp .wp-generate-pw:focus,
.login-action-login #wfls-token-submit:focus,
.login-action-lostpassword #wp-submit:hover,
.login-action-login #wp-submit:hover,
.login-action-rp #wp-submit:hover,
.login-action-rp .wp-generate-pw:hover,
.login-action-login #wfls-token-submit:hover{
  border: 1px solid #002b5a;
  background-color: #002b5a;
  box-shadow: none;
  color: #ffffff
}
.login-action-rp .reset-pass-submit{
   gap: 20px; 
    flex-flow: row;
}
.login-action-rp #wp-submit,
.login-action-rp .wp-generate-pw{
    width: 50%;
}

.login-action-rp .wp-generate-pw{
    background: transparent;
    color: #3279cd;
}

.login-action-lostpassword .wp-login-logo,
.login-action-rp  .wp-login-logo{
	padding: 0 5px;
}
.login-action-lostpassword .wp-login-logo::before,
.login-action-checkemail .wp-login-logo::before,
.login-action-login .wp-login-logo::before,
.login-action-rp .wp-login-logo::before,
.login-action-resetpass .wp-login-logo::before{
  content: "";
  display: block;
  width: 27px;
  height: 27px;
  margin-bottom: 16px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 31" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.9657 3.59908C22.5659 4.90833 23.8337 6.59364 24.6486 8.47662C25.3575 10.1145 25.6082 11.9471 25.6082 13.7436C25.6082 23.8732 12.1032 30.6817 9.151 30.6817C8.376 30.6817 7.8835 30.2734 7.8835 29.8134C7.8835 29.3415 8.17739 29.1804 8.65279 28.9197C9.22349 28.6069 10.0558 28.1505 10.9557 26.8411C11.1869 26.5045 11.0005 26.041 10.5992 25.9648C3.70714 24.6567 0.200195 19.1053 0.200195 13.5483C0.200195 8.63783 3.57823 0.799805 13.1611 0.799805C15.1072 0.799805 16.9226 1.25114 18.535 2.03882C18.1042 2.29575 17.8244 2.73879 17.8244 3.25235C17.8244 4.05249 18.5398 4.70326 19.419 4.70326C20.1667 4.70326 20.7941 4.23177 20.9657 3.59908ZM13.1327 19.6802H15.5423V11.232C15.5423 7.31761 12.3663 5.92301 9.3943 5.92301C7.9579 5.92301 6.2883 6.24069 4.4317 6.86717L4.15729 6.95903V9.60688L4.55143 9.42196C4.98587 9.21837 7.26179 8.2022 9.41829 8.2022C12.147 8.2022 13.1193 9.59413 13.1193 10.8969V11.6745H8.0764C4.68714 11.6745 2.74343 12.9985 2.74343 15.6413C2.74343 18.2841 4.85577 19.992 8.1245 19.992C10.3088 19.992 12.1304 19.2265 13.2002 17.9016L13.1327 19.6802ZM18.2076 19.6802H20.6782V6.23447H16.4583V8.51336H18.2076V19.6802ZM8.3879 17.7365C6.37099 17.7365 5.21406 16.9642 5.21406 15.6174C5.21406 14.1229 6.82231 13.8091 8.1719 13.8091H13.1205C12.9116 15.7593 11.5772 17.7365 8.3879 17.7365Z" fill="%235A8AC3"/></svg>')
    no-repeat center center;
  background-size: contain;
}
.login-action-lostpassword #lostpasswordform,
.login-action-login #loginform,
.login-action-rp #resetpassform {
  padding: 0;
  margin: 0;
  box-shadow: none;
  border: none;
  background-color: transparent;
  width: 400px;
  box-sizing: border-box;
  padding: 0 5px;
}

.login-action-rp #resetpassform {
    display: flex;
    flex-direction: column;
}
.login-action-rp .wp-login-logo::after {
  content: "Enter your new password below or generate one.";
  display: block;
  font-family: "Inter", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #181d27;
  text-align: left;
  margin-bottom: 12px;
}

.login-action-lostpassword #lostpasswordform::before {
  content: "Lost your password? Please enter your Username or Email Address to get password reset link.";
  display: block;
  font-family: "Inter", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #181d27;
  text-align: left;
  margin-bottom: 32px;
}
.login-action-login .wp-login-logo::after{
    content: "Welcome to the Documentation page";
}
.login-action-login .wp-login-logo::after,
.login-action-checkemail .wp-login-logo:after,
.login-action-lostpassword .wp-login-logo::after,
.login-action-resetpass .wp-login-logo:after,
.login-action-rp .wp-login-logo::after {
  display: block;
  font-family: "Inter", Sans-serif;
  font-size: 36px;
  height: 80px;
  font-weight: 500;
  line-height: 100%;
  color: #181d27;
  text-align: left;
  margin-bottom: 12px;
  background: linear-gradient(90deg, #2d91fc 15%, #002b5a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.login-action-lostpassword .wp-login-logo:after,
.login-action-checkemail .wp-login-logo:after,
.login-action-resetpass .wp-login-logo:after,
.login-action-login:has(#wfls-prompt-overlay) .wp-login-logo:after,
.login-action-rp .wp-login-logo::after{
    content: "Rezolve Ai Documentation"
}

.login-action-login #loginform::before {
  content: "Log in to your account";
  display: block;
  font-family: "Inter", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #535862;
  text-align: left;
  margin-bottom: 32px;
}
.login-action-lostpassword #lostpasswordform label,
.login-action-login #loginform label,
.login-action-rp #resetpassform label  {
  color: #414651;
  font-family: "Inter", Sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
}
.login-action-lostpassword #user_login,
.login-action-login #user_login,
.login-action-login #user_pass,
.login-action-login #wfls-token,
.login-action-rp #pass1{
  background-color: #ffffff;
  border: 1px solid #0000001f;
  color: #181d27;
  border-radius: 6px 6px 6px 6px;
  font-family: "Inter", Sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 4px 12px;
  height: 33px;
  min-height: unset;
  margin-bottom: 20px;
  position: relative;
  
}
.login-action-lostpassword #user_login:focus,
.login-action-login #user_login:focus,
.login-action-login #user_pass:focus,
.login-action-login #wfls-token:focus,
.login-action-rp #pass1:focus{
  border: 1px solid #3b82f6 !important;
  box-shadow: 0 0 0 3px #3b82f633 !important;
  outline: none !important;
}
.login-action-login #nav{
  padding: 0;
  color: #414651;
  font-family: "Inter", Sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
	position: relative;
	margin: 0;
}

.login-action-login #nav .wp-login-lost-password{
    position: absolute;
    top: -98px;
    right: 0;
	color: #3279cd;
}
.login-action-lostpassword .wp-login-log-in,
.login-action-rp #nav{
  color: #2563eb !important;
  font-family: "Inter", Sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}
.login-action-rp #nav::before,
.login-action-lostpassword .wp-login-log-in::before {
  content: "Remembered your password? ";
  color: #535862;
}

.login-action-rp #nav a{
    color: #2563eb !important;
    text-decoration: underline;
}

.login-action-checkemail .notice.message,
.login-action-resetpass .reset-pass{
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  box-shadow: none;
}
.login-action-checkemail .notice.message p,
.login-action-resetpass .reset-pass {
  font-family: "Inter", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #535862;
}
.login-action-checkemail .notice.message a,
.login-action-resetpass .reset-pass a {
  color: #2563eb !important;
}
.login-action-login #login_error,
.login-action-lostpassword  #login_error{
  order: 3;
  background-color: #fef2f2;
  border: 0;
  box-shadow: none;
  color: #c50011;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  padding: 20px;
  border: 1px solid #c50011;
  border-radius: 6px;
  margin: 0 5px 20px 5px;
	
}
.login-action-login #login_error a,
.login-action-lostpassword #login_error a{
    color: #c50011;
}
.login-action-login #login_error p,
.login-action-lostpassword #login_error p {
  display: inline-block;
  white-space: nowrap;
  max-width: calc(100% - 1ch); /* cut off last 3 characters */
  overflow: hidden;
  text-wrap: wrap;
}

.login-action-login .forgetmenot{
	margin-bottom: 10px !important;
    display: block;
}

.login-action-login #login-message {
  order: 3;
  background-color: #E7FAE8;
  border: 0;
  box-shadow: none;
  color: #3D7B40;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  padding: 20px;
  border: 1px solid #3D7B40;
  border-radius: 6px;
  margin: 0 5px 20px 5px;
	
}
.login-action-login #login-message a{
    color: #3D7B40;
}

.login-action-login #login-message p {
    display: inline-block;
    white-space: nowrap;
    max-width: calc(100% - 1ch);
    overflow: hidden;
    text-wrap: wrap;
}


.login-action-login:has(#wfls-prompt-overlay) #loginform::before{
    content: "Enter your 2-factor authenticator code"
}

.login-action-login #wfls-prompt-overlay{
    background: transparent;
    position: relative;
    width: 100%;
    padding: 0px 0px;
}

.login-action-login:has(#wfls-prompt-overlay) #loginform p:has(#user_login),
.login-action-login:has(#wfls-prompt-overlay) #loginform .user-pass-wrap,
.login-action-login:has(#wfls-prompt-overlay) #loginform .forgetmenot,
.login-action-login:has(#wfls-prompt-overlay) #loginform .forgetmenot +.submit,
.login-action-login:has(#wfls-prompt-overlay) #nav{
    display: none;
    visibility: hidden;
    opacity: 0
    height: 0;
    overflow: hidden;
}

.login-action-login #wfls-prompt-overlay label a{
    display: none
}

.login-action-lostpassword #nav,
.login-action-rp #nav{
    padding: 0 5px;
    margin-top: 0;
    margin-bottom: 20px;
}

.login-action-login .button.wp-hide-pw,
.login-action-rp .button.wp-hide-pw{
    padding: 0;
    min-width: unset;
    min-height: unset;
    width: 33px;
    height: 33px;
    border: none;
}
.login-action-login .button.wp-hide-pw:focus,
.login-action-rp .button.wp-hide-pw:focus{
    outline: none;
    border: none;
    box-shadow: none;
}

.login-action-rp .description.indicator-hint{
    order: 2;   
}

.login-action-rp #pass-strength-result{
    position: absolute;
    top: -26px;
    background: transparent;
    border: none;
    width: auto;
    right: 0;
    padding: 0;
    margin: 0;   
    display: flex;
    align-items: center;
}
.login-action-rp #pass-strength-result::before{
    content: "";
    width: 60px;
    height: 8px;
    border-radius: 5px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 1px;
    background-color: #dddddd;
    

}
.login-action-rp #pass-strength-result::after{
    content: "";
    width: 60px;
    height: 8px;
    border-radius: 5px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 1px;
    position: absolute;
    left: 0;
}

.login-action-rp #pass-strength-result.short::after{
    background-color: #D23427;
    width:15px;
}

.login-action-rp #pass-strength-result.bad::after{
    background-color: #F6A72E;
    width:25px;
}

.login-action-rp #pass-strength-result.good::after{
    background-color: #9ac01b;
    width:40px;
}    

.login-action-rp #pass-strength-result.strong::after{
    background-color:#0bc677;
    width:60px;
}