:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f0f0f2;background:#18191b}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:430px;padding:32px;background:#202124;border:1px solid #323337;border-radius:10px}h1{font-size:26px;line-height:1.25;margin:0 0 12px}p{font-size:14px;line-height:1.5;color:#94969e;margin:0 0 26px}label{display:block;font-size:13px;margin:0 0 8px}input{width:100%;padding:12px;font:15px Arial,sans-serif;color:#f0f0f2;background:#18191b;border:1px solid #323337;border-radius:6px;margin-bottom:20px}input:focus{outline:2px solid #ff7b24;outline-offset:2px}button{width:100%;padding:12px;color:#18191b;background:#ff7b24;border:0;border-radius:6px;font:700 15px Arial,sans-serif;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#error{color:#ff9a72;margin:0 0 16px}@media(max-width:400px){main{padding:24px}h1{font-size:23px}}