body{margin:0;background:#f3f1f9;color:#28304a;font:16px/1.6 'Microsoft YaHei',sans-serif;display:grid;min-height:100vh;place-items:center}main{box-sizing:border-box;background:white;border-radius:20px;padding:38px;width:min(440px,92vw);box-shadow:0 16px 60px #27304a15}h1{margin:0}p,small{color:#687086}label{display:block;margin:18px 0}input,button{box-sizing:border-box;width:100%;padding:12px;border-radius:8px;font:inherit;border:1px solid #ddd}input{display:block;margin-top:6px}button{background:#7257d9;color:white;cursor:pointer}button:disabled{opacity:.5}#status{color:#994b33}