:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#eff4f8;color:#142b3c;font:16px/1.7 "Microsoft YaHei",sans-serif;display:grid;place-items:center;min-height:100vh;padding:24px}main{width:100%;max-width:470px;border:1px solid #dce5ec;background:white;border-radius:14px;padding:36px;box-shadow:0 12px 55px #2342590d}.mark{display:grid;place-items:center;width:48px;height:48px;background:#087f8c;color:white;border-radius:10px;font-size:24px}.eyebrow{font-size:13px;color:#698293;margin-top:22px}h1{font-size:28px;margin:12px 0 8px}p{margin:0;color:#698293;font-size:14px}label{display:block;font-size:14px;margin-top:21px}input{width:100%;border:1px solid #cbd8e0;border-radius:7px;padding:12px;font:inherit;margin-top:7px}input:focus{outline:2px solid #8cd3d8}button{border:0;border-radius:7px;background:#087f8c;color:white;padding:12px;width:100%;font:inherit;cursor:pointer}.error{color:#a73e2f;min-height:30px;margin-top:12px}small{display:block;color:#8094a1;margin-top:24px;font-size:12px}