.user-login{background:#f4f7f6;justify-content:center;align-items:center;height:100vh;padding:30px;font-family:Arial,Helvetica,sans-serif;display:flex}.login-container{background:#fff;border-radius:22px;grid-template-columns:1fr 1fr;width:100%;display:grid;overflow:hidden;box-shadow:0 20px 70px #00000014}.login-left{color:#fff;background:linear-gradient(145deg,#075e54,#064e45);flex-direction:column;gap:20px;padding:45px;display:flex;position:relative;overflow:hidden}.brand-icon i{color:#064e45}.login-left:before{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:50%;width:350px;height:350px;position:absolute;bottom:-100px;right:-150px}.login-left:after{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-50px;right:-80px}.login-brand{z-index:1;align-items:center;gap:12px;font-size:19px;font-weight:700;display:flex;position:relative}.brand-icon{color:#075e54;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:43px;height:43px;font-size:25px;display:flex}.login-content{z-index:1;max-width:460px;position:relative}.login-badge{letter-spacing:1px;background:#ffffff1f;border-radius:30px;align-items:center;gap:8px;margin-bottom:25px;padding:10px 15px;font-size:11px;font-weight:700;display:inline-flex}.login-badge i{color:#7de5c2;font-size:15px}.login-content h1{color:#fff;margin:0 0 22px;font-size:43px;font-weight:800;line-height:1.25}.login-content h1 span{color:#7de5c2;display:block}.login-content p{color:#ffffffbf;margin-bottom:30px;font-size:15px;line-height:1.8}.login-features{flex-direction:column;gap:17px;display:flex}.login-features div{color:#fff;align-items:center;gap:12px;font-size:14px;display:flex}.login-features i{color:#7de5c2;font-size:18px}.login-footer-left{color:#fff9;z-index:1;font-size:12px;position:relative}.login-right{background:#fff;justify-content:center;align-items:center;padding:55px;display:flex}.login-form-wrapper{width:100%;max-width:390px}.mobile-brand{display:none}.form-heading{margin-bottom:35px}.form-heading>span{color:#07866d;letter-spacing:2px;font-size:11px;font-weight:800}.form-heading h2{color:#172b29;margin:12px 0;font-size:29px;font-weight:800}.form-heading p{color:#87918f;margin:0;font-size:14px;line-height:1.6}.form-group{margin-bottom:23px}.form-group label{color:#293b38;margin-bottom:10px;font-size:13px;font-weight:700;display:block}.input-wrapper{background:#fff;border:1px solid #e5ebe9;border-radius:10px;align-items:center;gap:12px;width:100%;height:54px;padding:0 15px;transition:all .3s;display:flex}.input-wrapper:focus-within{border-color:#07866d;box-shadow:0 0 0 3px #07866d14}.input-wrapper>i{color:#8a9995;flex-shrink:0;font-size:18px}.input-wrapper input{color:#263b36;width:100%;min-width:0;height:100%;box-shadow:none;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px}.input-wrapper input:focus{box-shadow:none;outline:none}.input-wrapper input::placeholder{color:#adb7b4}.password-toggle{color:#87918f;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:5px;font-size:18px;transition:color .3s;display:flex}.password-toggle:hover{color:#07866d}.login-submit{color:#fff;cursor:pointer;background:#087c66;border:none;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;height:54px;margin-top:30px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.login-submit:hover{background:#065e4e;transform:translateY(-2px);box-shadow:0 8px 20px #087c6633}.login-submit:active{transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.login-submit i{font-size:18px}.login-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite loginSpin}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-security{text-align:center;color:#9aa6a2;justify-content:center;align-items:center;gap:7px;margin-top:30px;font-size:11px;line-height:1.6;display:flex}.login-security i{color:#07866d;font-size:14px}