.eoffice-login{min-height:100vh;height:auto;padding:36px 24px;background:#edf2f5;color:#173044;font-family:"Segoe UI",sans-serif}
.login-shell{display:flex;width:1120px;max-width:100%;margin:auto;background:#fff;border:1px solid #e0e8ed;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(23,48,68,.09)}
.login-visual{width:55%;background:#e9f3f3;display:flex;flex-direction:column}
.login-brand{display:flex;align-items:center;gap:12px;padding:34px 40px 0}
.login-brand img{width:46px;height:46px;object-fit:contain}
.login-brand strong{display:block;font-size:21px;letter-spacing:2px}
.login-brand span{font-size:10px;letter-spacing:2px;color:#526c75}
.login-intro{padding:40px 40px 24px}
.login-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:#187c7b;margin-bottom:15px}
.login-intro h1{font-size:32px;font-weight:700;line-height:1.25;letter-spacing:-.8px;margin-bottom:16px}
.login-intro p{color:#536d77;line-height:1.7;font-size:14px;max-width:370px;margin:0}
.login-art{display:block;width:100%;height:auto;object-fit:cover;margin-top:auto}
.login-visual-footer{padding:18px 40px;font-size:12px;color:#42646c}
.login-visual-footer i{margin-right:7px}
.login-form-panel{width:45%;display:flex;align-items:center;padding:48px}
.login-form-content{width:100%}
.login-form-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#eaf5f4;color:#147d79;border-radius:14px;margin-bottom:28px;font-size:20px}
.login-form-panel h2{font-size:30px;font-weight:700;letter-spacing:-.7px}
.login-description{color:#697d89;font-size:14px;margin-bottom:30px}
.login-form-panel label{font-size:13px;margin-bottom:9px}
.login-form-panel .form-group{margin-bottom:21px}
.login-form-panel .form-control{height:48px;border-color:#dce5ea;border-left:0;font-size:14px;padding-left:4px;color:#173044}
.login-form-panel .form-control::placeholder{color:#82939e}
.login-form-panel .input-group-text{background:#fff;color:#7d929c;border-color:#dce5ea;border-radius:9px 0 0 9px}
.login-form-panel .form-control:focus{border-color:#16857f;box-shadow:0 0 0 2px rgba(22,133,127,.12)}
.password-toggle{border:1px solid #dce5ea;color:#6b8490;border-left:0;border-radius:0 9px 9px 0;background:#fff}
.login-submit{margin-top:28px;height:48px;border-radius:9px;background:#137e79;border-color:#137e79;font-size:15px;font-weight:600;box-shadow:0 6px 14px rgba(19,126,121,.15)}
.login-submit:hover,.login-submit:focus{background:#0f6561;border-color:#0f6561}
.login-help{display:flex;gap:12px;border-top:1px solid #edf1f4;margin-top:28px;padding-top:23px;font-size:13px}
.login-help i{color:#66818d;padding-top:3px}
.login-help p{margin:0}
.login-help span,.login-copyright{color:#6c818d}
.login-copyright{font-size:11px;line-height:1.8;margin:32px 0 0}
.login-form-panel .alert{font-size:13px}
@media(max-width:991.98px){.login-form-panel{padding:32px}.login-brand{padding-left:28px}.login-intro{padding:32px 28px 24px}.login-intro h1{font-size:27px}}
@media(max-width:767.98px){.eoffice-login{padding:20px 14px}.login-shell{flex-direction:column;max-width:480px;border-radius:18px}.login-visual,.login-form-panel{width:100%}.login-brand{padding:22px 26px}.login-intro,.login-art,.login-visual-footer{display:none}.login-form-panel{padding:30px 26px}.login-form-icon{display:none}.login-form-panel h2{font-size:28px}}