:root{color-scheme:dark;--fwp-bg:#101114;--fwp-panel:#18191e;--fwp-text:#eeeef1;--fwp-muted:#a6a7b2;--fwp-border:#ffffff14;--fwp-accent:#ff7059}
body.login{min-height:100vh;background:#101114;color:var(--fwp-text);font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}
body.login::before{content:"";position:fixed;inset:0 auto 0 0;width:54%;background:url("https://studio.fontolanwp.com.br/wp-content/uploads/2026/10/Painel-esquerdo-com-monograma-F-e-cartoes.png") center/contain no-repeat,#101114;pointer-events:none}
body.login #login{position:relative;width:min(410px,calc(46vw - 64px));margin-left:calc(77% - min(205px,(46vw - 64px)/2));margin-right:0;padding:clamp(40px,10vh,110px) 0 0}
.login h1 a{display:block;width:auto;height:auto;background:none;text-indent:0;color:var(--fwp-text);font-size:25px;font-weight:650;letter-spacing:-.9px;line-height:1.3;margin:0 0 30px}
.login h1 a::before{content:"F";display:grid;place-items:center;width:46px;height:46px;margin:0 auto 18px;border:1px solid #ff705938;border-radius:13px;background:linear-gradient(145deg,#ff70591c,#ff705905);color:var(--fwp-accent);font-size:27px;font-weight:750;box-shadow:inset 0 1px 0 #ffffff09}
.login form{margin-top:0;padding:32px;border:1px solid var(--fwp-border);border-radius:16px;background:linear-gradient(160deg,#1c1d23,var(--fwp-panel));box-shadow:0 20px 60px #00000030,inset 0 1px 0 #ffffff05}
.login label{color:#bfc0c9;font-size:12px;font-weight:500;letter-spacing:.1px}.login form .input{box-sizing:border-box;margin:9px 0 22px;padding:10px 13px;min-height:48px;border:1px solid #ffffff16;border-radius:8px;background:#111216;color:var(--fwp-text);font-family:inherit;font-size:15px;line-height:1.5;box-shadow:inset 0 1px 3px #00000018;transition:border-color .18s,box-shadow .18s}.login form .input:focus{border-color:#ff705999;box-shadow:0 0 0 3px #ff705912}.login .button.wp-hide-pw{top:9px;width:46px;height:48px;color:#90919e;border-radius:8px}.login .button.wp-hide-pw:hover{color:var(--fwp-text)}.login .forgetmenot{float:none;margin-bottom:22px}.login .forgetmenot label{color:var(--fwp-muted);font-weight:400}.login input[type=checkbox]{width:16px;height:16px;border:1px solid #ffffff30;border-radius:4px;background:#111216;box-shadow:none}.login input[type=checkbox]:checked::before{filter:grayscale(1) brightness(2)}.login .submit{clear:both;margin:0}
.login .button-primary{float:none;width:100%;min-height:47px;padding:10px 18px;border:1px solid #ff8f7b;border-radius:8px;background:linear-gradient(180deg,#ff7b65,#fa654e);color:#23100c;font-family:inherit;font-size:14px;font-weight:650;text-shadow:none;box-shadow:inset 0 1px 0 #ffffff20,0 4px 12px #00000020;transition:filter .18s,transform .18s}.login .button-primary:hover{background:linear-gradient(180deg,#ff8b77,#ff7059);border-color:#ffa18f;color:#23100c}.login .button-primary:active{transform:translateY(1px)}
.login #nav,.login #backtoblog{text-align:center;padding:0;margin:20px 0 0;font-size:12px}.login #backtoblog{margin-top:12px}.login #nav a,.login #backtoblog a,.login .privacy-policy-link{color:var(--fwp-muted);text-decoration:none;transition:color .18s}.login #nav a:hover,.login #backtoblog a:hover{color:var(--fwp-text)}.login .language-switcher{position:relative;box-sizing:border-box;width:min(410px,calc(46vw - 64px));margin:28px 0 32px calc(77% - min(205px,(46vw - 64px)/2));padding:18px 0 0;border-top:1px solid var(--fwp-border);color:var(--fwp-muted);font-size:12px}.login .language-switcher form{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.login .language-switcher label{color:var(--fwp-muted);margin:0}.login .language-switcher select{min-height:36px;max-width:100%;padding:4px 30px 4px 10px;border:1px solid #ffffff1c;border-radius:7px;background-color:#191a20;color:#c5c6ce;font-family:inherit;font-size:12px;box-shadow:none}.login .language-switcher option{background:#191a20;color:var(--fwp-text)}.login .language-switcher .button{min-height:36px;margin:0;padding:0 12px;border:1px solid #ffffff1c;border-radius:7px;background:#202127;color:#c5c6ce;font-family:inherit;font-size:12px;box-shadow:none}.login .language-switcher .button:hover{border-color:#ffffff35;background:#292a32;color:var(--fwp-text)}
.login .message,.login .success,.login #login_error{padding:16px;border-radius:8px;background:var(--fwp-panel);color:var(--fwp-text);font-size:13px;box-shadow:none}.login .message a,.login #login_error a{color:var(--fwp-accent)}.login a:focus-visible,.login button:focus-visible,.login .button:focus-visible,.login select:focus-visible,.login input[type=checkbox]:focus-visible{outline:2px solid var(--fwp-accent);outline-offset:3px;box-shadow:none}.login .privacy-policy-page-link{position:relative}
@media(max-width:900px){body.login::before{position:relative;inset:auto;display:block;width:100%;height:min(340px,65vw);background-position:center}body.login #login{width:min(410px,calc(100% - 40px));margin:0 auto;padding:24px 0 0}.login .language-switcher{width:min(410px,calc(100% - 40px));margin:28px auto 32px}}
@media(max-width:480px){.login form{padding:25px}.login h1 a{font-size:23px}}
@media(prefers-reduced-motion:reduce){.login *{transition:none!important}}
