*{box-sizing:border-box}body{margin:0;background:#f5f6f7;color:#222;font:15px Arial,"Microsoft YaHei",sans-serif;letter-spacing:0}main{max-width:420px;margin:12vh auto;padding:24px}h1{font-size:24px;margin:0 0 24px}label{display:grid;gap:8px;margin:16px 0}input{width:100%;height:44px;padding:8px 12px;border:1px solid #bbb;border-radius:6px;font:inherit}button{width:100%;min-height:44px;border:0;border-radius:6px;background:#222;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.6}nav{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}a{color:#245b75}p{line-height:1.6;overflow-wrap:anywhere}#status{min-height:24px;color:#8b2323}