*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body{background:#f3f6fb;color:#152238}
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.login-card{width:min(420px,100%);background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:32px;box-shadow:0 18px 50px rgba(21,34,56,.10)}
.login-brand{display:flex;align-items:center;gap:12px;padding-bottom:28px;border-bottom:1px solid #edf0f5}
.brand-mark{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#2864e8;color:#fff;font-weight:800;font-size:17px}
.login-brand strong{display:block;font-size:18px}
.login-brand span{display:block;margin-top:2px;color:#7a879b;font-size:10px;letter-spacing:1.2px}
.login-heading{margin:30px 0 22px}.login-heading h1{margin:0 0 7px;font-size:28px}.login-heading p{margin:0;color:#71809a;font-size:14px}
.login-error{margin-bottom:18px;padding:11px 13px;border-radius:9px;background:#fff1f1;border:1px solid #ffd5d5;color:#b42318;font-size:13px}
form label{display:block;margin:0 0 7px;color:#52627a;font-size:13px;font-weight:600}
form input{width:100%;height:46px;margin-bottom:18px;padding:0 13px;border:1px solid #d9e0ea;border-radius:9px;outline:none;background:#fff;color:#17243a;font-size:15px}
form input:focus{border-color:#2864e8;box-shadow:0 0 0 3px rgba(40,100,232,.12)}
form button{width:100%;height:48px;border:0;border-radius:9px;background:#2864e8;color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.login-card footer{margin-top:25px;text-align:center;color:#98a3b4;font-size:11px}