.login{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-arte{background:var(--side);color:#e6ecf5;flex-direction:column;justify-content:space-between;gap:32px;padding:40px;display:flex;position:relative;overflow:hidden}.login-arte p{color:#c9d2ea;max-width:24em;margin:0;font-size:18px}.login-chapa{color:#c9d2ea;background:#1b2757;border-color:#2b3a6a;align-self:center;width:min(360px,80%);padding:24px;overflow:hidden}.login-chapa.cantos:before{--line:#3a4a7e}.login-chapa svg{width:100%;height:auto;display:block}.login-poly{clip-path:inset(0 0 100%);animation:2.2s cubic-bezier(.45,.05,.3,1) .4s forwards revelar}@keyframes revelar{to{clip-path:inset(0)}}.scanline{pointer-events:none;opacity:0;background:linear-gradient(#0000,#3fa7b82e 70%,#3fa7b8 100%);height:80px;animation:7s cubic-bezier(.45,.05,.3,1) .3s infinite varrer;position:absolute;top:0;left:0;right:0}@keyframes varrer{0%{opacity:0;transform:translateY(-90px)}4%{opacity:1}30%{opacity:1}34%,to{opacity:0;transform:translateY(420px)}}.login-form{justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-form>div{width:100%;max-width:360px}.login-form h1{font-size:30px;font-weight:800}.login-form .muted{margin:6px 0 28px}.form-login{gap:16px;display:grid}.form-login .btn{margin-top:6px;padding:13px;font-size:16px}.erro{color:var(--red);margin:0;font-size:14px;font-weight:700}@media (max-width:820px){.login{grid-template-columns:1fr}.login-arte{padding:24px 16px}.login-chapa{display:none}.login-arte p{font-size:16px}}