*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#eaf3ff,#f6f2ff 60%,#edf8fa);color:#263c58;font:16px/1.65 system-ui,"Microsoft YaHei",sans-serif}main{width:min(440px,calc(100vw - 36px));padding:32px 38px;background:#ffffffed;border:1px solid #dce6f4;border-radius:26px;box-shadow:0 20px 70px #527aa518}.whale{font-size:46px}.eyebrow{letter-spacing:.14em;font-size:13px;color:#6b87a4;margin:8px 0}h1{font-size:30px;margin:8px 0}p{color:#6a7b91;font-size:14px}label{display:block;font-size:14px;margin-top:15px}input{display:block;width:100%;padding:11px 13px;border:1px solid #ccd9e9;border-radius:10px;margin-top:6px;font:inherit;outline-color:#7b9ac8}button{margin-top:23px;width:100%;padding:13px;border:0;border-radius:12px;background:#527eae;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.6}#error{color:#af4258;min-height:20px}.hint{font-size:12px;margin-bottom:0}