*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f4f8f6;color:#163347;font:16px system-ui,sans-serif}main{width:min(100% - 32px,380px);padding:30px;background:#fff;border:1px solid #cbded4;border-radius:6px}img{display:block;width:120px;height:auto;max-height:72px;object-fit:contain}h1{font-size:24px;margin:22px 0 4px}p{margin:0 0 22px}label{display:block;font-weight:600;margin:16px 0}input{display:block;width:100%;padding:13px;margin-top:6px;border:1px solid #8ca89b;border-radius:4px;font:inherit}button{width:100%;padding:13px;border:0;border-radius:4px;background:#15384c;color:#fff;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.6}#login-status{min-height:1.5em;color:#9a2d2d}