.login-container{min-height:100vh;background-size:cover;display:flex;justify-content:flex-end;align-items:center;padding:2rem;background-image:url(/images/myhealthbulebg.jpeg);background-position:50%;position:relative}.login-form-container{background:#fff;padding:3rem 2.5rem;border-radius:0;box-shadow:0 4px 20px rgba(0,0,0,.1);width:100%;max-width:480px;margin-right:2%;border-top:4px solid #2196f3;position:relative}.login-form-container:hover{box-shadow:0 6px 24px rgba(0,0,0,.15);transition:box-shadow .3s ease}.login-title{color:#333;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.login-subtitle{color:#666;margin-bottom:2rem;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{margin-bottom:0}.form-control::placeholder{color:#666;font-size:1rem}.form-control:focus{outline:none!important;box-shadow:none!important}.login-options{justify-content:space-between;margin:1rem 0}.login-options,.remember-me{display:flex;align-items:center}.remember-me{gap:.5rem;color:#666}.forgot-password{color:#666;text-decoration:none}.forgot-password:hover{color:#2196f3}.login-btn{margin-top:1.5rem;padding:.875rem;font-weight:500;background-color:#2196f3;border:none;border-radius:0;font-size:1rem;transition:background-color .2s}.login-btn:hover{background-color:#1976d2}.error-message{color:#dc3545;font-size:.875rem;margin-top:.25rem}.copyright-text{text-align:center;color:#666;font-size:.875rem;margin-top:2rem}.copyright-text span{color:#333;font-weight:500}.logo-section{position:absolute;top:50px;left:50px;display:flex;align-items:center;gap:15px;flex-direction:column}.logo-image{height:auto;width:auto}.logo-text{color:#fff;max-width:400px;font-size:1rem;line-height:1.5}.custom-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#666}.custom-checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #ddd;border-radius:3px;cursor:pointer;position:relative;transition:all .2s}.custom-checkbox input[type=checkbox]:checked{background-color:#2196f3;border-color:#2196f3}.custom-checkbox input[type=checkbox]:checked:after{content:"✓";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px}.checkbox-label{font-size:.875rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-wrapper{position:relative;width:100%}.input-icon.end-icon{position:absolute;right:12px;top:45%;transform:translateY(-50%);color:#666;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%}.form-control.is-invalid~.input-icon.end-icon{right:35px}.form-control{width:100%;border-radius:4px;padding:.75rem 1rem;transition:all .2s;background-color:#fff!important;font-size:1rem;color:#666;border:1px solid #ddd}.form-control.has-end-icon{padding-right:2.5rem}.form-control.has-end-icon.is-invalid{padding-right:4rem}.invalid-feedback{display:block!important;color:#dc3545;font-size:.875rem;margin-top:.25rem;width:100%}.form-control.is-invalid{border-color:#dc3545}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important;-webkit-text-fill-color:#666!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}