/* RG Design — página de login do WordPress */
html{background:#F5F5F3}
body.login{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,560px);min-height:100vh;margin:0;background:#F5F5F3;font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1C1C1C}
.rg-login-brand{position:relative;grid-column:1;grid-row:1/span 3;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,5vw,72px);background-color:var(--rg-ink,#1C1C1C);background-size:cover;background-position:center;color:#fff;overflow:hidden;isolation:isolate}
.rg-login-brand::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px}
.rg-login-brand::after{content:"";position:absolute;width:60vh;height:60vh;right:-20vh;bottom:-20vh;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rg-accent,#ead80c) 45%,transparent),transparent 65%);z-index:-1;animation:rg-glow 8s ease-in-out infinite alternate}
@keyframes rg-glow{to{transform:translate(-6vh,-8vh) scale(1.1)}}
.rg-login-brand img{height:96px;width:auto}
.rg-login-brand span{display:block;color:var(--rg-accent,#ead80c);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:13px;margin-bottom:12px}
.rg-login-brand strong{display:block;font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:clamp(36px,4.6vw,72px);line-height:1;letter-spacing:-.03em}
#login{grid-column:2;grid-row:1;width:auto;max-width:420px;margin:0 auto;padding:clamp(32px,10vh,120px) 32px 0;align-self:start;animation:rg-in .6s cubic-bezier(.16,1,.3,1)}
@keyframes rg-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.login h1 a{width:150px;height:76px;background-size:contain;background-position:left center;margin:0 0 28px}
.login form{background:#fff;border:1px solid #E4E4E1;border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.08);padding:28px;margin-top:0}
.login label{font-weight:600;font-size:13px;color:#1C1C1C}
.login form .input,.login input[type=password],.login input[type=text],.login input[type=email]{min-height:50px;border:1.5px solid #CBCBC7;border-radius:10px;padding:10px 14px;font-size:16px;background:#fff;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.login form .input:focus,.login input[type=password]:focus,.login input[type=text]:focus{border-color:#1C1C1C;box-shadow:0 0 0 4px color-mix(in srgb,var(--rg-accent,#ead80c) 40%,transparent);outline:0}
.login .button.wp-hide-pw{height:50px;min-height:50px;color:#1C1C1C}
.login .button.wp-hide-pw:focus{box-shadow:none;border-color:transparent}
.login .button-primary{float:none;width:100%;min-height:52px;margin-top:16px;border:0;border-radius:999px;background:var(--rg-accent,#ead80c);color:var(--rg-on-accent,#1C1C1C);font-weight:700;font-size:16px;text-shadow:none;box-shadow:none;transition:background .2s,transform .2s}
.login .button-primary:hover,.login .button-primary:focus{background:var(--rg-accent-hover,#d3c20b);color:var(--rg-on-accent,#1C1C1C);box-shadow:0 10px 24px color-mix(in srgb,var(--rg-accent,#ead80c) 40%,transparent)}
.login .button-primary:active{transform:scale(.98)}
.login .forgetmenot{float:none;margin-bottom:0}
.login .forgetmenot label{font-weight:500}
.login input[type=checkbox]:checked::before{filter:grayscale(1) brightness(.2)}
.login #nav,.login #backtoblog{padding:0;margin:16px 0 0;font-size:14px}
.login #nav a,.login #backtoblog a{color:#444442;font-weight:600;text-decoration:none}
.login #nav a:hover,.login #backtoblog a:hover{color:#000;text-decoration:underline}
.login .message,.login .notice,.login .success{border-left-color:var(--rg-accent,#ead80c);border-radius:12px;box-shadow:none;border:1px solid #E4E4E1;border-left-width:4px}
.login #login_error{border-left-color:#9A2E14}
.login .privacy-policy-page-link{grid-column:2;text-align:center}
.language-switcher{grid-column:2;padding:0 32px 32px}
@media (max-width:900px){
  body.login{grid-template-columns:1fr;grid-template-rows:auto auto}
  .rg-login-brand{grid-column:1;grid-row:1;min-height:auto;flex-direction:row;align-items:center;gap:16px;padding:20px 24px}
  .rg-login-brand img{height:56px}
  .rg-login-brand strong{font-size:22px}
  .rg-login-brand span{margin-bottom:4px}
  #login,.login .privacy-policy-page-link,.language-switcher{grid-column:1}
  #login{grid-row:2;padding-top:32px}
  .login h1{display:none}
}
.login .privacy-policy-page-link a{color:#444442}
