*{box-sizing:border-box}body{margin:0;background:#f3f7f9;color:#173543;font:15px Microsoft YaHei,Arial,sans-serif}main{max-width:470px;margin:9vh auto;padding:32px 24px}.brand{color:#087e83;letter-spacing:3px;font-weight:700;font-size:12px}h1{font-size:30px;margin:22px 0 12px}p{color:#647c89;line-height:1.8}label{display:block;margin:24px 0 0;font-size:14px}input{width:100%;margin-top:9px;padding:13px;border:1px solid #c5d5de;border-radius:7px;font:inherit;background:white}input:focus{outline:2px solid #33a6a4}button{width:100%;background:#087f83;color:white;border:0;border-radius:7px;padding:14px;font:inherit;margin-top:28px;cursor:pointer}button:disabled{opacity:.6}#status{min-height:26px;color:#a44536}footer{font-size:12px;color:#7e939c;line-height:1.8;border-top:1px solid #d7e2e8;padding-top:20px;margin-top:25px}