:root{
  --urb-blue:#173b68;
  --urb-blue-2:#25548c;
  --urb-bg:#eef3f7;
  --urb-card:#fff;
  --urb-border:#d9e3eb;
  --urb-text:#173451;
  --urb-muted:#6c7d89;
  --urb-shadow:0 28px 80px rgba(23,59,104,.16);
}
body.login{
  min-height:100vh;
  background:
    radial-gradient(circle at 82% 18%,rgba(70,190,235,.12),transparent 24%),
    radial-gradient(circle at 18% 82%,rgba(122,190,37,.09),transparent 22%),
    linear-gradient(135deg,#f7fafc 0%,#edf3f7 52%,#f8fafb 100%);
  color:var(--urb-text);
  display:grid;
  place-items:center;
  padding:32px 20px;
  box-sizing:border-box;
}
body.login:before,body.login:after{content:"";position:fixed;z-index:0;pointer-events:none;transform:rotate(8deg)}
body.login:before{width:18px;height:18px;background:#173b68;right:13vw;top:16vh;box-shadow:-42px 58px 0 #173b68,-88px 103px 0 #48bee8,-29px 126px 0 #7abb25,55px 92px 0 #f99a16,88px 151px 0 #173b68,12px 184px 0 #ffc21a}
body.login:after{width:15px;height:15px;background:#173b68;right:22vw;top:24vh;box-shadow:40px 31px 0 #173b68,73px 75px 0 #173b68,112px 118px 0 #bc8bc1,22px 140px 0 #173b68}
#login{width:min(420px,100%);padding:0;position:relative;z-index:1}
.login h1{margin:0 0 26px}
.login h1 a{
  background-image:url("logo-urbatys.svg");
  background-size:contain;
  background-position:center;
  width:250px;
  height:128px;
  margin:0 auto;
}
.urb-login-intro{margin:0 0 16px;text-align:center;color:var(--urb-muted);font-size:14px;line-height:1.55}
.login form{
  margin:0;
  padding:28px;
  border:1px solid rgba(217,227,235,.95);
  border-radius:22px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--urb-shadow);
  backdrop-filter:blur(12px);
}
.login label{color:var(--urb-text);font-size:13px;font-weight:650}
.login input[type=text],.login input[type=password]{min-height:48px;border:1px solid var(--urb-border);border-radius:12px;background:#fbfcfd;box-shadow:none;font-size:16px;padding:8px 12px;color:var(--urb-text)}
.login input[type=text]:focus,.login input[type=password]:focus{border-color:var(--urb-blue-2);box-shadow:0 0 0 3px rgba(37,84,140,.12)}
.wp-core-ui .button-primary{min-height:44px;border:0;border-radius:11px;background:var(--urb-blue);padding:0 20px;font-weight:700;box-shadow:none;text-shadow:none}
.wp-core-ui .button-primary:hover,.wp-core-ui .button-primary:focus{background:var(--urb-blue-2)}
.login .forgetmenot{margin-top:8px}
.login #nav{text-align:center;margin:18px 0 0}
.login #backtoblog,.login .privacy-policy-page-link{display:none}
.login #nav a{color:var(--urb-blue);font-size:13px}
.login .message,.login .notice,.login #login_error{border:0;border-left:4px solid var(--urb-blue-2);border-radius:12px;box-shadow:none;background:#fff;margin-bottom:16px}
@media(max-width:520px){body.login{padding:20px 16px}body.login:before,body.login:after{opacity:.45}.login h1 a{width:210px;height:110px}.login form{padding:22px 18px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}