:root{--page:#eef2f7;--surface:#fff;--soft:#f4f7fb;--line:#dce4ee;--line-strong:#cbd7e5;--text:#24364b;--muted:#718096;--blue:#4c78b8;--blue-deep:#365f99;--blue-soft:#e8f0fb;--red:#c05656;--green:#2f855a}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:var(--page);font-family:"Inter","Segoe UI","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}.account-shell{width:min(1080px,calc(100% - 36px));min-height:680px;display:grid;grid-template-columns:.92fr 1.08fr;overflow:hidden;margin:38px auto 18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(50,72,98,.13)}.account-intro,.account-panel{padding:clamp(34px,5vw,62px)}.account-intro{display:flex;flex-direction:column;background:#edf2f8}.brand{width:fit-content;display:flex;align-items:center;gap:11px;color:var(--text);font-size:18px;font-weight:760;text-decoration:none}.brand:hover{color:var(--blue);text-decoration:none}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--blue);font-weight:800}.intro-copy{margin:auto 0;padding:52px 0 38px}.eyebrow{margin:0 0 16px;color:var(--blue);font-size:12px;font-weight:820;letter-spacing:.13em}.intro-copy h1{max-width:11ch;margin:0 0 21px;font-size:clamp(42px,5vw,60px);font-weight:780;line-height:1.08;letter-spacing:-.045em}.intro-copy>p:last-child{max-width:31rem;margin:0;color:var(--muted);font-size:15px;line-height:1.8}.intro-features{display:grid;gap:1px;overflow:hidden;border:1px solid #d5dfe9;border-radius:11px;background:#d5dfe9}.intro-features div{padding:13px 15px;background:rgba(255,255,255,.72)}.intro-features b,.intro-features span{display:block}.intro-features b{margin-bottom:4px;font-size:13px}.intro-features span{color:var(--muted);font-size:11px;line-height:1.5}.account-panel{display:flex;flex-direction:column;justify-content:center}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:27px;padding:4px;border-radius:10px;background:var(--soft)}.tab{height:41px;border:0;border-radius:8px;color:#6b7d92;background:transparent;font-size:14px;font-weight:700;cursor:pointer}.tab.active{color:var(--blue-deep);background:#fff;box-shadow:0 3px 10px rgba(50,72,98,.08)}.tab:disabled{cursor:not-allowed;opacity:.45}.account-form{display:none}.account-form.active{display:block}.form-heading{margin-bottom:23px}.form-heading h2{margin:0 0 7px;font-size:28px;letter-spacing:-.025em}.form-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.field{display:block;margin-bottom:16px}.field>span{display:block;margin-bottom:7px;color:#52677f;font-size:13px;font-weight:650}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-control{width:100%;height:46px;padding:0 13px;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);background:#fff;font-size:14px;box-shadow:none}.form-control:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(76,120,184,.12);outline:0}.password-field{position:relative}.password-field .form-control{padding-right:62px}.password-toggle{position:absolute;top:6px;right:6px;height:34px;padding:0 10px;border:0;border-radius:7px;color:var(--blue);background:var(--blue-soft);font-size:12px;font-weight:700;cursor:pointer}.captcha-field{display:grid;grid-template-columns:1fr 122px;gap:10px}.captcha-refresh{height:46px;padding:1px 4px;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:#f5f7fa;cursor:pointer}.captcha-refresh img{width:112px;height:42px;display:block;object-fit:cover}.submit-button{width:100%;height:48px;border:0;border-radius:9px;color:#fff;background:var(--blue);font-size:15px;font-weight:720;cursor:pointer}.submit-button:hover{background:var(--blue-deep)}.submit-button:disabled{cursor:not-allowed;opacity:.55}.form-status{display:none;margin:0 0 13px;padding:11px 13px;border-radius:8px;font-size:13px;line-height:1.55}.form-status.is-visible{display:block}.form-status.is-error{color:var(--red);background:#fff1f1}.form-status.is-success{color:var(--green);background:#edf8f2}.notice{margin-bottom:18px;padding:12px 13px;border:1px solid #cad8e7;border-radius:8px;color:#5d7390;background:#f2f6fb;font-size:13px}.account-result{display:none;margin-top:15px;padding:14px;border:1px solid #cfe1d7;border-radius:9px;background:#f1f8f4}.account-result.show{display:block}.account-result b,.account-result span{display:block}.account-result b{margin-bottom:5px}.account-result span{color:var(--muted);font-size:12px}footer{margin:0 auto 24px;color:#8795a6;font-size:12px;text-align:center}@media(max-width:880px){.account-shell{grid-template-columns:1fr}.account-intro{display:none}}@media(max-width:580px){.account-shell{width:calc(100% - 20px);margin-top:10px;border-radius:13px}.account-panel{padding:27px 20px}.two-columns{grid-template-columns:1fr}.captcha-field{grid-template-columns:1fr 122px}}