body.login{
  background:
    radial-gradient(circle at top, rgba(250,45,39,.2), transparent 32%),
    linear-gradient(180deg, #1e1e1e 0%, #0f0f0f 100%);
  color:#f2f2f2;
}

body.login #login{
  width:min(100%, 400px);
  padding:6vh 20px 20px;
}

.login h1{
  margin-bottom:12px;
}

.login h1 a{
  display:block;
  border-radius:18px;
}

.login form{
  background:rgba(20,20,20,.92);
  border:1px solid rgba(255,255,255,.08);
  border-bottom:2px solid #fa2d27;
  border-radius:0;
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}

.login label,
.login #backtoblog a,
.login #nav a,
.login .privacy-policy-page-link a{
  color:#f2f2f2;
}

.login .message,
.login .notice,
.login #login_error{
  background:rgba(20,20,20,.92);
  border:1px solid rgba(255,255,255,.08);
  border-left:none;
  box-shadow:none;
  color:#f2f2f2;
}

.login .message{
  border-bottom:2px solid #fa2d27;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"]{
  min-height:44px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:0;
  background:#111;
  color:#fff;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus{
  border-color:#fa2d27;
  box-shadow:0 0 0 1px #fa2d27;
}

.wp-core-ui .button-primary{
  min-height:44px;
  padding:0 18px;
  border:1px solid #fa2d27;
  border-radius:0;
  background:#fa2d27;
  box-shadow:none;
  color:#fff;
  text-shadow:none;
  text-transform:uppercase;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus{
  border-color:#fff;
  background:#111;
  color:#fff;
}