@media (width<=1023px){.auth-page{position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#174f9c1f,#0000 68%);border-radius:50%;width:22rem;height:22rem;position:absolute;top:2rem;left:50%;transform:translate(-50%)}.auth-panel{animation:.62s cubic-bezier(.16,1,.3,1) both auth-panel-in;position:relative}.auth-mobile-brand{animation:.65s cubic-bezier(.16,1,.3,1) 80ms both auth-brand-in}.auth-mobile-brand>:first-child{animation:3.2s ease-in-out .75s infinite auth-mark-float;box-shadow:0 10px 22px #174f9c40}.auth-mode-tabs{animation:.5s cubic-bezier(.16,1,.3,1) .14s both auth-item-in}.auth-panel h1,.auth-panel h1+p{animation:.5s cubic-bezier(.16,1,.3,1) .2s both auth-item-in}.auth-panel form{animation:.55s cubic-bezier(.16,1,.3,1) .28s both auth-item-in}.auth-panel form input{transition:border-color .2s,box-shadow .2s,transform .2s}.auth-panel form input:focus{transform:translateY(-1px);box-shadow:0 8px 20px #174f9c1a}.auth-panel form button[type=submit]{transition:transform .2s,box-shadow .2s,background-color .2s}.auth-panel form button[type=submit]:active{transform:scale(.98)}}.auth-success{border-radius:inherit;color:#fff;text-align:center;background:linear-gradient(145deg,#174f9c,#2869b7);place-content:center;justify-items:center;padding:2rem;animation:.55s cubic-bezier(.16,1,.3,1) both auth-success-in;display:grid;position:absolute;inset:0;overflow:hidden}.auth-success__mark{background:#ffffff24;border:5px solid #ffffffbf;border-radius:1.35rem;place-items:center;width:4.5rem;height:4.5rem;animation:.7s cubic-bezier(.16,1,.3,1) .12s both auth-success-mark;display:grid;box-shadow:0 14px 26px #0927543d}.auth-success__spark{pointer-events:none;border:1px solid #fff3;border-radius:50%;width:9rem;height:9rem;position:absolute}.auth-success__spark--one{top:-4rem;right:-3rem}.auth-success__spark--two{bottom:-5rem;left:-4rem}@keyframes auth-panel-in{0%{opacity:0;transform:translateY(20px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes auth-brand-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-item-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-mark-float{50%{transform:translateY(-4px)rotate(-3deg)}}@keyframes auth-success-in{0%{opacity:0;clip-path:circle(0)}to{opacity:1;clip-path:circle(115%)}}@keyframes auth-success-mark{0%{opacity:0;transform:scale(.45)rotate(-18deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.auth-panel,.auth-mobile-brand,.auth-mode-tabs,.auth-panel h1,.auth-panel h1+p,.auth-panel form,.auth-mobile-brand>:first-child{animation:none!important}}
