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