:root{font-family:'Segoe UI','Microsoft YaHei',sans-serif;color:#203355;background:#f4f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:420px;background:#fff;padding:38px 32px;border:1px solid #e2e9f3;border-radius:22px;box-shadow:0 18px 65px #2033550a}.eyebrow{color:#7d91ae;font-size:10px;letter-spacing:3px;margin:22px 0 10px}h1{font-size:30px;font-weight:600;margin:0 0 14px}.intro{color:#6e809c;font-size:14px;line-height:1.9;margin-bottom:30px}label{display:block;font-size:13px;margin-bottom:10px}input,button{font:inherit;width:100%;min-height:48px;border-radius:9px}input{border:1px solid #d5dfee;padding:12px;color:#203355;font-size:16px}input:focus{outline:3px solid #dbe6ff;border-color:#5380eb}button{border:0;background:#3567e7;color:#fff;cursor:pointer;margin-top:14px;padding:12px 18px;text-align:left;font-size:15px}button span{float:right}.note{color:#91a0b8;font-size:12px;line-height:1.8;margin:26px 0 0}.error{color:#b64747;font-size:13px}@media(max-width:380px){main{padding:28px 24px}}