.mobile-signin-page{width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.mobile-signin-page .back-button{cursor:pointer;color:var(--text-primary-pure);position:absolute;top:16px;left:20px}.mobile-signin-page:before{content:"";z-index:-1;opacity:.25;background:linear-gradient(147deg,#4f8fe9 0%,#396bc9 45%,#5e50ae 100%) no-repeat padding-box padding-box;width:100%;height:100%;position:absolute}.mobile-signin-page .content{width:100%;height:100%;box-shadow:5px 0px 10px var(--low-darkest-shadow);flex-direction:column;align-items:center;display:flex;overflow:hidden}.mobile-signin-page .content .logo{justify-content:center;align-items:center;width:100px;height:100px;margin:70px 0 60px;display:flex}.mobile-signin-page .content .logo img{width:100px;height:100px}.mobile-signin-page .content .signin-form{flex-direction:column;gap:20px;width:100%;height:60%;padding:0 20px;display:flex}.mobile-signin-page .content .signin-form .signin-text{width:551px;padding:0 0 20px 10px}.mobile-signin-page .content .signin-form .signin-text p{color:var(--low-pure);font-size:16px}.mobile-signin-page .content .signin-form .signin-input{width:100%}.mobile-signin-page .content .signin-form .signin-input.duo{gap:20px;width:100%;display:flex}.mobile-signin-page .content .signin-form .signin-input p{color:var(--low-pure);margin:0;padding-bottom:10px;font-family:Roboto;font-size:12px;font-weight:500}.mobile-signin-page .content .signin-form .signin-forgot{grid-template-columns:1fr 1fr;align-items:center;width:100%;height:15px;display:grid}.mobile-signin-page .content .signin-form .signin-forgot .forgot-line label{color:var(--low-pure);align-items:center;gap:5px;font-size:12px;display:flex}.mobile-signin-page .content .signin-form .signin-forgot .forgot-text{color:var(--primary-highlight);cursor:pointer;flex-direction:row-reverse;font-size:12px;font-weight:500;text-decoration:underline;display:flex}.mobile-signin-page .content .signin-form .signin-actions{justify-content:center;gap:20px;margin-top:68px;display:flex}.mobile-signin-page .content .signin-form .signin-footer{justify-content:center;gap:20px;font-size:12px;font-weight:500;display:flex}.mobile-signin-page .content .signin-form .signin-footer a{color:var(--primary-highlight);cursor:pointer;text-decoration:underline}
.web-signin-page{width:100vw;height:100vh;display:flex}.web-signin-page .content{background-color:var(--primary-pure);width:calc(50% - 80px);height:100%;box-shadow:5px 0px 10px var(--low-darkest-shadow);overflow:overlay;border-radius:0 35px 35px 0;flex-direction:column;align-items:center;gap:100px;display:flex}.web-signin-page .content .logo{width:290px;height:190px;padding-top:135px}.web-signin-page .content .signin-form{flex-direction:column;gap:20px;width:100%;padding:0 40px;display:flex}.web-signin-page .content .signin-form .signin-text{width:551px;padding:0 0 20px 10px}.web-signin-page .content .signin-form .signin-text p{color:var(--text-low-pure);font-size:16px}.web-signin-page .content .signin-form .signin-input{width:100%}.web-signin-page .content .signin-form .signin-input p{color:var(--text-low-pure);margin:0;padding-bottom:10px;font-family:Roboto;font-size:14px}.web-signin-page .content .signin-form .signin-input span{color:var(--text-low-pure)}.web-signin-page .content .signin-form .forgot-password{color:var(--text-high-pure);cursor:pointer;justify-content:right;font-size:11px;text-decoration:underline;display:flex}.web-signin-page .content .signin-form .signin-actions{justify-content:center;gap:20px;margin:84px 0 0;display:flex}.web-signin-page .content .signin-form .signin-actions:last-child .ppsa-button{border:1px solid var(--high-pure)}.web-signin-page .content .signin-form .signin-actions button{flex:1}.web-signin-page .content .signin-form .actions{flex-direction:row;justify-content:space-between;align-items:center;gap:40px;margin-top:127px;padding:0 20px;display:flex}.web-signin-page .content .signin-form .actions button{width:100%;max-width:274px!important}.web-signin-page .background{z-index:-1;width:calc(50% + 120px);margin-left:-40px;overflow:hidden}.web-signin-page .background img{object-fit:cover;object-position:top left;width:100%;height:100%}