@font-face{font-family:'MV Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url('/fonts/ui-latin.woff2') format('woff2')}
html{color-scheme:var(--scheme);background:var(--canvas)}
body.design-login{min-height:100svh;margin:0;padding:0;display:grid;grid-template-columns:1.15fr 1fr;font:14px/1.6 'MV Sans',system-ui,sans-serif;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}
.login-story{position:relative;overflow:hidden;min-height:100svh;padding:55px 9%;background:var(--login-panel);color:var(--login-ink);display:flex;flex-direction:column;justify-content:space-between}
.login-wordmark{display:flex;gap:12px;align-items:center}.login-wordmark svg{height:34px;width:34px;fill:none;stroke:currentColor;stroke-width:1.6}.login-wordmark strong{font-size:22px;letter-spacing:-1px;font-weight:600}.login-wordmark small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.18em;opacity:.65;margin-top:2px}
.login-story-copy{position:relative;z-index:2;margin:50px 0 20px}.login-story-copy>span{font-size:9px;font-weight:700;letter-spacing:.2em;display:flex;align-items:center;gap:12px;opacity:.65}.login-story-copy>span:before{content:'';width:24px;height:1px;background:currentColor}.login-story-copy h2{font-size:clamp(38px,4vw,64px);font-weight:500;letter-spacing:-2.5px;line-height:1.08;color:inherit;margin:22px 0}.login-story-copy p{max-width:310px;font-size:12px;line-height:1.9;opacity:.7}
.login-art{height:280px;max-width:440px;position:relative;margin:20px -10px 0}.login-art svg{width:100%;height:100%;fill:none;color:var(--login-art);filter:drop-shadow(0 15px 18px #0002)}.login-art:before{content:'';height:260px;width:260px;border:1px solid #ffffff12;border-radius:50%;position:absolute;left:80px;top:5px}.login-story-foot{display:flex;gap:20px;justify-content:space-between;position:relative;z-index:1;font-size:9px;opacity:.6;padding-top:25px;border-top:1px solid #ffffff24}
.login-form-area{display:flex;align-items:center;justify-content:center;min-height:100svh;padding:50px 30px;position:relative}
body.design-login main{width:min(100%,360px);border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}
body.design-login main>.brand{display:none}
.login-kicker{display:inline-flex;gap:8px;align-items:center;font-size:9px;font-weight:750;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}.login-kicker:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
body.design-login main>h2{font-size:32px;line-height:1.2;letter-spacing:-1.3px;color:var(--ink);font-weight:600;margin:0 0 12px}
body.design-login .hint{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:30px}
body.design-login label{font-size:11px;font-weight:650;color:var(--ink);margin:18px 0 7px}
body.design-login input:not([type=checkbox]){font-family:inherit;font-size:14px;min-height:49px;background:var(--input);border:1px solid var(--stroke);border-radius:var(--small-radius);color:var(--ink);padding:12px 14px;box-shadow:none}
body.design-login button{font-family:inherit;font-size:11px;background:var(--button);color:var(--ink);border:1px solid var(--stroke);border-radius:var(--small-radius);min-height:44px;padding:10px 13px;font-weight:600}
body.design-login .enter{background:var(--accent);border:1px solid var(--accent);color:var(--accent-ink);min-height:49px;font-size:12px;box-shadow:var(--accent-shadow);margin-top:15px;transition:transform .2s,background .2s}
body.design-login .enter:hover{background:var(--accent-hover);transform:translateY(-1px)}
body.design-login .remember{font-size:11px;color:var(--muted);font-weight:400;gap:9px;margin-top:20px}
body.design-login .remember input{accent-color:var(--accent);width:16px;height:16px}
body.design-login #status{font-size:11px;line-height:1.7;color:var(--danger);min-height:20px}
body.design-login footer{font-size:9px;color:var(--muted);line-height:1.7;padding-top:23px;margin-top:24px;border-top:1px solid var(--stroke);text-align:left}
body.design-login :is(input,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-color:var(--accent)}
.login-variant{position:absolute;top:30px;right:30px;color:var(--muted);font-size:9px;letter-spacing:.08em}
@media(max-width:900px){body.design-login{grid-template-columns:1fr 1fr}.login-story{padding:35px}.login-story-copy h2{font-size:43px}.login-art{height:230px}.login-story-foot{flex-direction:column;gap:5px}}
@media(max-width:650px){body.design-login{display:block}.login-story{min-height:0;padding:30px 25px 25px}.login-story-copy{margin:30px 0 0}.login-story-copy h2{font-size:34px;letter-spacing:-1.3px;margin:14px 0 8px}.login-story-copy p{font-size:10px;max-width:260px;margin-bottom:0}.login-art,.login-story-foot{display:none}.login-wordmark strong{font-size:19px}.login-wordmark svg{width:29px;height:29px}.login-form-area{min-height:0;padding:36px 25px 25px}.login-variant{display:none}body.design-login main>h2{font-size:27px}body.design-login .hint{margin-bottom:24px}body.design-login footer{font-size:8px}.login-kicker{font-size:8px;margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
body.design-login{place-items:stretch}
/* Mantém o vermelho da marca também no botão de entrada. */
html body.design-login .enter{background:var(--brand-red);border-color:var(--brand-red);color:#fff}
html body.design-login .enter:hover{background:var(--accent-hover);border-color:var(--accent-hover)}

/* v64: leitura ampliada na entrada. */
html body.design-login{font-size:16px}
html body.design-login :is(.hint,p,label,.remember,#status){font-size:16px!important;font-weight:700!important;line-height:1.7!important}
html body.design-login input:not([type=checkbox]){font-size:17px!important;font-weight:600!important;min-height:53px}
html body.design-login button{font-size:16px!important;font-weight:750!important;min-height:47px}
html body.design-login .enter{font-size:17px!important;min-height:53px}
html body.design-login .login-kicker{font-size:13px!important;font-weight:750!important}
html body.design-login .login-wordmark small{font-size:11px!important;font-weight:750!important}
html body.design-login :is(footer,.login-story-foot,.login-variant){font-size:12px!important;font-weight:700!important;line-height:1.7}