:root{
  --clc-green:#00a651;
  --clc-green-dark:#078642;
  --clc-dark:#171a1d;
  --clc-text:#20242a;
  --clc-muted:#6f7782;
  --clc-border:#e3e7eb;
}
body.login{
  min-height:100vh;
  background:radial-gradient(circle at top right,rgba(0,166,81,.16),transparent 34%),
             linear-gradient(135deg,#f5f7f9 0%,#edf1f4 100%);
  color:var(--clc-text);
}
body.login #login{
  width:100%;
  max-width:430px;
  padding:48px 20px 32px;
  box-sizing:border-box;
}
body.login #login h1 a{
  width:132px;
  height:132px;
  margin:0 auto 18px;
  border:4px solid #fff;
  border-radius:50%;
  background-color:#111!important;
  background-image:url("../images/login-logo.png")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 0 4px rgba(0,166,81,.18);
  text-indent:-9999px;
  overflow:hidden;
}

body.login #login h1 a::before{
  content:none!important;
}
body.login .clc-login-intro{margin:0 0 18px;text-align:center}
body.login .clc-login-kicker{display:block;margin-bottom:7px;color:var(--clc-green);font-size:11px;font-weight:900;letter-spacing:.13em}
body.login .clc-login-intro h1{margin:0 0 8px;color:var(--clc-dark);font-size:28px;line-height:1.15;font-weight:900}
body.login .clc-login-intro p{margin:0;color:var(--clc-muted);font-size:14px;line-height:1.55}
body.login form{
  margin-top:0;padding:28px;border:1px solid var(--clc-border);border-radius:20px;
  background:#fff;box-shadow:0 18px 45px rgba(24,32,40,.10);
}
body.login form .input,
body.login input[type=text],
body.login input[type=password],
body.login input[type=email]{
  min-height:52px;padding:12px 14px;border:1px solid var(--clc-border);
  border-radius:12px;background:#fff;color:var(--clc-text);box-shadow:none;font-size:16px;
}
body.login form .input:focus,
body.login input:focus{
  border-color:var(--clc-green);box-shadow:0 0 0 4px rgba(0,166,81,.12);outline:none;
}
body.login label{color:var(--clc-text);font-weight:700}
body.login .button-primary{
  min-height:48px;padding:0 22px;border:0;border-radius:12px;
  background:linear-gradient(135deg,#00bd5d 0%,#078642 100%);
  color:#fff;text-shadow:none;box-shadow:0 10px 24px rgba(0,166,81,.28);
  font-size:14px;font-weight:900;
}
body.login .button-primary:hover,
body.login .button-primary:focus{
  background:linear-gradient(135deg,#00ca65 0%,#066f39 100%);
  color:#fff;box-shadow:0 13px 28px rgba(0,166,81,.34);
}
body.login #nav,
body.login #backtoblog{padding:0;text-align:center}
body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a{color:var(--clc-green-dark);font-weight:700}
body.login .language-switcher{margin-top:18px}
body.login .language-switcher select{min-height:40px;border-radius:10px}
@media(max-width:520px){
  body.login #login{padding:28px 14px 24px}
  body.login #login h1 a{width:108px;height:108px}
  body.login #login h1 a::before{content:none!important}
  body.login .clc-login-intro h1{font-size:24px}
  body.login form{padding:22px 18px;border-radius:16px}
}