*{box-sizing:border-box}body{font:16px Arial;background:#f2f4f6;color:#292c30;margin:0;display:grid;place-items:center;min-height:100vh}main{background:white;padding:36px;border-radius:12px;width:min(420px,95vw);box-shadow:0 10px 40px #0001}img{width:140px}h1{font-size:24px}p{color:#6c7680}label{display:block;margin:20px 0}input{display:block;width:100%;padding:12px;margin-top:8px;font:inherit;border:1px solid #d3d7dc;border-radius:6px}button{background:#ff9900;border:0;border-radius:6px;padding:13px;width:100%;font:inherit;cursor:pointer}#error{color:#ad2828;font-size:14px}button:disabled{opacity:.6}