.loginContainer{background:linear-gradient(135deg,#f5f5f5 0%,#fafafa 100%);width:100vw;max-height:100vh;position:relative}.backLink{color:#666;cursor:pointer;z-index:10;align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s;display:flex;position:absolute;top:24px;left:24px}.bakctologin{color:#414c4f;font-size:16px;font-family:var(--font-poppins),sans-serif;letter-spacing:3%;font-weight:400}.backLink:hover{color:#d32f2f}.icon{width:16px;height:16px}.mainContent{align-items:center;width:100%;height:100%;padding:40px 20px;display:flex}.formSection{justify-content:center;align-items:center;padding:30px 20px 10px;display:flex}.formWrapper{width:100%;max-width:420px}.logo{align-items:end;gap:12px;margin-bottom:40px;display:flex}.logoText{font-size:28px;font-family:var(--font-poppins),sans-serif;letter-spacing:3%;font-weight:600}.welcomeSection{margin-bottom:32px}.title{font-size:48px;font-family:var(--font-quicksand),sans-serif;color:#030303;letter-spacing:3%;margin-bottom:12px;font-weight:600}.subtitle{color:#414c4f;font-size:16px;font-family:var(--font-poppins),sans-serif;letter-spacing:3%;font-weight:400}.form-check-input:checked{background-color:#d32f2f;border:#e9ecef}.form{margin-bottom:24px}.formGroup{margin-bottom:10px}.label{font-size:14px;font-style:Medium;color:#181818;font-family:var(--font-poppins),sans-serif;letter-spacing:3%;margin-bottom:4px;font-weight:500;display:block}.input{background-color:#fff;border:2px solid #00000040;border-radius:12px;height:41.31px;padding:12px 16px;font-size:14px}.input:focus{border-color:#c22627;outline:none}.input::placeholder{color:#999}.passwordGroup,.passwordWrapper{position:relative}.passwordInput{padding-right:45px}.eyeIcon{cursor:pointer;color:#6c757d;font-size:18px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.eyeButton{cursor:pointer;background-color:#fff;border:1px solid #ced4da;padding:.375rem .75rem}.eyeButton:hover{background-color:#e9ecef}.eyeButton{color:#666;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-left:none;border-radius:0 8px 8px 0;padding:12px 16px;transition:all .3s}.eyeButton:hover,.eyeButton:focus{color:#d32f2f;background-color:#f5f5f5;border-color:#d32f2f}.options{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.login-checkbox{color:#666;font-size:12px;font-family:var(--font-poppins),sans-serif}.login-checkbox input[type=checkbox]{cursor:pointer;accent-color:#d87071;border:1px solid #d87071;border-radius:12px;width:12px;height:12px}.forgotLink{color:#d32f2f;font-size:12px;font-family:var(--font-poppins),sans-serif;font-weight:400;text-decoration:none;transition:color .3s}.forgotLink:hover{color:#b71c1c;text-decoration:underline}.submitButton{height:41.31px;font-family:var(--font-poppins),sans-serif;color:#fff;cursor:pointer;background-color:#c22627;border:none;border-radius:12px;margin-bottom:20px;font-size:14px;font-weight:500}.submitButton:hover{background-color:#b71c1c;box-shadow:0 4px 12px #d32f2f4d}.submitButton:active{transform:scale(.98)}.signupText{text-align:center;font-size:10px;font-family:var(--font-poppins),sans-serif;color:#666;margin:0}.signupLink{color:#d32f2f;font-weight:600;text-decoration:none;transition:color .3s}.signupLink:hover{color:#b71c1c;text-decoration:underline}@media (max-width:992px){.formSection,.imageSection{min-height:auto}.imagePlaceholder{max-width:100%;margin-top:30px}.image{max-height:400px}}@media (max-width:768px){.loginContainer{min-height:auto}.mainContent{flex-direction:column;min-height:auto;padding:20px}.formSection{min-height:auto}.imageSection{min-height:auto;padding:20px}.formWrapper{max-width:100%}.title{font-size:28px}.backLink{top:16px;left:16px}.imagePlaceholder{max-width:100%;max-height:300px}.image{aspect-ratio:auto;max-height:300px}}@media (max-width:576px){.title{font-size:24px}.subtitle{font-size:13px}.form,.formGroup{margin-bottom:16px}.input,.submitButton,.googleButton{height:40px;font-size:13px}.options{flex-direction:column;align-items:flex-start;gap:8px}.imagePlaceholder{display:none}.logoText{font-size:20px}.Login-image{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.formWrapper{animation:.5s ease-out fadeIn}.login-image-wrapper{width:100%;height:100vh}.login-full-image{width:100%;height:100%;display:block}