*{box-sizing:border-box}body{margin:0;background:#f7f7f2;color:#24352b;font:16px system-ui;min-height:100svh;display:grid;place-items:center;padding:20px}main{max-width:410px;width:100%;background:white;border:1px solid #ddd;border-radius:16px;padding:28px}h1{font-size:26px}p,small{line-height:1.5;color:#5d665e}label{display:block;margin:20px 0}input,button{width:100%;padding:13px;font:inherit;border:1px solid #aeb6ae;border-radius:8px}input{margin-top:7px}button{background:#294d36;color:white;cursor:pointer}button:disabled{opacity:.6}.badge{font-size:12px;background:#e7eddf;padding:6px;border-radius:4px}#login-status{min-height:1.5em;color:#7c3921}input:focus-visible,button:focus-visible{outline:3px solid #94ba66;outline-offset:3px}