.sign-up-page{background-color:var(--clr-white)}.sign-up-main{min-height:calc(100dvh - 4.625rem);margin-top:4.625rem;display:flex}.sign-up-container{width:100%;display:flex}.sign-up-left{background-color:var(--clr-blueish);justify-content:center;align-items:center;width:45%;padding:32px;display:flex;position:relative}.sign-up-left img{object-fit:contain;width:100%;max-width:360px;height:auto}.sign-up-right{background-color:var(--clr-yellow);justify-content:center;align-items:center;width:55%;padding:48px 32px;display:flex}.sign-up-form-wrapper{width:100%;max-width:80%}.sign-up-header{margin-bottom:2.5rem}.sign-up-title{font-family:var(--inter-ff);font-size:var(--fs-2-5);font-weight:var(--weight-bold);color:var(--clr-black);margin-bottom:1rem;line-height:1}.sign-up-subtitle{font-family:var(--poppins-ff);font-size:var(--fs-7);font-weight:var(--weight-medium);color:var(--clr-dark-gray)}.sign-up-form{flex-direction:column;gap:1.25rem;display:flex}.sign-up-form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.sign-up-form-group{flex-direction:column;gap:.5rem;display:flex}.sign-up-label{font-family:var(--poppins-ff);font-size:var(--fs-7);font-weight:var(--weight-medium);color:var(--clr-blueish)}.sign-up-label .required{color:var(--clr-danger)}.sign-up-input{background-color:var(--clr-white);width:100%;height:3.5rem;font-family:var(--poppins-ff);font-size:var(--fs-8);font-weight:var(--weight-normal);color:var(--clr-black);border:1px solid #0000;border-radius:6.25rem;padding:16px 24px;transition:all .3s}.sign-up-input::placeholder{color:var(--clr-gray)}.sign-up-input:focus,.sign-up-input:focus-visible,.sign-up-input:focus-within{border:1px solid var(--clr-blueish);outline:none;box-shadow:0 0 0 3px #fcd24233}.sign-up-password-wrapper{width:100%;position:relative}.sign-up-password-wrapper .sign-up-input{padding-right:52px}.sign-up-password-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;padding:0;transition:opacity .3s;display:flex;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.sign-up-password-toggle:hover{opacity:.7}.sign-up-password-toggle:focus,.sign-up-password-toggle:focus-visible{outline:none}.sign-up-divider{justify-content:center;align-items:center;margin:.5rem 0;display:flex;position:relative}.sign-up-divider:before,.sign-up-divider:after{content:"";background-color:var(--clr-blueish);opacity:.3;flex:1;height:1px}.sign-up-divider-text{font-family:var(--poppins-ff);font-size:var(--fs-8);font-weight:var(--weight-normal);color:var(--clr-blueish);padding:0 1rem}.sign-up-social-buttons{justify-content:center;align-items:center;display:flex}.sign-up-social-btn{background-color:var(--clr-white);width:18.75rem;height:3.5rem;font-family:var(--poppins-ff);font-size:var(--fs-8);font-weight:var(--weight-medium);color:var(--clr-blueish);cursor:pointer;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:12px 20px;transition:all .3s;display:flex}.sign-up-social-btn:hover{transform:translateY(-2px)}.sign-up-social-btn:focus,.sign-up-social-btn:focus-visible{border:1px solid var(--clr-blueish);outline:none}.sign-up-submit-btn{background-color:var(--clr-black);border:1px solid var(--clr-black);width:18.75rem;height:3.5rem;font-family:var(--poppins-ff);font-size:var(--fs-6);font-weight:var(--weight-semi-bold);color:var(--clr-white);cursor:pointer;border-radius:6.25rem;justify-content:center;align-items:center;margin:1.25rem auto 0;transition:all .3s;display:flex}.sign-up-submit-btn:hover{background-color:var(--clr-purpleish-black);border-color:var(--clr-purpleish-black);transform:translateY(-2px)}.sign-up-submit-btn:focus,.sign-up-submit-btn:focus-visible,.sign-up-submit-btn:focus-within{border-color:var(--clr-purpleish-black);outline:none}.sign-up-login-link{text-align:center;font-family:var(--poppins-ff);font-size:var(--fs-8);font-weight:var(--weight-normal);color:var(--clr-blueish);margin-top:.5rem}.sign-up-login-link a{font-weight:var(--weight-semi-bold);color:var(--clr-blueish);transition:opacity .3s}.sign-up-login-link a:hover{opacity:.8}[dir=rtl] .sign-up-container{flex-direction:row-reverse}[dir=rtl] .sign-up-password-wrapper .sign-up-input{padding-left:52px;padding-right:24px}[dir=rtl] .sign-up-password-toggle{left:1.25rem;right:auto}[dir=rtl] .sign-up-form-group,[dir=rtl] .sign-up-label,[dir=rtl] .sign-up-input,[dir=rtl] .sign-up-input::placeholder{text-align:right}@media screen and (max-width:1200px){.sign-up-left{width:40%}.sign-up-right{width:60%}.sign-up-form-wrapper{max-width:90%}}@media screen and (max-width:1024px){.sign-up-left,.sign-up-right{padding:24px}.sign-up-title{font-size:var(--fs-2)}.sign-up-subtitle{font-size:var(--fs-8)}}@media screen and (max-width:768px){.sign-up-container,[dir=rtl] .sign-up-container{flex-direction:column}.sign-up-left,.sign-up-right{width:100%}.sign-up-form-wrapper{max-width:100%}.sign-up-header{text-align:center;margin-bottom:1.5rem}.sign-up-subtitle{font-size:var(--fs-7)}.sign-up-form-row{grid-template-columns:1fr}.sign-up-submit-btn,.sign-up-social-btn{width:100%}}@media screen and (max-width:480px){.sign-up-title{font-size:var(--fs-3);line-height:1.2}.sign-up-subtitle{font-size:var(--fs-8)}.sign-up-form{gap:1rem}.sign-up-label{font-size:var(--fs-8)}.sign-up-input{border-radius:16px;height:3.25rem;padding:14px 18px}.sign-up-submit-btn,.sign-up-social-btn{height:3.25rem;font-size:var(--fs-8);border-radius:16px}.sign-up-divider{margin:.25rem 0}.sign-up-login-link{font-size:var(--fs-9)}}