html:has(body>.startup-gate){overflow:hidden;scrollbar-gutter:auto}
body:has(>.startup-gate){overflow:hidden}
.startup-gate{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;overflow:auto;padding:48px 32px;background:radial-gradient(ellipse at 12% 5%,#e6eef8 0,transparent 55%),radial-gradient(ellipse at 95% 100%,#e9f0ed 0,transparent 46%),#f5f7fa;color:#23354a;font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif}
.startup-gate *{box-sizing:border-box}
.startup-layout{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;min-width:0}
.startup-registration{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 8px;max-width:100%;font-size:12px;line-height:1.8;text-align:center}
.startup-registration a{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;color:#63768c;text-decoration:none;border-radius:4px;white-space:nowrap}
.startup-registration img{display:block;flex:none;width:18px;height:20px;object-fit:contain}
.startup-registration a:hover{color:#256bd4;text-decoration:underline}
.startup-registration a:focus-visible{outline:2px solid #2877e2;outline-offset:3px}
.startup-card{width:min(1080px,100%);background:#fff;border:1px solid #e0e7ef;border-radius:24px;box-shadow:0 24px 80px #1e385516}
.startup-login-card{display:grid;grid-template-columns:1.05fr 1fr;min-height:640px;overflow:hidden}
.startup-mark{display:block;flex:0 0 auto;width:48px;height:48px}
.startup-brand-panel{position:relative;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;padding:44px 46px;background:linear-gradient(145deg,#183e68,#142f50 65%,#20486b);color:#fff}
.startup-brand{display:flex;align-items:center;gap:13px}
.startup-brand strong{display:block;font-size:21px;font-weight:650;letter-spacing:.04em;line-height:1.5}
.startup-brand span{display:block;margin-top:4px;font-size:9px;letter-spacing:.19em;color:#b3c5dc}
.startup-brand-copy{position:relative;z-index:1;margin:auto 0;padding:46px 0 38px}
.startup-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.06em;color:#c6d7ea}
.startup-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:#ffd16a}
.startup-brand-copy h2{margin:22px 0 20px;font-size:clamp(34px,3.2vw,44px);line-height:1.48;font-weight:600;letter-spacing:.025em;color:#fff}
.startup-brand-copy>p{margin:0;font-size:14px;line-height:1.9;color:#bdcde1}
.startup-business-flow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:38px;padding-top:25px;border-top:1px solid #ffffff26}
.startup-business-flow>span{display:grid;gap:8px;font-size:13px;color:#dce8f4}
.startup-business-flow i{font-size:11px;font-style:normal;letter-spacing:.08em;color:#95b6d7}
.startup-business-flow b{color:#7493b5;font-size:17px;font-weight:400}
.startup-brand-company{position:relative;z-index:1;margin:0;font-size:11px;letter-spacing:.04em;color:#a7bdd5}
.startup-orbit{position:absolute;right:-210px;bottom:-258px;z-index:-1;width:520px;height:520px;border:1px solid #ffffff0c;border-radius:50%}
.startup-orbit i{position:absolute;inset:45px;border:1px solid #ffffff0a;border-radius:50%}.startup-orbit i:nth-child(2){inset:90px}.startup-orbit i:nth-child(3){inset:135px}
.startup-form-panel{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:52px 54px}
.startup-form-panel form{width:100%;max-width:360px;margin:auto}
.startup-form-heading{margin-bottom:32px}
.startup-eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;color:#6c849d}
.startup-card h1{margin:10px 0 10px;font-size:30px;line-height:1.4;letter-spacing:.02em;font-weight:650;color:#23354a}
.startup-form-heading p{margin:0;font-size:13px;line-height:1.8;color:#7b899a}
.startup-card label{display:grid;gap:10px;margin:20px 0 0;font-size:13px;font-weight:500;color:#43576e}
.startup-input,.startup-password{display:flex;align-items:center;min-width:0;min-height:50px;border:1px solid #d9e2ed;border-radius:10px;background:#fbfcfe;transition:border-color .16s,box-shadow .16s,background .16s}
.startup-input:focus-within,.startup-password:focus-within{border-color:#3886eb;background:#fff;box-shadow:0 0 0 3px #298fee13}
.startup-input>svg,.startup-password>svg{width:19px;height:19px;flex:0 0 19px;margin-left:15px;color:#8a9eb4}
.startup-card input:not([type=checkbox]){display:block;flex:1;min-width:0;width:100%;height:48px;margin:0;padding:0 12px;border:0;border-radius:10px;background:transparent;font:inherit;font-size:14px;color:#243b53;outline:none;box-shadow:none}
.startup-card input::placeholder{color:#9aa7b7;font-size:13px}
.startup-card button{border:0;font:inherit;cursor:pointer}
.startup-card .startup-password button{flex:0 0 auto;min-width:54px;min-height:44px;margin:2px 3px;padding:0 10px;background:transparent;border-radius:7px;font-size:12px;color:#5c7896}
.startup-card .startup-password button:hover{background:#edf3fb;color:#256bd4}
.startup-card .startup-remember{display:flex;align-items:center;gap:8px;margin:18px 0 0;font-size:12px;font-weight:400;color:#566b82;cursor:pointer}
.startup-card .startup-remember input{flex:0 0 16px;width:16px;height:16px;margin:0;padding:0;accent-color:#2d7ae8}
.startup-remember>span{margin-left:auto;font-size:11px;color:#8a98a9}
.startup-card [role=alert]{min-height:22px;margin:12px 0 7px;font-size:12px;line-height:1.7;color:#b23f3f;overflow-wrap:anywhere}
.startup-card .startup-submit,.startup-state>button{display:block;width:100%;min-height:49px;padding:12px 18px;border-radius:10px;background:#2877e2;color:#fff;font-size:14px;font-weight:600;letter-spacing:.04em;box-shadow:0 6px 14px #2877e21f;transition:background .16s,box-shadow .16s}
.startup-card .startup-submit:hover,.startup-state>button:hover{background:#1e67ce;box-shadow:0 7px 18px #2877e22c}
.startup-card .startup-submit:active,.startup-state>button:active{background:#195dbc;box-shadow:0 2px 6px #2877e224}
.startup-card button:disabled{opacity:.65;cursor:wait;box-shadow:none}
.startup-card .startup-password-hint{margin:22px 0 0;font-size:11px;line-height:1.8;text-align:center;color:#8a98a9}
.startup-print-entry{display:flex;align-items:center;gap:12px;width:100%;max-width:360px;margin:24px auto 0;padding:14px 16px;border:1px solid #e4e0f1;border-radius:12px;background:#faf9ff;text-decoration:none;color:#514078;transition:background .16s,border-color .16s}
.startup-print-entry:hover{background:#f2eeff;border-color:#b8a9e4;color:#59419c}
.startup-print-entry:focus-visible{outline:3px solid #8870ce;outline-offset:3px}
.startup-print-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#eee8fb;color:#7a5db6}
.startup-print-icon svg{width:22px;height:22px}
.startup-print-entry strong{display:block;font-size:13px;line-height:1.6;font-weight:600}
.startup-print-entry small{display:block;margin-top:3px;font-size:11px;line-height:1.7;color:#8b809d}
.startup-print-arrow{flex:0 0 18px;width:18px;height:18px;margin-left:auto;color:#947eb8}
.startup-card button:focus-visible,.startup-card input[type=checkbox]:focus-visible{outline:3px solid #549bf0;outline-offset:3px}
.startup-card input:not([type=checkbox]):focus-visible{outline:none!important;box-shadow:none!important}
.startup-mobile-brand,.startup-mobile-company{display:none}
.startup-status-card{width:min(420px,100%);padding:44px 36px}
.startup-state{width:100%;max-width:360px;margin:auto;text-align:center}
.startup-state>.startup-mark{margin:0 auto 24px}
.startup-state h1{font-size:24px}
.startup-state p{margin:14px 0;font-size:13px;line-height:1.9;color:#75879b;overflow-wrap:anywhere}
.startup-state>button{margin-top:24px}
.startup-progress{display:block;width:24px;height:24px;margin:26px auto 0;border:2px solid #e4edf8;border-top-color:#2877e2;border-radius:50%;animation:startup-spin .8s linear infinite}
@keyframes startup-spin{to{transform:rotate(360deg)}}
@media(min-width:761px) and (max-width:1020px){.startup-brand-panel{padding:36px 32px}.startup-form-panel{padding:44px 36px}.startup-brand strong{font-size:18px}.startup-brand-copy h2{font-size:36px}}
@media(max-width:760px){.startup-gate{padding:28px 18px}.startup-login-card{display:block;width:min(440px,100%);min-height:0;border-radius:20px}.startup-brand-panel{display:none}.startup-form-panel{padding:32px 30px}.startup-mobile-brand{display:flex;align-items:center;gap:11px;margin-bottom:36px}.startup-mobile-brand .startup-mark{width:38px;height:38px}.startup-mobile-brand strong{font-size:18px;letter-spacing:.025em;color:#27415e}.startup-form-heading{margin-bottom:26px}.startup-card h1{font-size:28px}.startup-form-panel form{max-width:none}.startup-mobile-company{display:block;margin:30px 0 0;padding-top:20px;border-top:1px solid #edf1f6;font-size:10px;text-align:center;letter-spacing:.03em;color:#91a0af}.startup-status-card{padding:36px 26px}}
@media(max-width:380px){.startup-gate{padding:20px 12px}.startup-form-panel{padding:28px 22px}.startup-mobile-brand{margin-bottom:28px}.startup-password-hint br{display:none}}
@media(max-width:760px){.startup-card input:not([type=checkbox]){font-size:16px}}
@media(max-height:740px) and (min-width:761px){.startup-gate{padding:24px}.startup-login-card{min-height:570px}.startup-brand-panel{padding:32px 40px}.startup-brand-copy{padding:30px 0}.startup-form-panel{padding:32px 44px}.startup-form-heading{margin-bottom:24px}}
@media(max-height:650px){.startup-gate{align-items:start}}
@media(max-height:650px) and (min-width:761px){.startup-layout{gap:12px}.startup-login-card{min-height:540px}}
@media(max-width:760px) and (max-height:740px){.startup-form-panel{padding-top:24px;padding-bottom:24px}.startup-mobile-brand{margin-bottom:22px}.startup-form-heading{margin-bottom:20px}.startup-card label{margin-top:16px;gap:8px}.startup-card .startup-password-hint{margin-top:16px}.startup-mobile-company{margin-top:20px;padding-top:14px}}
@media(prefers-reduced-motion:reduce){.startup-progress{animation:none}.startup-gate *{transition:none}}
