@font-face{font-family:MiSans;src:url('/static/MiSans-Regular.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{font-family:MiSans,"Noto Sans CJK SC",sans-serif;color:#20334c;background:#e9eff5;font-synthesis:none;--accent:#3469ae;--muted:#66788e;--line:#d9e3ed}
.password-field{position:relative}.password-field input{padding-right:68px}.password-toggle{position:absolute;right:6px;top:5px;bottom:5px;min-width:52px;border:0;border-radius:5px;background:transparent;color:#285f9f;font-size:12px}.password-toggle:hover{background:#eaf0f8}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:40px 24px}button,input{font:inherit}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6595d3}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.shell{display:grid;grid-template-columns:1fr 1fr;max-width:1032px;width:100%;min-height:700px;background:#fff;border:1px solid #d9e2ec;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #263e5c0c}.intro{background:#edf3fa;padding:44px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.brand{text-decoration:none;font-size:26px;color:#20334c;font-weight:700;letter-spacing:.06em}.brand span{font-size:14px;letter-spacing:0;font-weight:400;margin-left:12px;color:var(--muted)}.intro-copy{margin:auto 0}.intro h1{font-size:35px;line-height:1.6;letter-spacing:-.03em;margin:22px 0 18px}.intro p{font-size:15px;line-height:2;color:#61758e}.intro .edition{font-size:12px;margin:45px 0 0}.connection-mark{display:flex;align-items:center;width:150px}.connection-mark span{height:36px;width:51px;border:2px solid #658bb9;border-radius:7px;background:#f9fcff}.connection-mark span:last-child{height:28px;width:44px}.connection-mark i{height:2px;background:#97b4d5;width:40px}.panel{padding:44px;display:flex;flex-direction:column}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:32px}.tabs button{border:0;background:none;color:var(--muted);padding:0 0 14px;font-size:14px}.tabs button.active{color:#255d9f;border-bottom:2px solid var(--accent)}h2{font-size:25px;margin:0 0 10px;font-weight:600}.muted{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 24px}label{display:block;font-size:13px;margin:18px 0 8px}input{width:100%;padding:12px 14px;min-height:46px;border:1px solid #cdd9e6;border-radius:8px;background:#fbfcfe;color:#20334c}input:focus{border-color:var(--accent);background:#fff}input::placeholder{color:#94a3b5}.hint{font-size:12px;line-height:1.8;color:var(--muted);margin:9px 0 20px}.primary{width:100%;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:8px;min-height:46px;padding:10px 14px;margin-top:10px}.primary:hover:enabled{background:#285b9e}.secondary{background:none;border:0;color:#285f9f;padding:12px 0;font-size:13px}.privacy{margin:auto 0 0;padding-top:24px;border-top:1px solid var(--line);font-size:12px;line-height:1.9;color:var(--muted)}#status{font-size:13px;line-height:1.8;min-height:24px;margin:16px 0 20px;overflow-wrap:anywhere}#status.error{color:#a43f44}#status.success{color:#28745e}#complete{font-size:14px;line-height:1.9}code{display:block;font-family:MiSans,sans-serif;padding:12px;background:#eef3f9;border-radius:8px;overflow-wrap:anywhere}#code{font-size:24px;letter-spacing:.25em}
@media(max-width:760px){body{padding:16px}.shell{grid-template-columns:1fr;max-width:500px;min-height:0;border-radius:18px}.intro{padding:24px;border-right:0;border-bottom:1px solid var(--line)}.intro-copy{display:none}.intro .edition{margin:6px 0 0}.panel{padding:28px 24px}.privacy{margin-top:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}