.login{--lg-laranja:#fd5330;--lg-laranja-escuro:#c83a1b;--lg-laranja-claro:#ffe9e2;--lg-laranja-suave:#fff3ee;--lg-papel:#fff4ee;--lg-tinta:#17110f;--lg-tinta-suave:#6e605b;--lg-linha:#f2e4dd;--lg-perigo:#c8241a;background-color:var(--lg-papel);background-image:radial-gradient(circle at 15% 20%,#ffe1d6 0,#0000 35%),radial-gradient(circle at 85% 80%,#ffe6da 0,#0000 35%)}.login-bolha{opacity:.55;border-radius:40% 60% 55% 45%/50% 40% 60% 50%;animation:18s ease-in-out infinite login-deriva;display:block;position:absolute}.login-bolha:first-child{background:#ffd6c8;width:220px;height:220px;top:10%;left:-60px}.login-bolha:nth-child(2){background:#ffe3d2;width:160px;height:160px;animation-delay:-6s;top:20%;right:-40px}.login-bolha:nth-child(3){background:#ffdccf;width:260px;height:260px;animation-delay:-11s;bottom:-120px;left:20%}.login-bolha:nth-child(4){background:#ffd0bf;width:120px;height:120px;animation-delay:-3s;bottom:12%;right:18%}.login-cartao{animation:.9s cubic-bezier(.34,1.56,.64,1) both login-pular}.login-janela{box-shadow:0 18px 40px -18px #fd533099, 0 0 0 1px var(--lg-linha);animation:.9s cubic-bezier(.34,1.56,.64,1) .15s both login-pular}.login-janela:before{content:"";pointer-events:none;z-index:3;background:radial-gradient(circle at 30% 25%,#ffffffe6,#0000 55%);border-radius:50%;position:absolute;inset:0}.login-personagem{transform:translate(var(--px,0px), var(--py,0px)) rotate(var(--rot,0deg)) scale(var(--esc,1));transition:transform .35s cubic-bezier(.2,.8,.2,1)}.login-personagem img{transition:transform .4s cubic-bezier(.34,1.3,.64,1)}.login-janela[data-escondendo] .login-personagem img{transform:translateY(8px)scale(.9)}.login-mao{z-index:2;filter:drop-shadow(0 4px 4px #c83a1b40);width:56px;height:63px;transition:transform .45s cubic-bezier(.34,1.3,.64,1);position:absolute;bottom:20px;overflow:visible}.login-mao-e{left:14px;transform:translate(-6px,120px)rotate(-16deg)}.login-mao-d{right:14px;transform:translate(6px,120px)rotate(16deg)scaleX(-1)}.login-janela[data-escondendo] .login-mao-e{transform:translate(2px)rotate(4deg)}.login-janela[data-escondendo] .login-mao-d{transform:translate(-2px)rotate(-4deg)scaleX(-1)}.login-janela[data-escondendo][data-espiando] .login-mao-d{transform:translate(6px,30px)rotate(26deg)scaleX(-1)}.login-janela[data-escondendo][data-espiando] .login-personagem img{transform:translate(12px,2px)rotate(8deg)scale(.9)}.login-campo{background:var(--lg-papel);border:2px solid #0000;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s}.login-campo:hover{background:#ffebe3}.login-campo:-webkit-autofill{-webkit-text-fill-color:var(--lg-tinta);box-shadow:inset 0 0 0 100px var(--lg-papel);transition:border-color .2s,box-shadow .2s,transform .2s,background-color 9999s}.login-campo:-webkit-autofill:focus{box-shadow:inset 0 0 0 100px #fff, 0 0 0 5px var(--lg-laranja-claro)}.login-campo:focus{border-color:var(--lg-laranja);box-shadow:0 0 0 5px var(--lg-laranja-claro);background:#fff;transform:scale(1.01)}.login-botao{background:var(--lg-laranja);box-shadow:0 10px 0 -4px var(--lg-laranja-escuro), 0 20px 30px -18px #fd5330cc;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s}.login-botao:hover:not(:disabled){box-shadow:0 13px 0 -4px var(--lg-laranja-escuro), 0 26px 34px -18px #fd5330e6;transform:translateY(-3px)}.login-botao:active:not(:disabled){box-shadow:0 4px 0 -4px var(--lg-laranja-escuro), 0 10px 20px -18px #fd5330cc;transform:translateY(3px)}.login-botao:hover .login-seta{transform:translate(5px)}.login-seta{transition:transform .25s}.login-ponto{animation:.8s infinite login-quicar}.login-ponto:nth-child(2){animation-delay:.12s}.login-ponto:nth-child(3){animation-delay:.24s}.login-secundario{transition:transform .15s cubic-bezier(.34,1.56,.64,1),border-color .2s,background-color .2s}.login-secundario:hover{background:#fffaf7;border-color:#d9c4b9;transform:translateY(-2px)}.login-aviso{animation:.4s login-tremer}@keyframes login-pular{0%{opacity:0;transform:translate(var(--tx,0), 40px) scale(.9)}to{opacity:1;transform:translate(var(--tx,0), 0) scale(1)}}@keyframes login-deriva{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(20px,-26px)rotate(12deg)}}@keyframes login-tremer{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes login-quicar{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.login-cartao,.login-janela,.login-bolha,.login-aviso,.login-ponto{animation:none}.login-personagem,.login-personagem img,.login-mao,.login-campo,.login-botao,.login-secundario,.login-seta{transition:none}}