*{box-sizing:border-box}body{margin:0;background:#f4f7f7;color:#173c44;font:16px Arial,sans-serif;min-height:100dvh;display:grid;place-items:center;padding:20px}main{width:min(420px,100%);background:white;border:1px solid #d3e3e7;border-radius:16px;padding:32px;box-shadow:0 8px 32px #145b680e}img{width:180px;height:75px;object-fit:contain;display:block;margin:auto}h1{color:#145b68;font-size:23px;margin:25px 0}label{display:grid;gap:8px;margin:18px 0;font-size:14px}input,button{font:inherit;border:1px solid #b9d2d9;border-radius:8px;padding:12px;width:100%}input:focus{outline:2px solid #007e91}button{background:#007e91;color:white;cursor:pointer;border:0;margin-top:5px}button:disabled{opacity:.6;cursor:wait}#error{color:#a33224;font-size:14px;line-height:1.5}