.codeInputGrid{grid-template-columns:repeat(6,calc(100% / 6 - 10px * 5 / 6));margin-top:25px;width:80%;gap:10px;direction:ltr}.submitCodeInput{width:100%;height:auto;aspect-ratio:1/1;background-color:transparent;outline:none;border:1px solid #d9d9d9;border-radius:5px;font-weight:700;font-style:Bold;font-size:18px;line-height:100%;color:var(--clr0);text-align:center}.formMainSection{min-height:70vh;min-height:70dvh;margin:40px auto;max-width:990px}.formGrid{padding:20px 25px 40px;background-color:var(--clrPrimary2);gap:30px;border-radius:20px;width:100%;max-width:580px}.formImgDiv{position:relative;border-radius:20px;overflow:hidden}.formImgDiv:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:var(--clr1D);opacity:.5}.loginImg{width:100%;height:auto;aspect-ratio:343/229;object-fit:cover;object-position:center;max-height:400px}.loginForm{width:100%;gap:10px}.formTitle{font-weight:700;font-style:Bold;font-size:20px;color:var(--clr0);text-align:center;margin-bottom:30px}.formFieldset{margin-top:5px;gap:8px}.formLabel{font-size:14px;color:var(--clr0)}.formInput,.formLabel{font-weight:400;font-style:Regular}.formInput{height:45px;width:100%;padding:0 15px;font-size:13px;color:var(--clr1D);outline:none;border:1px solid transparent;transition:border .3s;border-radius:8px}.formInput:focus{border:1px solid var(--clr88Op78)}.formInput.formErrorInput{border:1px solid var(--clrRedD9)}.loginTogglePassBtn{position:absolute;left:7px;bottom:6px;height:32px;width:32px;background-color:var(--blackOp12);border-radius:5px;font-size:16px;color:var(--clr1D)}.stayLoginLabel{gap:9px;font-weight:400;font-style:Regular;font-size:12px;color:var(--clr0);margin-top:5px;-moz-user-select:none;-webkit-user-select:none;user-select:none}.stayLoginLabel span{height:19px;width:19px;background-color:var(--clrF);border-radius:3px}.stayLoginLabel svg{height:16px;width:16px;color:var(--clr0);display:none}.stayLoginInput{display:none}.stayLoginInput:checked+span svg{display:block}.formSubmitBtn{margin-top:10px;background-color:var(--clr1D);min-height:50px;padding:7px 10px;font-weight:700;font-style:Bold;font-size:15px;color:var(--clrF);border-radius:8px;position:relative;overflow:hidden}.formErrorLabelSpan{font-weight:400;font-style:Regular;font-size:10px;color:var(--clrRedD9)}.loginFormPhoneText{font-weight:700;font-size:17px;line-height:100%;letter-spacing:8px;color:var(--clr0);margin:0 auto}.loginChangePhoneBtn{font-weight:400;font-style:Regular;font-size:14px;color:var(--clrBlue2)}.requestCodeAgainBtn{font-weight:500;font-style:Medium;font-size:15px;color:var(--clrRedD9);margin-top:15px}.loginRemainTimeText{margin:20px auto 0;font-weight:400;font-style:Regular;font-size:15px;color:var(--clr0);gap:9px}.loginRemainTimeText span{font-weight:700;font-style:Bold;font-size:12px;color:var(--clrRedD9)}.loginRemainTimeText .loginTimeSpan{font-size:16px}.loginErrorText{font-size:13px;color:var(--clrRedD9);font-weight:600;margin-top:5px}.resetPassLink{font-weight:400;font-style:Regular;font-size:13px;margin-top:5px;color:var(--clrBlue2)}@media screen and (min-width:968px){.formMainSection{min-height:unset!important;height:-moz-fit-content;height:fit-content}.formGrid{grid-template-columns:1fr 1fr;max-width:unset;grid-template-rows:1fr;align-items:center;padding:25px;min-height:400px}.formImgDiv{order:2}.formImgDiv,.loginImg{height:100%;width:100%}.loginImg{max-height:unset;aspect-ratio:unset;position:absolute;left:0;top:0;z-index:8}.formImgDiv:after{z-index:10}.loginForm{padding:40px 0}}