:root{--to-primary:#123D32;--to-dark:#092A22;--to-accent:#C3A66A;--to-light:#E8E0D1}
html{background:var(--to-dark)}
body.login{
    min-height:100vh;
    margin:0;
    background:linear-gradient(135deg,var(--to-dark),var(--to-primary));
    background-size:cover;
    background-position:center;
    color:var(--to-dark);
}
#login{
    width:390px;
    box-sizing:border-box;
    padding:48px 30px 34px;
    margin:0 auto;
}
#login::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
}
#login h1{
    margin:0;
}
.login h1 a{
    background-size:contain!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    width:100%!important;
    height:100px!important;
    margin:0 auto 22px!important;
    padding:0!important;
}
/* O cartão contém mensagem, avisos, formulário e links sem alterar a estrutura do core. */
#loginform,
#lostpasswordform,
#registerform{
    margin-top:0;
}
.login form{
    border:0;
    box-shadow:none;
    padding:24px 30px 26px;
    background:rgba(255,255,255,.98);
    border-radius:0 0 18px 18px;
}
.the-one-login-message{
    margin:0;
    padding:27px 30px 8px;
    text-align:center;
    font-size:20px;
    line-height:1.25;
    font-weight:700;
    color:var(--to-dark);
    background:rgba(255,255,255,.98);
    border-radius:18px 18px 0 0;
}
.login .message,
.login .notice,
.login #login_error{
    margin:0;
    padding:14px 30px;
    border:0;
    border-left:4px solid var(--to-accent);
    box-shadow:none;
    background:rgba(255,255,255,.98);
    color:#26332f;
}
.the-one-login-message + .message,
.the-one-login-message + .notice,
.the-one-login-message + #login_error{
    border-radius:0;
}
.login label{color:var(--to-dark);font-weight:600}
.login input[type=text],
.login input[type=password],
.login input[type=email]{
    border:1px solid #c9c2b4;
    border-radius:9px;
    min-height:48px;
    box-shadow:none;
    background:#fff;
}
.login input:focus{border-color:var(--to-primary);box-shadow:0 0 0 1px var(--to-primary)}
.wp-core-ui .button-primary{
    background:var(--to-primary);
    border-color:var(--to-primary);
    min-height:46px;
    border-radius:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
    box-shadow:none;
}
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus{background:var(--to-dark);border-color:var(--to-dark)}
.login #nav,
.login #backtoblog{
    margin:0;
    padding:10px 30px;
    text-align:center;
    background:rgba(255,255,255,.98);
}
.login #nav{padding-top:6px}
.login #backtoblog{
    padding-bottom:24px;
    border-radius:0 0 18px 18px;
}
.login form + #nav{border-radius:0}
.login #nav a,.login #backtoblog a{color:var(--to-primary)}
.login .privacy-policy-page-link{display:none}
.login .language-switcher{
    margin:22px auto 0!important;
    padding:0!important;
    width:390px;
    text-align:center;
}
.login .language-switcher label{color:#fff;font-weight:500}
.login .language-switcher select{
    min-height:40px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,.35);
}
.login .language-switcher .button{min-height:40px;border-radius:8px}
@media(max-width:480px){
    #login{width:100%;padding:30px 20px 24px}
    .login .language-switcher{width:calc(100% - 40px)}
    .login form{padding-left:24px;padding-right:24px}
    .the-one-login-message{padding-left:24px;padding-right:24px}
    .login .message,.login .notice,.login #login_error{padding-left:24px;padding-right:24px}
}