:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#172a48;background:#f6f8fc;font-synthesis:none;line-height:1.6;--blue:#2563eb;--muted:#6a7890;--line:#e3e9f3}
*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--blue);text-underline-offset:4px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #80a6ff;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}.skip-link{position:absolute;left:20px;top:-80px;padding:12px;background:white;z-index:10}.skip-link:focus{top:12px}.site-header{height:96px;padding:0 max(32px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:25px;letter-spacing:-1px;font-weight:800;color:#172a48}.brand img{border-radius:11px;box-shadow:0 4px 10px #2563eb1a}.back-link{font-size:14px;color:var(--muted);text-decoration:none}.back-link span{margin-left:8px}.auth-shell{display:grid;grid-template-columns:1fr 1fr;gap:90px;width:min(1090px,calc(100% - 64px));margin:50px auto 70px;align-items:start}.auth-aside{padding:60px 0 0}.eyebrow,.card-kicker{color:var(--blue);font-size:11px;letter-spacing:2.2px;font-weight:700}.auth-aside h2{font-size:40px;line-height:1.45;letter-spacing:-1.8px;margin:20px 0 18px}.auth-aside>p{font-size:16px;color:var(--muted);max-width:390px;line-height:1.9}.aside-feature{display:flex;gap:18px;align-items:start;margin-top:30px}.aside-feature>span{font-size:11px;font-weight:700;color:#91a6ce;letter-spacing:1px;line-height:26px}.aside-feature strong{font-size:15px;font-weight:600}.aside-feature p{font-size:13px;color:var(--muted);margin:5px 0 0}.aside-download{display:inline-flex;gap:18px;margin-top:38px;font-size:14px;text-decoration:none}.auth-card{background:white;border:1px solid var(--line);border-radius:24px;padding:40px;box-shadow:0 16px 64px #1c3a6906;width:100%;min-width:0}.auth-card h1{font-size:26px;letter-spacing:-.7px;margin:14px 0 8px;line-height:1.45}.intro{color:var(--muted);font-size:14px;margin:0 0 30px}.loading{color:var(--muted);font-size:14px;padding:20px 0}label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}input{width:100%;padding:12px 13px;min-height:46px;border:1px solid #dce3f0;border-radius:9px;color:#172a48;background:#fff}input::placeholder{color:#9aa6b9}input:focus{outline:3px solid #2563eb16;border-color:#5a86f4}.field-hint,.small{font-size:12px;color:var(--muted);line-height:1.8}.field-hint{margin:6px 0 0}.small{margin:9px 0 15px}button,.button-link{display:block;width:100%;border:1px solid transparent;padding:12px 16px;border-radius:9px;background:var(--blue);color:white;text-align:center;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;min-height:46px;margin-top:22px;transition:background .15s}button:hover,.button-link:hover{background:#1747c8}.secondary{background:white;color:#536786;border:1px solid var(--line);margin-top:10px}.secondary:hover{background:#f4f7fc}.form-note{font-size:12px;text-align:center;color:var(--muted);margin:24px 0 0}.form-note a{text-decoration:none}.message{color:#b42338;font-size:13px;line-height:1.8;margin:18px 0 0;overflow-wrap:anywhere}.message:empty{display:none}.message[data-kind="success"]{color:#19704e}.identity{display:flex;gap:13px;align-items:center;padding:17px;border-radius:12px;background:#f7f9fe}.avatar{display:grid;place-items:center;height:42px;width:42px;flex-shrink:0;border-radius:50%;background:#e7eeff;color:var(--blue);font-size:18px;font-weight:700}.identity strong{font-size:15px;overflow-wrap:anywhere}.identity p{margin:2px 0 0;font-size:12px;color:var(--muted)}.authorization-panel{border:1px solid #cddcff;border-radius:12px;background:#f4f7ff;padding:20px;margin-top:22px}.authorization-panel strong{font-size:15px}.authorization-panel p{font-size:13px;color:var(--muted);margin:9px 0 0}.authorization-panel .small{font-size:11px;margin-top:12px}.account-section{border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.account-section h2{font-size:16px;margin:0 0 10px;display:flex;align-items:center;gap:8px}.count{color:var(--muted);font-size:11px;font-weight:500}.account-section label{margin-top:16px}.account-section button{margin-top:14px}.backup-list{display:grid;gap:9px;max-height:360px;overflow:auto}.backup-list button{margin:0;padding:13px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:400}.backup-list button strong{font-size:12px;display:block;font-weight:600}.backup-list button time{font-size:11px;color:var(--muted)}.backup-list button>span:last-child{color:var(--blue);white-space:nowrap}.empty-backups{font-size:12px;color:var(--muted);padding:20px;text-align:center;background:#f8faff;border-radius:10px;margin:0}.success{text-align:center}.success-icon{height:56px;width:56px;display:grid;place-items:center;margin:14px auto 20px;border-radius:50%;background:#eaf6ee;color:#19704e;font-size:27px}.success p{font-size:14px;line-height:1.9;color:var(--muted)}footer{font-size:12px;color:#8794aa;display:flex;gap:20px;justify-content:center;padding:0 24px 28px}footer a{color:inherit;text-decoration:none}.embedded{background:white}.embedded .auth-shell{display:block;width:min(100%,680px);margin:0 auto;padding:24px}.embedded .auth-card{box-shadow:none;padding:28px}.embedded .auth-card h1{font-size:24px}
@media(min-width:1400px){.auth-shell{margin-top:80px}}@media(max-width:900px){.auth-shell{gap:38px}.auth-aside h2{font-size:32px}.auth-card{padding:30px}}@media(max-width:680px){.site-header{height:80px;padding:0 24px}.brand{font-size:23px}.auth-shell{display:block;width:min(460px,calc(100% - 36px));margin:28px auto 44px}.auth-aside{display:none}.auth-card{padding:28px 24px;border-radius:18px}.auth-card h1{font-size:24px}.embedded .auth-shell{padding:12px}.embedded .auth-card{padding:22px}footer{font-size:11px;gap:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}