:root{--ink:#203459;--muted:#62747b;--paper:#f5f5ee;--line:#dce1dc;--navy:#131d36;--teal:#a9c2ff;--accent:#293e78}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #8eafff;outline-offset:5px}.top{max-width:1240px;width:calc(100% - 96px);margin:auto;height:88px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:11px;font-size:28px;letter-spacing:-1.3px;font-weight:700}.brand svg{width:30px;height:30px;color:var(--accent)}.back{font-size:13px;color:var(--muted)}.back:hover{color:var(--accent)}.login-shell{max-width:1050px;width:calc(100% - 96px);margin:64px auto;display:grid;grid-template-columns:1.1fr 1fr;box-shadow:0 18px 50px #2034590b;border:1px solid var(--line);border-radius:6px;overflow:hidden}.context{background:var(--navy);color:#fff;padding:48px 42px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--teal);display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:18px;height:2px;background:var(--teal)}h1{font-size:33px;font-weight:550;letter-spacing:-1px;line-height:1.5;margin:22px 0 17px}.context p{font-size:13px;line-height:1.9;color:#b2c1dc;margin:0}.diagram{width:100%;display:block;margin-top:32px}.diagram-note{color:#91a6cc;font-size:10px;margin-top:11px}.context-footer{border-top:1px solid #344363;padding-top:20px;margin-top:30px;font-size:11px;color:#b6c5e2;letter-spacing:1px}.context-footer span{margin:0 9px;color:#879ec5}.form-panel{background:#fcfcf8;padding:48px 43px}.section-label{font-size:11px;color:var(--accent);letter-spacing:1px}h2{font-size:28px;letter-spacing:-1px;font-weight:600;margin:13px 0}.form-heading p{font-size:13px;color:var(--muted);margin:0 0 29px}label{display:block;font-size:13px;font-weight:600;margin:19px 0 9px}input{display:block;width:100%;height:47px;border:1px solid #c9d3cd;border-radius:4px;background:#fff;color:var(--ink);font:15px "Segoe UI","Microsoft YaHei",Arial,sans-serif;padding:11px 13px;transition:border-color .15s,box-shadow .15s}input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px #293e7815}input:disabled{background:#f0f3ef}.error{font-size:12px;line-height:1.65;color:#a63c2d;background:#fff1ed;border:1px solid #edc7bc;padding:10px 12px;border-radius:4px;margin-top:15px;overflow-wrap:anywhere}[hidden]{display:none!important}button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 19px;margin-top:24px;background:var(--ink);color:white;border:0;border-radius:4px;font:600 14px "Segoe UI","Microsoft YaHei",Arial,sans-serif;cursor:pointer;min-height:50px;transition:background .15s}button:hover{background:var(--accent)}button:disabled{cursor:wait;background:#4c608b}.spinner{display:none;width:16px;height:16px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}button[aria-busy="true"] .spinner{display:block}button[aria-busy="true"] .submit-arrow{display:none}.trial-note{border-top:1px solid var(--line);margin-top:29px;padding-top:21px;display:flex;align-items:flex-start;gap:12px}.badge{font-size:10px;color:var(--accent);border:1px solid #b8c3d8;border-radius:3px;white-space:nowrap;padding:4px 8px}.trial-note p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.noscript{font-size:12px;color:#a63c2d}footer{max-width:1240px;width:calc(100% - 96px);margin:0 auto 27px;border-top:1px solid var(--line);padding-top:24px;font-size:15px;font-weight:600;letter-spacing:-.5px}footer span{font-size:10px;font-weight:400;letter-spacing:0;margin-left:15px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.top,footer{width:calc(100% - 48px)}.login-shell{width:calc(100% - 48px);margin:40px auto}.context{padding:36px 28px}h1{font-size:28px}.form-panel{padding:36px 28px}}@media(max-width:650px){.top{height:74px}.brand{font-size:25px}.brand svg{width:26px;height:26px}.back{font-size:12px}.login-shell{grid-template-columns:1fr;margin:30px auto;width:calc(100% - 40px)}.context{padding:28px}.context h1{font-size:27px;margin:17px 0 12px}.context h1 br{display:none}.context p{font-size:12px}.diagram,.diagram-note,.context-footer{display:none}.form-panel{padding:30px 28px}h2{font-size:26px}.form-heading p{margin-bottom:24px}.trial-note{margin-top:25px}footer{width:calc(100% - 40px);margin-bottom:23px}footer span{margin-left:9px}}@media(prefers-reduced-motion:reduce){input,button{transition:none}.spinner{animation:none;border-color:#ffffff66;border-top-color:white}}
.brand{gap:12px;letter-spacing:0}.brand-mark,.brand svg{width:43px;height:43px;flex-shrink:0}.brand-word{display:flex;flex-direction:column;gap:4px;font-size:27px;line-height:1;letter-spacing:-1px;color:#293e78;font-weight:700}.brand-word small{font-size:10px;font-weight:400;letter-spacing:2px;color:#75839c;line-height:1.2}.visual{background:#131d36}.visual-top{color:#a8b9dc}.visual-top .dot{background:#8eafff}.key:before{background:#8eafff}.visual-caption{color:#7988a2}.closing .button{color:#233866}@media(max-width:760px){.brand-mark,.brand svg{width:38px;height:38px}.brand-word{font-size:25px;gap:4px}.brand-word small{font-size:9px;letter-spacing:1.5px}}
.context{background:#131d36}.context .diagram{margin-top:20px}.context .eyebrow{color:#a9c2ff}.brand svg{color:#293e78}
