*{box-sizing:border-box}body{margin:0;background:#f5f5f5;color:#000;font-family:Arial,sans-serif;min-height:100svh;display:grid;place-items:center;padding:24px}.login{background:#fff;border:1px solid #ddd;padding:48px;width:min(100%,480px)}.brand{font-weight:700;margin:0 0 40px}h1{font-size:38px;letter-spacing:-1.5px;margin:0 0 12px}p{line-height:1.5}form{display:grid;gap:12px;margin-top:28px}label{font-weight:700;font-size:14px}input{font:inherit;border:1px solid #aaa;border-radius:0;padding:12px;min-width:0;width:100%;margin-bottom:10px;min-height:46px}button{display:flex;align-items:center;justify-content:space-between;background:#111;color:#fff;border:0;padding:0 0 0 20px;font:700 16px Arial;min-height:48px;cursor:pointer}button span{border-left:1px solid #fff;display:grid;place-items:center;align-self:stretch;width:48px}input:focus-visible,button:focus-visible{outline:3px solid #065ad8;outline-offset:3px}.note{font-size:13px;margin:28px 0 0}[role=alert]{background:#fee3e3;padding:12px;color:#9a1515}@media(max-width:480px){.login{padding:28px}h1{font-size:32px}}