body.login{
  background:#F6F3FC;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  position:relative;overflow-x:hidden;
}
body.login::before{
  content:"";position:fixed;inset:0;z-index:0;
  background-size:cover;background-position:center;
  background-image:radial-gradient(50% 45% at 14% 8%,rgba(130,73,150,.22),transparent 62%),
                   radial-gradient(46% 42% at 88% 6%,rgba(49,73,158,.2),transparent 60%);
}
body.login #login{position:relative;z-index:1;width:368px;padding-top:7%}
#login h1 a{
  width:100%;max-width:260px;height:68px;background-size:contain;background-position:center;
  margin:0 auto 10px;
}
.rodh-login-tag{
  text-align:center;color:#5F5878;font-size:13.5px;margin:0 0 16px;
}
.login form{
  border:1px solid #E7E0F3;border-radius:22px;padding:28px 26px 26px;
  box-shadow:0 24px 60px -34px rgba(43,21,80,.5);
}
.login label{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;color:#1A1030;font-size:13.5px}
.login input[type=text],.login input[type=password],.login input[type=email]{
  border:1.5px solid #E7E0F3;border-radius:13px;padding:12px 14px;font-size:15px;background:#fff;
  box-shadow:none;
}
.login input[type=text]:focus,.login input[type=password]:focus,.login input[type=email]:focus{
  border-color:#824996;box-shadow:0 0 0 3px rgba(130,73,150,.14);outline:none;
}
.login .button.wp-hide-pw{border:0;background:transparent;color:#5F5878}
.wp-core-ui .button-primary{
  background:linear-gradient(115deg,#582D8D 0%,#824996 48%,#31499E 100%);
  border:0;border-radius:999px;padding:8px 24px;height:auto;min-height:42px;
  font-family:"Outfit",sans-serif;font-weight:700;font-size:14.5px;
  box-shadow:0 12px 28px -14px rgba(88,45,141,.9);text-shadow:none;
}
.wp-core-ui .button-primary:hover,.wp-core-ui .button-primary:focus{
  background:linear-gradient(115deg,#4b2579 0%,#733f85 48%,#2a3f8a 100%);
  box-shadow:0 16px 34px -14px rgba(88,45,141,1);
}
.login #nav,.login #backtoblog{text-align:center;padding:0;margin:14px auto 0}
.login #nav a,.login #backtoblog a{color:#5F5878;font-size:13.5px}
.login #nav a:hover,.login #backtoblog a:hover{color:#582D8D}
.login .message,.login .success,.login #login_error{
  border-left:4px solid #824996;border-radius:12px;box-shadow:none;
}
.login .privacy-policy-page-link{margin-top:18px}
@media (max-width:420px){
  body.login #login{width:92vw;padding-top:10%}
}