*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:#f3f0e7;color:#2e3e36;font:17px/1.6 Georgia,serif}main{width:min(100%,460px);padding:32px;border:1px solid #ddd8c8;border-radius:8px;background:#fffdf6;box-shadow:0 12px 40px #344c3510}h1{font-size:1.8rem;line-height:1.25;margin:0 0 12px}label{display:grid;gap:6px}input{width:100%;padding:12px;border:1px solid #b9c2b3;border-radius:4px;background:#fffefb;font:17px system-ui;color:inherit}button{padding:11px 16px;border:1px solid #355447;border-radius:5px;font:16px system-ui;background:#355447;color:white;cursor:pointer}button[type=button]{color:#355447;background:transparent;margin-left:8px}button:disabled{opacity:.6;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid #b18545;outline-offset:3px}#login-notice{font:15px/1.5 system-ui;min-height:3em;margin-bottom:0}@media(max-width:420px){main{padding:24px}body{padding:12px}}