*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif;color:#34445a;background:#f5f8fc}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:25px}.login-card{width:100%;max-width:390px;background:#fff;border:1px solid #e2e8ef;border-radius:12px;box-shadow:0 8px 30px #1f345212;overflow:hidden}.login-brand{display:flex;align-items:center;gap:9px;padding:20px 23px;border-bottom:1px solid #edf1f5}.brand-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:#edf4ff;color:#2876ee;font-size:18px}.login-brand strong{display:block;color:#263853;font-size:17px;font-weight:700}.login-brand span{display:block;margin-top:2px;color:#929dad;font-size:10px}.login-content{padding:26px 25px 22px}.login-content h1{margin:0 0 5px;color:#263853;font-size:22px;font-weight:700}.login-subtitle{margin:0 0 22px;color:#8994a5;font-size:12px;line-height:1.5}.field{margin-bottom:15px}.field label{display:block;margin-bottom:6px;color:#526177;font-size:11px;font-weight:650}.password-label{display:flex;justify-content:space-between;align-items:center}.password-label label{margin-bottom:6px}.password-label a{margin-bottom:6px;color:#2876ee;font-size:10px;text-decoration:none}.password-label a:hover{text-decoration:underline}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>i:first-child{position:absolute;left:11px;color:#9aa5b4;font-size:14px;pointer-events:none}.input-wrap input{width:100%;height:39px;padding:0 37px 0 32px;border:1px solid #dce3eb;border-radius:6px;outline:none;background:#fff;color:#526177;font-size:12px;transition:border-color .15s ease,box-shadow .15s ease}.input-wrap input::-moz-placeholder{color:#adb6c1}.input-wrap input::placeholder{color:#adb6c1}.input-wrap input:focus{border-color:#8eb7ef;box-shadow:0 0 0 3px #2876ee14}.password-toggle{position:absolute;right:5px;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#929dad;cursor:pointer}.password-toggle:hover{background:#f3f6f9;color:#536177}.field-error{display:block;min-height:0;margin-top:4px;color:#dc3545;font-size:10px}.login-error{display:none;margin:0 0 13px;padding:8px 9px;border:1px solid #f1c6cb;border-radius:5px;background:#fff5f6;color:#b02a37;font-size:11px;line-height:1.4}.login-error.show{display:block}.login-btn{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:3px;border:0;border-radius:6px;background:#2876ee;color:#fff;font-size:12px;font-weight:650;cursor:pointer;transition:background .15s ease,transform .05s ease}.login-btn:hover{background:#1766db}.login-btn:active{transform:translateY(1px)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{padding:11px 20px;border-top:1px solid #edf1f5;text-align:center;color:#a0a9b5;font-size:10px}@media(max-width:450px){.login-page{padding:15px}.login-content{padding:23px 20px 20px}.login-brand{padding:17px 20px}}