:root{--login-navy:#20272d;--login-primary:#3f5968;--login-accent:#3f5968;--login-ink:#20272d;--login-muted:#68747d;--login-paper:#f5f6f7;--login-surface:#fff;--login-font-ui:"Avenir Next", Avenir, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;--login-font-display:"Songti SC", STSong, "Noto Serif CJK SC", "Source Han Serif SC", SimSun, Georgia, serif}*{box-sizing:border-box}body{margin:0}.login-shell{background:var(--login-paper);min-height:100vh;color:var(--login-ink);font-family:var(--login-font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;grid-template-columns:minmax(440px,1.08fr) minmax(420px,.92fr);display:grid}.login-story{min-height:100vh;color:var(--login-ink);background:#fff;border-right:1px solid #e1e6e9;flex-direction:column;padding:clamp(36px,5vw,72px);display:flex;position:relative;overflow:hidden}.login-story:after{content:"";border:1px solid #20272d14;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-260px;right:-270px;box-shadow:0 0 0 90px #20272d06,0 0 0 180px #20272d05}.login-brand{color:var(--login-ink);z-index:1;align-items:center;gap:12px;text-decoration:none;display:inline-flex;position:relative}.login-brand:focus-visible{outline-offset:4px;border-radius:10px;outline:3px solid #386d89}.login-brand span{background:var(--login-navy);color:#fff;border-radius:10px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:grid;box-shadow:0 10px 24px #20272d29}.login-brand strong{letter-spacing:.04em;font-size:18px;font-weight:600}.login-story-copy{z-index:1;max-width:670px;margin:auto 0;position:relative}.login-kicker{color:var(--login-muted);letter-spacing:.2em;margin:0 0 22px;font-size:11px;font-weight:800}.login-story h1{font-family:var(--login-font-display);letter-spacing:.015em;margin:0;font-size:clamp(40px,5vw,72px);font-weight:700;line-height:1.2}.login-story-copy>p:last-child{max-width:590px;color:var(--login-muted);margin:28px 0 0;font-size:15px;line-height:1.9}.login-proof{z-index:1;flex-wrap:wrap;gap:24px;display:flex;position:relative}.login-proof span{color:var(--login-muted);font-size:11px}.login-proof b{color:var(--login-ink);margin-right:7px;font-size:9px}.login-panel{background:#f5f6f7;align-content:center;place-items:center;min-height:100vh;padding:40px;display:grid}.login-card{background:var(--login-surface);border:1px solid #d9dfe3;border-radius:16px;width:min(430px,100%);padding:42px;box-shadow:0 20px 50px #20272d14}.login-eyebrow{color:var(--login-accent);letter-spacing:.16em;margin:0 0 12px;font-size:10px;font-weight:900}.login-card h2{letter-spacing:.01em;margin:0;font-size:31px;font-weight:600}.login-subtitle{color:var(--login-muted);margin:10px 0 28px;font-size:13px;line-height:1.6}.login-form{gap:18px;display:grid}.login-field{gap:8px;display:grid}.login-field label{color:#3d4850;font-size:11px;font-weight:800}.login-field input{width:100%;height:48px;color:var(--login-ink);font:inherit;background:#fff;border:1px solid #c5ced4;border-radius:9px;outline:none;padding:0 14px;font-size:13px;transition:border-color .18s,box-shadow .18s,background .18s}.login-field input:focus{border-color:var(--login-primary);background:var(--login-surface);box-shadow:0 0 0 4px #3f596824}.login-field input::placeholder{color:var(--login-muted)}.login-error{color:#b72434;background:#fff0f1;border-radius:8px;margin:-5px 0 0;padding:10px 12px;font-size:11px;line-height:1.5}.login-submit{height:50px;color:var(--login-navy);cursor:pointer;background:#fff;border:1px solid #aeb9c0;border-radius:9px;font-size:13px;font-weight:900;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 8px 20px #20272d14}.login-submit:hover{background:#f5f7f8;border-color:#7b8b95;transform:translateY(-1px);box-shadow:0 11px 24px #20272d1f}.login-submit:active{background:#eef1f3;transform:translateY(0);box-shadow:0 4px 12px #20272d14}.login-submit:focus-visible{outline-offset:3px;outline:3px solid #386d89}.login-submit:disabled{cursor:wait;opacity:.65}.login-help{color:#526f83;text-align:center;margin:-5px 0 0;font-size:10px}.login-security{color:var(--login-muted);border-top:1px solid #e1e6e9;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:20px;font-size:9px;display:flex}.login-security i{background:#7b8b95;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #7b8b9524}.login-legal{color:var(--login-muted);margin:28px 0 0;font-size:9px}@media (max-width:900px){.login-shell{grid-template-columns:1fr}.login-story{min-height:360px;padding:32px}.login-story-copy{margin:58px 0}.login-story h1{font-size:clamp(36px,9vw,54px)}.login-proof{gap:14px}.login-panel{min-height:auto;padding:36px 20px}}@media (max-width:520px){.login-story{min-height:320px}.login-story-copy>p:last-child{font-size:13px}.login-proof{display:none}.login-card{border-radius:16px;padding:28px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}