*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;font:15px/1.6 system-ui,"Microsoft YaHei",sans-serif;background:radial-gradient(ellipse at top,#173f64,#071c32 70%);color:#16324e}main{width:min(440px,calc(100% - 32px));padding:38px;border:1px solid #d7e5f4;border-radius:20px;background:#fff;box-shadow:0 24px 70px #0005}.mark{color:#176aa1;font-weight:700;letter-spacing:2px}h1{font-size:26px;margin:18px 0 4px}p,small{color:#65788f}label{display:block;margin-top:16px;font-size:14px}input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #bdcde0;border-radius:8px;font:inherit}input:focus{outline:3px solid #c8e8fb;border-color:#2984bb}button{width:100%;margin-top:24px;border:0;border-radius:8px;background:#1769a4;color:white;font:600 16px/1.5 system-ui;padding:12px;cursor:pointer}button:disabled{opacity:.6}#status{min-height:25px;color:#a32b28}small{display:block;border-top:1px solid #e4ebf4;padding-top:18px;font-size:12px}