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