*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f2f5f7;color:#182a35;font:15px Arial,sans-serif;letter-spacing:0}main{width:min(440px,calc(100% - 32px));padding:32px 0}header{display:flex;align-items:center;gap:20px;border-bottom:3px solid #c31f37;padding-bottom:22px;margin-bottom:28px}header img{object-fit:contain;width:120px;height:54px}h1{font-size:24px;margin:0;color:#06367a}form{display:grid;gap:18px}label{display:grid;gap:8px;font-weight:600}input:not([type=checkbox]){height:46px;width:100%;min-width:0;border:1px solid #a6b5c0;border-radius:4px;background:white;padding:10px 12px;font:inherit}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #e5b333;outline-offset:3px}.remember{display:flex;align-items:center;gap:10px;font-weight:400;font-size:14px}.remember input{width:18px;height:18px;accent-color:#087b82}button{height:48px;border:0;border-radius:4px;background:#087b82;color:white;font:bold 16px Arial;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#login-error{margin:0;color:#b91f36;line-height:1.5;overflow-wrap:anywhere}#login-error:empty{display:none}footer{border-top:1px solid #bfcbd2;margin-top:28px;padding-top:22px}a{color:#075e77;font-weight:600}a:hover{text-decoration:none}@media(max-width:360px){header{gap:12px}h1{font-size:21px}header img{width:100px}}