.auth-page{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.auth-page .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4rem;width:100%;max-width:1200px;display:flex}.auth-page .login-image,.auth-page .form-container{flex:400px}.auth-page .form-container,.auth-page .account-types{gap:1rem;height:fit-content;display:grid}.auth-page .account-types .types{justify-content:space-between;align-items:stretch;gap:1rem;display:flex}.auth-page .account-types .types .type{cursor:pointer;background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:.5rem;flex:250px;gap:1rem;padding:1rem;transition:all .3s linear;display:grid}.auth-page .account-types .types .selected{background-color:var(--primary-color);color:#1c1c1c}.login-image{position:relative}.login-image .persons{background:url(../media/graph.ef33e370.svg) 50%/cover;border-radius:1rem;justify-content:center;align-items:end;gap:1rem;height:600px;display:flex;position:relative;overflow:hidden}.login-image .persons img{width:50%}.login-image .persons>:first-child{animation:.6s ease-in-out forwards person2;position:absolute;transform:translate(150px)}.login-image .persons>:nth-child(2){z-index:1;animation:.6s ease-in-out forwards person1;position:relative}.login-image .persons>:nth-child(3){animation:.6s ease-in-out forwards person3;position:absolute;transform:translate(-160px)}@keyframes person1{0%{transform:translateY(24px)}to{transform:translate(0)}}@keyframes person3{0%{transform:translate(-160px)}to{transform:translate(-140px)}}@keyframes person2{0%{transform:translate(160px)}to{transform:translate(140px)}}.login-image img{border-radius:1rem}.login-image .testimonial-card{z-index:3;max-width:400px;position:absolute;bottom:2rem;left:0}.login-image .stats-card{z-index:3;padding:1rem;position:absolute;top:1rem;right:1rem}.testimonial-card{gap:.8rem;height:fit-content;display:grid;position:relative}.testimonial-card .profile{-o-object-fit:cover;object-fit:cover;border:7px solid #fff;border-radius:50%;width:86px;height:86px;position:absolute;top:-43px;right:2rem;overflow:hidden}.stats-card{align-items:end;gap:1rem;transition:all .5s ease-in-out;display:flex}.stats-card:hover{margin-top:-3px}.stats-card .shape{align-items:flex-end;gap:.5rem;display:flex}.stats-card .shape .line{border-radius:2rem;width:10px}.stats-card .shape>:first-child{background-color:var(--primary-color);height:20px;animation:1.2s ease-in-out forwards chart1}.stats-card .shape>:nth-child(2){background-color:var(--text-primary);animation:1.2s ease-in-out forwards chart2}.stats-card .shape>:nth-child(3){background-color:var(--primary-color);height:32px;animation:2s ease-in-out forwards chart3}.stats-card .shape>:nth-child(4){background-color:var(--text-primary);height:50px;animation:2s ease-in-out forwards chart4}@media screen and (max-width:1240px){.container{padding:0 2rem}}@media screen and (max-width:960px){.auth-page .container{max-width:540px}.auth-page .login-image{display:none}}