*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#dce1e7;min-height:100vh;display:flex;align-items:center;justify-content:center}
.login-container{width:400px;padding:40px 30px 30px}
.logo{text-align:center;margin-bottom:32px;user-select:none}
.logo-main{font-size:32px;font-weight:700;color:#5a4a3a;letter-spacing:-.5px}
.logo-sub{font-size:32px;font-weight:300;color:#5a9cb5;letter-spacing:-.5px}
.form-group{margin-bottom:16px}
.form-group input{width:100%;padding:12px 16px;border:1px solid #c8cdd2;border-radius:3px;font-size:14px;color:#555;background:#fff;outline:none;transition:border-color .2s}
.form-group input::placeholder{color:#aab2b9}
.form-group input:focus{border-color:#5a9cb5}
.form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px}
.remember{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#777;user-select:none}
.remember input[type="checkbox"]{width:16px;height:16px;accent-color:#5a9cb5;cursor:pointer}
.btn-login{padding:10px 28px;background:#5a9cb5;color:#fff;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;letter-spacing:.3px}
.btn-login:hover{background:#4a8aa3}
.btn-login:active{background:#3d7a92}
.btn-login:disabled{background:#8bb8c9;cursor:default}
.error-msg{display:none;text-align:center;color:#c0392b;font-size:13px;margin-top:16px;padding:8px;background:rgba(192,57,43,.08);border-radius:3px}
.error-msg.visible{display:block}
.footer-text{text-align:center;margin-top:24px;font-size:11px;color:#aaa}