*{box-sizing:border-box}body{margin:0;background:#f6f7fa;color:#222;font:16px system-ui,sans-serif;min-height:100vh;display:grid;place-items:center}main{width:min(420px,calc(100vw - 40px));padding:36px;background:white;border:1px solid #e4e6ed;border-radius:20px}h1{font-size:30px;margin:12px 0}p{color:#737781;line-height:1.6}label{display:block;margin:28px 0 10px}input,button{width:100%;height:48px;border-radius:10px;font:inherit}input{border:1px solid #cdd1db;padding:10px 14px;letter-spacing:8px}button{margin-top:16px;background:#465cff;color:white;border:0;cursor:pointer}button:disabled{opacity:.5}#status{min-height:26px;font-size:14px}