*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#16181c;font:14px -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}.wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:420px;border:1px solid #dfe3e8;border-radius:14px;background:white;padding:32px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:22px}.mark{width:36px;height:36px;border-radius:9px;background:#16181c;color:white;display:grid;place-items:center;font-size:21px}h1{font-size:22px;margin:30px 0 9px}p{color:#697383;line-height:1.8;margin:0 0 22px}label{display:block;font-weight:600;margin-bottom:8px}input{width:100%;height:44px;border:1px solid #cfd6df;border-radius:7px;padding:10px 12px;font:inherit}input:focus{outline:2px solid #76a594;outline-offset:2px}button{width:100%;height:44px;background:#16181c;color:white;border:0;border-radius:7px;margin:16px 0 22px;font:inherit;cursor:pointer}.note{font-size:12px;color:#7a8492;line-height:1.8;border-top:1px solid #edf0f3;padding-top:16px}.error{background:#fff2f1;color:#a1453f;border-radius:6px;padding:9px 12px;margin:14px 0}a{color:inherit}.gap{height:14px}