/* Login-only design from the approved Figma auth frames. */
.auth-page{margin:0;color:#17253b;background:#f4f7fb;font:400 14px/22px "Microsoft YaHei UI","PingFang SC","Segoe UI",system-ui,sans-serif;min-width:1024px;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px;box-sizing:border-box;position:relative}
.auth-page *{box-sizing:border-box}.auth-page p,.auth-page h1,.auth-page h2{margin:0}.auth-page button,.auth-page input{font:inherit}.auth-page button,.auth-page a,.auth-page input{outline-offset:4px}.auth-page :focus-visible{outline:2px solid #225bd6}.auth-page a{color:#225bd6;text-decoration:none}.auth-page button{cursor:pointer}.auth-page button:disabled{opacity:.6;cursor:wait}
.auth-background{position:fixed;inset:0;overflow:hidden;pointer-events:none}.auth-bg-one{position:absolute;left:6.25%;top:8.33%;width:420px}.auth-bg-two{position:absolute;left:76%;top:60%;width:520px}
.auth-card{width:1360px;max-width:100%;min-height:760px;display:grid;grid-template-columns:760fr 600fr;background:white;border-radius:18px;overflow:hidden;box-shadow:0 18px 52px #17253b1a;position:relative}
.auth-brand-panel{background:#132f5c;padding:64px 64px 56px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;color:white;min-width:0}.auth-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden}.auth-fx{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.auth-ring{position:absolute;left:64px;top:64px}.auth-ring-one{width:320px;height:320px;animation:rsc-auth-orbit 5s linear infinite}.auth-ring-two{width:220px;height:220px;animation:rsc-auth-orbit 5s linear infinite reverse}.auth-brand-panel>*:not(.auth-effects){position:relative}.auth-eyebrow{background:#2e5baaC7;color:#dce7ff;border-radius:999px;padding:6px 12px;font-size:12px;line-height:20px;font-weight:500}.auth-brand-panel h2{font-size:36px;line-height:48px;font-weight:700;margin-top:28px;max-width:100%}.auth-brand-description{font-size:15px;line-height:26px;color:#cbd8ef;margin-top:16px!important;max-width:590px}.auth-feature-list{list-style:none;padding:0;margin:44px 0 0;display:grid;gap:18px;width:100%}.auth-feature-list li{display:flex;gap:14px;align-items:flex-start}.auth-feature-list li>span{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff29;background:#ffffff1a;border-radius:8px;font-size:12px;line-height:20px;font-weight:500;color:#c2d7ff}.auth-feature-list strong{font-size:15px;line-height:24px;font-weight:500}.auth-feature-list p{font-size:12px;line-height:20px;color:#bbcbe8;margin-top:2px}.auth-brand-security{font-size:12px;line-height:20px;color:#cbd8ef;margin-top:auto!important;padding-top:48px;display:flex;align-items:center;gap:8px}.auth-brand-security span{height:6px;width:6px;border-radius:50%;background:#7ee1bb}
.auth-form-panel{padding:72px 84px 56px;position:relative;display:flex;flex-direction:column;min-width:0}.auth-form-panel>*:not(.auth-effects){position:relative}.auth-brand-row{display:flex;gap:12px;justify-content:space-between;align-items:center}.auth-brand-row>img{flex-shrink:0}.auth-version{color:#215deb;background:#edf3ff;padding:4px 10px;border-radius:999px;font-size:11px;line-height:18px;white-space:nowrap}.auth-login-heading{margin-top:72px}.auth-form-panel h1{font-size:30px;line-height:40px;font-weight:700}.auth-login-heading p,.auth-password-heading p{color:#64748b;font-size:14px;line-height:22px;margin-top:4px}.auth-form{margin-top:36px}.auth-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;min-width:0}.auth-field label{color:#34435b;font-size:13px;line-height:20px;font-weight:500}.auth-field input{height:48px;min-width:0;width:100%;background:#fafcff;border:1px solid #d7e0ed;border-radius:8px;padding:0 14px;color:#17253b;font-size:14px;line-height:22px}.auth-field input::placeholder{color:#738298}.auth-password-input{position:relative}.auth-password-input input{padding-right:60px}.auth-show-password{position:absolute;right:10px;top:4px;height:40px;background:none;border:0;color:#215deb;font-size:12px!important;line-height:20px;font-weight:500;padding:0 4px}.auth-help{font-size:12px;line-height:20px;color:#64748b}.auth-primary{background:#225bd6;color:white!important;border:0;border-radius:6px;height:40px;display:flex;align-items:center;justify-content:center;width:100%;font-size:14px!important;line-height:20px;font-weight:500}.auth-form-error{color:#b42318;font-size:12px;line-height:20px;min-height:28px;padding:4px 0}.auth-form-error:not(:empty){background:#fff4f2;border:1px solid #f4ceca;border-radius:6px;padding:3px 12px;margin:0}.auth-security-tip{background:#f7f9fc;padding:10px 12px;display:flex;gap:8px;align-items:flex-start;border-radius:8px;font-size:11px;line-height:18px;color:#64748b;margin-top:18px!important}.auth-security-tip span{color:#7796b9;font-size:8px}.auth-footer{font-size:11px;line-height:18px;color:#64748b;margin-top:auto!important;padding-top:28px}.auth-state-label{display:inline-flex;background:#edf3ff;color:#215deb;border-radius:999px;padding:4px 10px;font-size:12px;line-height:20px;font-weight:500}.auth-state-danger{background:#fff1f0;color:#b42318}.auth-password-heading{margin-top:28px}.auth-password-heading h1{font-size:28px;line-height:36px;margin-top:12px}.auth-current-account{background:#f7f9fc;padding:12px;border-radius:8px;margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#64748b}.auth-current-account strong{color:#17253b}.auth-password-form{margin-top:20px}.auth-password-form .auth-field{margin-bottom:12px}.auth-password-form .auth-field input{height:44px}.auth-field-error{color:#b42318;font-size:12px;line-height:20px}.auth-field-error:empty{display:none}.auth-text-button{background:none;border:0;color:#225bd6;padding:8px 0;font-size:14px;line-height:20px}.auth-logout-form{margin-top:8px}.auth-disabled-content{margin-top:52px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.auth-disabled-content>p{color:#64748b}.auth-disabled-symbol{border-radius:50%;background:#fff1f0;color:#b42318;width:64px;height:64px;font-size:40px;line-height:64px}.auth-disabled-status{display:flex;justify-content:space-between;gap:16px;padding:16px;background:#f7f9fc;border-radius:8px;width:100%}.auth-disabled-status span{color:#b42318}.auth-disabled-content .auth-security-tip{text-align:left;margin-top:0!important}
/* Animate approved vector layers in one DOM; only transform and opacity change. */
.auth-tech-field>g:nth-of-type(1),.auth-tech-field>g:nth-of-type(2){transform-origin:544px 217px;animation:rsc-auth-orbit 5s ease-in-out infinite}.auth-tech-field>g:nth-of-type(2){animation-direction:reverse}
.auth-tech-field>g:nth-of-type(4){animation:rsc-auth-scan 5s ease-in-out infinite}
.auth-advanced-tech>g:nth-of-type(-n+2){animation:rsc-auth-aurora 5s ease-in-out infinite}
.auth-advanced-tech>g:nth-of-type(6),.auth-advanced-tech>g:nth-of-type(7),.auth-tech-field>g:nth-of-type(3){animation:rsc-auth-pulse 5s ease-in-out infinite}
.auth-tech-field>g:nth-of-type(n+5),.auth-form-advanced>g:nth-of-type(n+4){animation:rsc-auth-particle 5s ease-in-out infinite}
.auth-form-advanced>rect:first-child,.auth-form-ambient{animation:rsc-auth-pulse 5s ease-in-out infinite}
.auth-form-advanced>rect[width="4"]{transform-box:fill-box;transform-origin:center bottom;animation:rsc-auth-telemetry 5s ease-in-out infinite}.auth-form-advanced>rect[width="4"]:nth-of-type(even){animation-delay:-2.5s}
@keyframes rsc-auth-orbit{0%,100%{transform:rotate(0)}50%{transform:rotate(15deg)}}
@keyframes rsc-auth-aurora{0%,100%{opacity:.85;transform:translate(0,0)}50%{opacity:1;transform:translate(8px,-6px)}}
@keyframes rsc-auth-scan{0%,100%{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(50px)}}
@keyframes rsc-auth-pulse{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes rsc-auth-particle{0%,100%{transform:translateY(0);opacity:.65}50%{transform:translateY(-8px);opacity:1}}
@keyframes rsc-auth-telemetry{0%,100%{transform:scaleY(.6);opacity:.6}50%{transform:scaleY(1);opacity:1}}
@media(max-width:1200px){.auth-page{padding:32px}.auth-brand-panel{padding:48px 40px}.auth-brand-panel h2{font-size:30px;line-height:42px}.auth-form-panel{padding:60px 40px 40px}.auth-version{padding:4px 8px}.auth-brand-row{flex-wrap:wrap}}

@media(prefers-reduced-motion:reduce){.auth-effects *{animation:none!important;transform:none}}