.MainComponent-module__XVdOWq__login{background:var(--color-bg-light);justify-content:center;align-items:center;padding:2rem;animation:.6s ease-in-out MainComponent-module__XVdOWq__fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.MainComponent-module__XVdOWq__MainCont{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:1rem;justify-content:space-between;align-items:stretch;width:55vw;max-width:900px;transition:all .4s;display:flex;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.1)}.MainComponent-module__XVdOWq__MainCont:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.15)}.MainComponent-module__XVdOWq__ImageCont{background:var(--color-primary-dark);flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex}.MainComponent-module__XVdOWq__loginImg{object-fit:contain;width:100%;height:auto;transition:transform .5s}.MainComponent-module__XVdOWq__ImageCont:hover .MainComponent-module__XVdOWq__loginImg{transform:scale(1.05)}.MainComponent-module__XVdOWq__loginCompoent{background:var(--color-bg-light);box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;padding:2rem 3rem 2rem 2rem;display:flex;overflow:hidden}.MainComponent-module__XVdOWq__LoginH1{text-align:center;font-size:var(--font-2xl);color:var(--color-primary-dark);margin-bottom:1.5rem;animation:.6s MainComponent-module__XVdOWq__slideDown}.MainComponent-module__XVdOWq__Form{flex-direction:column;gap:1.2rem;display:flex}.MainComponent-module__XVdOWq__InputBox{box-sizing:border-box;flex-direction:column;gap:.3rem;width:100%;display:flex;position:relative}.MainComponent-module__XVdOWq__labelText,.MainComponent-module__XVdOWq__placeholder{font-size:var(--font-base);color:var(--color-text-light);margin-bottom:.2rem;transition:color .3s}.MainComponent-module__XVdOWq__InputForm{width:100%;font-size:var(--font-base);color:var(--color-text-dark);box-sizing:border-box;background:#fafafa;border:1px solid rgba(0,0,0,.1);border-radius:.5rem;outline:none;padding:.75rem 1rem;transition:all .3s}.MainComponent-module__XVdOWq__InputForm::placeholder{color:rgba(0,0,0,.35);transition:color .3s}.MainComponent-module__XVdOWq__InputForm:hover{border-color:rgba(0,0,0,.25)}.MainComponent-module__XVdOWq__InputForm:focus{border-color:var(--color-primary-dark);background:#fff;box-shadow:0 0 6px rgba(0,0,0,.1)}.MainComponent-module__XVdOWq__InputForm:focus::placeholder{color:rgba(0,0,0,.25)}.MainComponent-module__XVdOWq__SubmitBox{text-align:center;margin-top:1.5rem}.MainComponent-module__XVdOWq__Submibtn{background:var(--color-primary-dark);color:#fff;font-size:var(--font-base);cursor:pointer;border:none;border-radius:.6rem;padding:.75rem 2rem;transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,.1)}.MainComponent-module__XVdOWq__Submibtn:hover{background:var(--color-primary-med);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.15)}.MainComponent-module__XVdOWq__Submibtn:active{transform:translateY(0);box-shadow:0 4px 12px rgba(0,0,0,.1)}@keyframes MainComponent-module__XVdOWq__fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes MainComponent-module__XVdOWq__slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.MainComponent-module__XVdOWq__MainCont{border-radius:1rem;flex-direction:column-reverse;align-items:center;width:90vw;margin:0 auto;overflow:hidden}.MainComponent-module__XVdOWq__ImageCont{background:var(--color-primary-dark);justify-content:center;align-items:center;width:100%;padding:1rem;display:flex}.MainComponent-module__XVdOWq__loginImg{width:65%;max-width:240px;margin:1rem auto}.MainComponent-module__XVdOWq__loginCompoent{background:var(--color-bg-light);border-radius:.75rem;width:92%;margin:0 auto;padding:1.5rem 2rem 2rem;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08)}.MainComponent-module__XVdOWq__InputForm{box-sizing:border-box;width:100%;margin-right:0}.MainComponent-module__XVdOWq__LoginH1{margin-bottom:1rem;font-size:1.5rem}.MainComponent-module__XVdOWq__Submibtn{width:100%}}@media (max-width:480px){.MainComponent-module__XVdOWq__login{padding:1rem}.MainComponent-module__XVdOWq__MainCont{width:95vw}.MainComponent-module__XVdOWq__loginCompoent{width:94%;margin:0 auto;padding:1.25rem 1.25rem 1.5rem}.MainComponent-module__XVdOWq__InputBox{width:100%}.MainComponent-module__XVdOWq__InputForm{box-sizing:border-box;width:100%}.MainComponent-module__XVdOWq__loginImg{width:60%;max-width:200px}}@media (max-width:320px){.MainComponent-module__XVdOWq__MainCont{width:96vw}.MainComponent-module__XVdOWq__loginCompoent{width:95%;padding:1rem}.MainComponent-module__XVdOWq__InputForm{box-sizing:border-box;width:100%}.MainComponent-module__XVdOWq__loginImg{width:55%}}@media (max-width:280px){.MainComponent-module__XVdOWq__MainCont{width:97vw}.MainComponent-module__XVdOWq__loginCompoent{width:96%;padding:.75rem 1rem}.MainComponent-module__XVdOWq__InputBox{width:100%}.MainComponent-module__XVdOWq__InputForm{box-sizing:border-box;width:100%}.MainComponent-module__XVdOWq__loginImg{width:50%}.MainComponent-module__XVdOWq__Submibtn{padding:.6rem 1.5rem;font-size:.9rem}}