:root{font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;color:#192b45;font-synthesis:none;background:#f5f7fb;--blue:#2563eb}*{box-sizing:border-box}body{margin:0;line-height:1.5;font-size:14px;background:radial-gradient(ellipse at 12% 57%,#e9f0fd75 0,transparent 48%)}button,input{font:inherit}button,a{touch-action:manipulation}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input{color:#253951}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #bfdbfe;outline-offset:3px}[hidden]{display:none!important}.auth-shell{max-width:1280px;margin:auto;min-height:100vh;display:flex;flex-direction:column;padding:34px 55px 20px}.auth-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:#243955}.brand:hover{text-decoration:none}.brand-mark{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:13px;background:var(--blue);color:white;font-size:28px;font-weight:700;letter-spacing:-2px;padding-right:3px;box-shadow:0 4px 12px #2563eb20}.brand-mark span{font-size:18px;letter-spacing:0;align-self:flex-start;margin-top:6px}.brand-name{font-size:18px;font-weight:650;letter-spacing:.04em}.header-note{font-size:10px;letter-spacing:.18em;color:#9aa8bb}.auth-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 415px;align-items:center;column-gap:85px;padding:53px 15px 65px}.intro{padding-bottom:5px}.intro-label{display:inline-flex;align-items:center;gap:7px;color:#6182b8;border:1px solid #dbe6f8;background:#eef4fe;padding:5px 11px;border-radius:20px;font-size:11px;font-weight:500}.intro-label span{width:5px;height:5px;border-radius:50%;background:#77a1e6}.intro h1{font-size:39px;line-height:1.48;font-weight:700;letter-spacing:.025em;margin:21px 0 16px;color:#233b5e}.intro h1>span{color:var(--blue)}.intro-caption{font-size:13px;color:#94a0b2;line-height:1.9;margin:0}.feature-list{margin-top:37px;display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;align-items:center;gap:12px}.feature-icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:11px;background:#eaf1ff;border:1px solid #e0e9f9;color:#6e94d1;flex-shrink:0}.feature-item strong{display:block;font-size:12px;font-weight:550;color:#617693;margin-bottom:3px}.feature-item div>span{display:block;font-size:10px;color:#9aa7b8}.auth-card{background:#fff;border:1px solid #e4eaf3;border-radius:18px;padding:34px 32px 29px;box-shadow:0 12px 50px #243f7407;min-width:0}.card-eyebrow{font-size:10px;letter-spacing:.1em;color:#7e99c4;margin-bottom:8px}.auth-card h2{font-size:23px;font-weight:650;margin:0 0 8px;color:#233b5e}.card-caption{font-size:11px;color:#9aa5b5;margin:0 0 28px}.auth-notice{font-size:11px;line-height:1.65;border:1px solid #c5e6d6;background:#effaf4;color:#29815f;border-radius:8px;padding:10px 11px;margin:-4px 0 20px;white-space:pre-line;overflow-wrap:anywhere}.auth-notice.is-error{color:#b64c4c;border-color:#f0d1d1;background:#fff5f5}.form-field{margin-bottom:20px}.form-field label{display:block;font-size:12px;color:#63758e;margin-bottom:8px}.form-field input{width:100%;border:1px solid #dfe6ef;border-radius:8px;background:#fff;min-height:43px;padding:10px 12px;font-size:12px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.form-field input:focus{outline:none;border-color:#82a6ec;box-shadow:0 0 0 3px #2563eb09}.form-field input::placeholder{color:#a9b3c1;font-size:11px}.password-field{position:relative}.password-field input{padding-right:52px}.password-field button{position:absolute;right:9px;top:8px;padding:5px 3px;border:0;background:none;color:#8ba0bd;font-size:10px;border-radius:4px}.password-field button:hover{color:var(--blue)}.code-field{display:flex;gap:9px}.code-field input{flex:1;min-width:0}.code-button{min-width:106px;min-height:43px;border:1px solid #d8e5fa;background:#f3f7ff;color:#5d82bd;border-radius:8px;padding:9px 10px;font-size:11px;white-space:nowrap}.code-button:hover:not(:disabled){background:#eaf2ff}.field-hint{font-size:10px;color:#a7b1bf;margin:7px 0 0}.submit-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;border:1px solid var(--blue);background:var(--blue);color:#fff;font-size:13px;font-weight:500;border-radius:8px;box-shadow:0 3px 7px #2563eb15;padding:10px 14px;margin-top:26px;transition:background .15s}.submit-button:hover:not(:disabled){background:#1e54d2}.auth-switch{text-align:center;font-size:11px;color:#9ca7b7;border-top:1px solid #eff2f6;margin-top:27px;padding-top:22px}.auth-switch a{margin-left:5px;font-weight:500}.auth-footer{display:flex;justify-content:center;gap:9px;color:#b2bccb;font-size:10px;padding:6px 0 0}svg{vertical-align:middle;flex-shrink:0}@media(min-height:900px){.auth-main{padding-top:80px;padding-bottom:95px}}@media(max-width:1100px){.auth-shell{padding:27px 35px 20px}.auth-main{column-gap:42px;padding-left:0;padding-right:0;grid-template-columns:minmax(0,1fr) 390px}.intro h1{font-size:34px}.intro-caption{font-size:12px}.auth-card{padding:30px 28px 26px}}@media(max-width:850px){.auth-shell{padding:23px 25px 17px}.auth-main{grid-template-columns:minmax(0,1fr) 360px;column-gap:24px}.intro h1{font-size:29px}.intro-caption{font-size:11px}.feature-item strong{font-size:11px}.feature-item div>span{font-size:9px}.feature-icon{width:33px;height:33px}.feature-item{gap:9px}.auth-card{padding:28px 24px 24px}.auth-card h2{font-size:21px}.brand-mark{width:39px;height:39px}.brand-name{font-size:17px}.feature-list{gap:18px;margin-top:30px}}@media(max-width:700px){.auth-shell{padding:23px 20px 18px;min-height:100svh}.auth-main{display:flex;justify-content:center;padding:34px 0 40px}.intro{display:none}.auth-card{width:100%;max-width:420px;padding:30px 25px 26px}.auth-header{max-width:420px;width:100%;margin:0 auto}.brand-name{font-size:17px}.brand-mark{width:37px;height:37px;font-size:25px;border-radius:11px}.brand-mark span{font-size:16px;margin-top:6px}.header-note{font-size:8px}.auth-card h2{font-size:22px}.card-caption{margin-bottom:25px}.auth-footer{font-size:9px}.form-field input{font-size:16px}.form-field input::placeholder{font-size:12px}.code-button{min-width:103px}.submit-button{min-height:45px}.auth-switch{padding-top:20px}}@media(max-width:360px){.auth-shell{padding:20px 13px 16px}.auth-card{padding:27px 20px 23px}.brand-name{font-size:16px}.card-caption{font-size:10px}.code-field{gap:7px}.code-button{min-width:96px;font-size:10px}}
@media(max-width:700px){.auth-shell{padding-top:max(23px,env(safe-area-inset-top));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(18px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left))}.auth-main{align-items:flex-start;padding-top:30px;padding-bottom:34px}.auth-card{padding-top:28px}.form-field input{min-height:47px;font-size:16px}.code-button{min-height:47px;font-size:12px}.password-field button{min-width:44px;min-height:43px;top:2px;right:4px;font-size:11px}.password-field input{padding-right:55px}.submit-button{min-height:48px;font-size:14px}.auth-switch{font-size:12px}.auth-switch a{display:inline-flex;align-items:center;min-height:40px;padding:5px 7px;margin-top:-8px;margin-bottom:-8px}.card-caption{font-size:12px;line-height:1.8}.form-field label{font-size:13px}.form-field{margin-bottom:19px}.field-hint{font-size:11px}.auth-notice{font-size:12px}.auth-footer{font-size:10px}}@media(max-width:360px){.auth-shell{padding-right:max(13px,env(safe-area-inset-right));padding-left:max(13px,env(safe-area-inset-left))}.auth-card{padding-left:20px;padding-right:20px}.code-button{min-width:100px;font-size:11px}.card-caption{font-size:11px}}