body.login{background:radial-gradient(ellipse at 24% 38%, #59331f 0, #1c2028 37%, var(--pagina) 74%);place-items:center;min-height:100svh;padding:clamp(16px,4vw,56px);display:grid}.login__shell{border:1px solid var(--fio-forte);grid-template-columns:1.22fr 1fr;width:min(100%,1056px);min-height:min(580px,86svh);display:grid;box-shadow:0 32px 120px #0007}.login__stage{isolation:isolate;background:radial-gradient(at 50% 54%,#a05c2f90,#0000 68%),#161a21;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.login__stage:before{content:"";z-index:-1;background-image:linear-gradient(#ffc17315 1px,#0000 1px),linear-gradient(90deg,#ffc17315 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 83%);mask-image:radial-gradient(#000,#0000 83%)}.login__wordmark{font:400 clamp(80px, 13vw, 190px) / 1 var(--display);letter-spacing:-.045em;white-space:nowrap;color:#d98b4f3d;-webkit-user-select:none;user-select:none;position:absolute;top:9%}.login__art{aspect-ratio:1;place-items:center;width:min(88%,510px);display:grid;position:relative;transform:translateY(4%)}.login__art img{filter:drop-shadow(0 24px 18px #090706b8);width:100%;height:auto;animation:login-art .82s var(--ease) both}.login__art:after{content:"";border:1px solid var(--sel);opacity:0;animation:login-frame .85s var(--ease) 50ms both;position:absolute;inset:14%;box-shadow:0 0 28px #3ea2ff27}.login__cursor{top:var(--y);left:var(--x);clip-path:polygon(0 0,100% 47%,57% 59%,37% 100%);background:var(--cursor);width:18px;height:20px;animation:login-cursor .92s var(--ease) var(--delay) both;position:absolute}.login__cursor--green{--cursor:#8be3c9;--x:16%;--y:69%;--from-x:-70px;--from-y:55px;--delay:0s}.login__cursor--purple{--cursor:#c2a8ff;--x:78%;--y:32%;--from-x:70px;--from-y:-45px;--delay:.1s}.login__cursor--gold{--cursor:#ffd36e;--x:69%;--y:81%;--from-x:60px;--from-y:45px;--delay:.18s}.login__panel{border-left:1px solid var(--fio-forte);min-width:0;animation:login-panel .55s var(--ease) both;background:linear-gradient(155deg,#19232f,#101720 80%);align-content:center;padding:clamp(28px,5vw,64px)}.login__brand{color:var(--vermelho-texto);font:800 11px / 1.4 var(--sans);text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:10px;margin-bottom:21px;display:flex}.login__brand i{background:var(--vermelho);width:7px;height:7px;box-shadow:0 0 14px var(--vermelho-sombra)}.login__panel h1{font:400 clamp(44px, 5vw, 68px) / 1.08 var(--display)}.login__panel h1 span{color:var(--vermelho-texto)}.login__intro{color:var(--texto-2);margin:13px 0 29px;font-size:14px}.login__form{gap:8px;display:grid}.login__form label{font-size:13px;font-weight:800}.login__form label:not(:first-child){margin-top:9px}.login__form input{border:1px solid var(--fio-forte);background:var(--pagina);width:100%;min-height:49px;color:var(--texto);font:500 16px / 1.3 var(--sans);border-radius:0;padding:10px 13px}.login__form input:focus{border-color:var(--vermelho)}.login__password{position:relative}.login__password input{padding-right:82px}.login__reveal{color:var(--vermelho-texto);padding-inline:12px;font-size:12px;font-weight:800;position:absolute;inset:2px 2px 2px auto}.login__error{color:#ffb6a3;margin-top:4px;font-size:13px}.login__error:empty{margin:0}.login__submit{min-height:50px;color:var(--sobre-acento);background:var(--vermelho);font:800 15px / 1.25 var(--sans);transition:background-color .16s var(--ease);justify-content:space-between;align-items:center;margin-top:5px;padding-inline:15px;display:flex}.login__arrow{width:17px;height:17px;position:relative}.login__arrow:before,.login__arrow:after{content:"";position:absolute}.login__arrow:before{background:currentColor;width:15px;height:2px;top:7px;left:1px;rotate:-45deg}.login__arrow:after{border-top:2px solid;border-right:2px solid;width:9px;height:9px;top:2px;right:2px}.login__submit:hover{background:var(--acento-hover)}.login__submit:disabled{cursor:wait;opacity:.7}@keyframes login-art{0%{opacity:.35;filter:grayscale();scale:.92}}@keyframes login-frame{0%{opacity:0;scale:.28}37%{opacity:.8}to{opacity:0;scale:1}}@keyframes login-cursor{0%{opacity:0;translate:var(--from-x) var(--from-y)}27%,62%{opacity:1}70%{translate:0}to{opacity:0;translate:0}}@keyframes login-panel{0%{opacity:.55;translate:0 10px}}@media (max-width:720px){.login__shell{grid-template-columns:1fr;width:min(100%,460px)}.login__stage{height:clamp(130px,29svh,225px)}.login__wordmark{font-size:clamp(72px,18vw,128px);top:2%}.login__art{width:clamp(178px,36svh,260px);transform:translateY(-3%)}.login__panel{border-left:0;border-top:1px solid var(--fio-forte)}}@media (prefers-reduced-motion:reduce){.login__art img,.login__art:after,.login__cursor,.login__panel{animation:none}.login__cursor{display:none}}
