:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#292c3d;background:#f4f3fa}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px}
main{width:100%;max-width:420px;background:white;border-radius:12px;padding:36px}
h1{font-size:28px;margin:0 0 12px}p{font-size:14px;line-height:1.75;color:#646e84}
label{display:block;font-size:14px;margin:22px 0 8px}input{width:100%;min-height:48px;border:1px solid #b6bcd1;border-radius:8px;padding:10px 14px;font-size:22px;letter-spacing:.18em;caret-color:#6265b5}
button{width:100%;min-height:48px;border:0;border-radius:8px;background:#6265b5;color:white;font-size:16px;margin-top:24px;cursor:pointer}button:hover{background:#5356a4}button:disabled{opacity:.65;cursor:wait}
:focus-visible{outline:3px solid #8b8ecd;outline-offset:3px}::selection{background:#e9eafa}#message{min-height:24px;color:#96372e;margin-bottom:0}a{color:#5356a4;text-underline-offset:3px}.fine{font-size:13px}footer{margin-top:22px}.success{color:#326650!important}
@media(max-width:480px){body{padding:18px}main{padding:28px 22px}input{font-size:20px}}