:root{color-scheme:dark;font-family:system-ui,"Microsoft YaHei",sans-serif;background:#0c1422;color:#edf3ff}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#203653,transparent 75%)}main{width:min(100%,420px);padding:36px 28px;border:1px solid #34465f;border-radius:24px;background:#142033;box-shadow:0 24px 80px #0005}h1{font-size:32px;margin:12px 0}p{line-height:1.6;color:#bfccdf}.mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#28486c;color:#83d7ff;font-size:30px}.eyebrow{font-size:13px;margin-top:24px}form{margin-top:28px}label{font-size:14px;display:block;margin-bottom:10px}input,button{width:100%;min-height:56px;border-radius:12px;font:inherit}input{border:1px solid #687d97;background:#0b1423;color:#fff;font-size:28px;text-align:center;letter-spacing:.3em;padding:10px}input:focus-visible,button:focus-visible{outline:3px solid #81d7ff;outline-offset:3px}button{margin-top:16px;background:#77d7f4;border:0;color:#092438;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:wait}#status{min-height:26px;font-size:14px;color:#ffd29f}.note{font-size:12px;margin-bottom:0;color:#a5b5cc}@media(max-width:360px){main{padding:28px 20px}body{padding:16px}}