:root{
  --clc-green:var(--cl-verde-oficial);
  --clc-green-dark:var(--cl-verde-oficial);
  --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(99,230,0,.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(99,230,0,.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(99,230,0,.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,#63E600 0%,#63E600 100%);
  color:#fff;text-shadow:none;box-shadow:0 10px 24px rgba(99,230,0,.28);
  font-size:14px;font-weight:900;
}
body.login .button-primary:hover,
body.login .button-primary:focus{
  background:linear-gradient(135deg,#63E600 0%,#63E600 100%);
  color:#fff;box-shadow:0 13px 28px rgba(99,230,0,.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}
}

/* 3.2.0 */
body.login #login{max-width:440px;padding-top:28px;padding-bottom:24px}
body.login #login h1 a{width:150px;height:150px;margin-bottom:10px}
body.login .clc-login-intro{margin-bottom:12px}
body.login .clc-login-kicker{margin-bottom:4px}
body.login .clc-login-intro h1{margin-bottom:6px}
body.login form{margin-top:8px;padding:24px;box-shadow:0 12px 32px rgba(24,32,40,.08)}
body.login .submit{float:none!important;width:100%!important;margin-top:18px!important}
body.login .button-primary{float:none!important;width:100%!important;min-height:52px!important;padding:0 22px!important;font-size:16px!important}
body.login .forgetmenot{float:none!important;margin-bottom:4px!important}
body.login #backtoblog,body.login .language-switcher{display:none!important}
body.login #nav{margin-top:18px!important}
body.login .clc-login-footer{max-width:430px;margin:18px auto 0;padding:0 16px;text-align:center;color:#6f7782;font-size:12px;line-height:1.5}
body.login .clc-login-footer strong,body.login .clc-login-footer span{display:block}
body.login .clc-login-footer strong{color:#20242a;margin-bottom:2px}
body.login #login,body.login .clc-login-footer{animation:clcLoginFade .45s ease both}
@keyframes clcLoginFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){
 body.login #login{padding-top:18px}
 body.login #login h1 a{width:124px;height:124px;margin-bottom:8px}
 body.login .clc-login-intro h1{font-size:22px}
 body.login .clc-login-intro p{font-size:13px}
 body.login form{padding:20px 16px}
}
@media(prefers-reduced-motion:reduce){body.login #login,body.login .clc-login-footer{animation:none!important}}

/* 10.19.4 — CTA de cadastro direto e independente do formulário de login. */
body.login .clc-login-register-direct{
  max-width:430px;margin:18px auto 0;padding:0 16px;text-align:center;
  color:#4a4f55;font-size:14px;font-weight:600;line-height:1.5;
}
body.login .clc-login-register-direct span{margin-right:5px}
body.login .clc-login-register-direct a{
  color:#63E600!important;font-weight:900!important;text-decoration:none!important;
}
body.login .clc-login-register-direct a:hover,
body.login .clc-login-register-direct a:focus{text-decoration:underline!important}


/* 10.32.222 — login sem fundos brancos */
body.login{
  --clc-dark:#f5f8f6;
  --clc-text:#f5f8f6;
  --clc-muted:#9aa59f;
  --clc-border:rgba(255,255,255,.14);
  background:#050807!important;
  color:#f5f8f6!important;
}
body.login #login h1 a{border-color:#63E600!important;}
body.login .clc-login-intro h1,
body.login label,
body.login .clc-login-footer strong{color:#f5f8f6!important;}
body.login .clc-login-intro p,
body.login .clc-login-footer,
body.login .clc-login-register-direct{color:#9aa59f!important;}
body.login form,
body.login form .input,
body.login input[type=text],
body.login input[type=password],
body.login input[type=email],
body.login .language-switcher select{
  background:#0b100d!important;
  background-color:#0b100d!important;
  color:#f5f8f6!important;
  border-color:rgba(255,255,255,.14)!important;
}
body.login input::placeholder{color:#7f8b84!important;}