body.login{
  background-color: #090b0e !important;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

body.login::before{
  content: "";
  position: fixed;
  inset: 0;
  background-image: url("/wp-content/uploads/topo-bg-1-scaled.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: .10;
  mix-blend-mode: screen;
  z-index: 0;
}

body.login::after{
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(circle at 18% 18%, rgba(91,188,255,.13), transparent 28%),
    radial-gradient(circle at 82% 24%, rgba(143,214,255,.09), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(143,214,255,.06), transparent 30%);
  z-index: 0;
}

#login{
  position: relative;
  z-index: 1;
}

.login h1 a{
  background-image: url("/wp-content/uploads/cropped-z-blue.webp") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 202px !important;
  height: 80px !important;
}

.login form{
  margin: 24px 0;
  padding: 26px 24px;
  background: rgba(19,22,28,.88);
  border: 1px solid rgba(143,214,255,.14);
  box-shadow:
    0 12px 28px rgba(0,0,0,.26),
    0 0 0 1px rgba(143,214,255,.03);
  border-radius: 20px;
  backdrop-filter: blur(10px);
}

.login label,
.login #nav a,
.login #backtoblog a{
  color: #d8e6f2 !important;
}

.login input[type="text"],
.login input[type="password"]{
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(143,214,255,.14) !important;
  color: #f5f8fb !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus{
  border-color: rgba(143,214,255,.34) !important;
  box-shadow: 0 0 0 1px rgba(143,214,255,.16) !important;
}

.wp-core-ui .button-primary{
  background: linear-gradient(135deg, rgba(91,188,255,.85), rgba(143,214,255,.72)) !important;
  border-color: rgba(143,214,255,.32) !important;
  color: #081018 !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.18) !important;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus{
  filter: brightness(1.05);
}

.login #nav a:hover,
.login #backtoblog a:hover{
  color: #8fd6ff !important;
}