/* ES Tools - Login */
body.login{
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:#0b1220;
  overflow:hidden;
}
body.login:before{
  content:"";
  position:fixed; inset:-40%;
  background:
    radial-gradient(closest-side at 20% 30%, rgba(34,197,94,.35), transparent 60%),
    radial-gradient(closest-side at 80% 20%, rgba(56,189,248,.25), transparent 55%),
    radial-gradient(closest-side at 60% 85%, rgba(99,102,241,.20), transparent 60%),
    radial-gradient(closest-side at 10% 90%, rgba(34,197,94,.18), transparent 60%);
  filter: blur(28px) saturate(125%);
  animation: esLoginDrift 16s ease-in-out infinite alternate;
  transform: translate3d(0,0,0);
}
@keyframes esLoginDrift{
  0%{ transform: translate3d(-2%, -1%, 0) scale(1.05) rotate(-2deg); }
  50%{ transform: translate3d(2%, 1%, 0) scale(1.08) rotate(1deg); }
  100%{ transform: translate3d(4%, -2%, 0) scale(1.10) rotate(2deg); }
}

.login #login{
  width: 380px;
  padding: 22px 0 0;
  position:relative;
}
.login form{
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  border-radius: 18px;
  box-shadow: 0 30px 100px rgba(0,0,0,.45);
}
.login form .input, .login input[type="text"], .login input[type="password"]{
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  color:#e6edf7;
}
.login label{ color: rgba(230,237,247,.78); font-weight:650; letter-spacing:.2px; }
.login .button-primary{
  background:#22c55e !important;
  border-color:#22c55e !important;
  border-radius: 12px;
  box-shadow:none !important;
  text-shadow:none !important;
  font-weight:800;
  padding: 4px 14px;
}
.login .button-primary:hover{ filter: brightness(1.06); }
.login #nav a, .login #backtoblog a{ color: rgba(230,237,247,.78) !important; }
.login #nav a:hover, .login #backtoblog a:hover{ color:#fff !important; }

/* Logo */
.login h1 a{
  background-image: none !important;
  width:auto; height:auto;
  text-indent:0;
  display:flex; align-items:center; justify-content:center;
  font-weight:900;
  letter-spacing:0.2px;
  color:#e6edf7;
  font-size: 20px;
  margin-bottom: 14px;
}
.login h1 a:before{
  content:"ES";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;height:42px;
  border-radius:14px;
  margin-right:10px;
  background: rgba(34,197,94,.16);
  border:1px solid rgba(34,197,94,.25);
  color:#22c55e;
  font-weight:900;
}
.login h1 a:after{
  content:"EnviroSolution Tools";
}