:root{--blue:#2869dc;--ink:#20364c;--muted:#7b8c9d;--line:#e0e8ef}
*{box-sizing:border-box}body{margin:0;background:#f7f9fb;color:var(--ink);font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:18px;top:-80px;padding:12px;background:white;z-index:10}.skip-link:focus{top:16px}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.portal-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(495px,.92fr);min-height:100dvh}.visual-panel{position:relative;overflow:hidden;min-height:100dvh;background:#e4edf5}.city{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:48% center}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#ecf5ff12 0%,#152d4620 45%,#102c49c2 100%)}.logo{position:absolute;left:48px;top:39px;width:204px}.logo img{display:block;width:100%;height:auto;aspect-ratio:2057/765;object-fit:contain}.visual-copy{position:absolute;left:52px;right:42px;bottom:58px;color:#fff;transition:opacity .2s}.visual-copy p{font-size:9px;letter-spacing:.19em;color:#cbdfef;margin:0 0 22px}.visual-copy h1{font-weight:500;font-size:clamp(32px,3.1vw,45px);line-height:1.5;letter-spacing:-.04em;margin:0;min-height:136px;display:flex;align-items:center}.visual-copy>span{display:block;margin-top:24px;font-size:9px;letter-spacing:.12em;color:#c2d3e3}.visual-copy.is-swapping{opacity:0}
.portal-panel{padding:50px clamp(30px,4.6vw,74px) 32px;display:flex;flex-direction:column;justify-content:center;gap:26px;min-width:0;max-width:760px;width:100%;margin:auto;background:radial-gradient(ellipse at 95% 1%,#e6f0f9 0,transparent 45%),#f7f9fb}.workspace-heading{margin-bottom:1px}.eyebrow{font-size:9px;font-weight:500;color:#7296b5;letter-spacing:.13em;margin:0 0 13px}.workspace-heading h2{font-size:28px;line-height:1.5;letter-spacing:-.03em;font-weight:550;margin:0 0 9px}.workspace-heading>p:last-child{color:#8295a6;font-size:13px;margin:0}.identity-block{margin:0}.identity-block>.eyebrow{display:none}.provider{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:13px;padding:20px 18px;background:linear-gradient(125deg,#e5f0fd,#eff7fc);border:1px solid #cbdef1;border-radius:8px;color:#244c70;text-align:left;transition:border-color .2s,box-shadow .2s}.provider:hover{border-color:#93bbdf;box-shadow:0 6px 22px #224a7410}.provider>i{display:grid;place-items:center;width:42px;height:42px;background:#fff;border-radius:11px;box-shadow:0 3px 8px #7197b713}.provider svg{fill:#347eab;width:25px;height:25px}.provider>span{display:grid;gap:5px;min-width:0}.provider strong{font-size:15px;font-weight:600}.provider small{font-size:10px;line-height:1.7;color:#7a93aa;overflow-wrap:anywhere}.provider>b{font-weight:400;font-size:20px;color:#729cbc}.status{min-height:20px;margin:11px 1px 0;font-size:11px;line-height:1.7;color:#8392a0}.systems-block>.eyebrow{display:flex;justify-content:space-between;align-items:center;color:#3d5d78;font-size:13px;letter-spacing:0;margin:0 0 10px}.systems-block>.eyebrow span{font-size:8px;letter-spacing:.1em;color:#98aab8}.systems{list-style:none;padding:0;margin:0;display:grid;background:#fff;border:1px solid #e2eaf0;border-radius:8px;overflow:hidden}.systems li+li{border-top:1px solid #e8eef3}.system{border:0;background:#fff;display:grid;grid-template-columns:39px minmax(0,1fr) 22px;align-items:center;gap:14px;width:100%;padding:17px 17px;color:var(--ink);text-align:left;position:relative;transition:background .2s}.system::before{content:"";position:absolute;top:22px;bottom:22px;left:0;width:2px;background:#468bd0;transform:scaleY(0);transition:transform .2s}.system:hover,.system:focus-visible{background:#f3f8fc}.system:hover::before,.system:focus-visible::before{transform:scaleY(1)}.system:focus-visible{outline-offset:-3px}.monogram{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;background:#f0f5fa;color:#6694ba;transition:color .2s,background .2s}.monogram svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.system:hover .monogram{color:#2d74b1;background:#e7f0fa}.system .label{min-width:0}.system .label strong{display:block;font-size:14px;font-weight:500;margin-bottom:2px}.system .label small{display:block;font-size:10px;color:#8b9ca9;line-height:1.55}.domain{display:none;font-style:normal}.system .arrow{font-size:17px;color:#a7bccd;transition:transform .25s}.system:hover .arrow{transform:translateX(3px);color:#4b8bc0}.systems-foot{font-size:10px;color:#97a6b3;margin:11px 0 0}.panel-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8b9ca9;padding-top:6px}.panel-bottom span{font-size:7px;letter-spacing:.13em}.panel-bottom a:hover{color:var(--blue)}
.identity{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid #cbdef1;border-radius:8px;background:#edf5fd}.identity .avatar{display:grid;place-items:center;width:42px;height:42px;background:#fff;color:var(--blue);border-radius:50%;font-size:12px;font-weight:600}.who{display:grid;gap:4px;min-width:0}.who strong{font-size:14px;overflow-wrap:anywhere}.who>span{font-size:11px;color:var(--muted)}.logout{margin-left:auto;border:1px solid #cfdeea;border-radius:4px;background:#fff;padding:5px 12px;color:#6a849b;font-size:11px}
@media(min-width:1600px){.portal-panel{gap:30px;padding-block:60px}.system{padding-block:21px}.workspace-heading h2{font-size:31px}}
@media(max-width:1000px){.portal-shell{grid-template-columns:1fr 1fr}.portal-panel{padding:40px 27px;gap:24px}.visual-copy{left:34px;right:30px;bottom:45px}.visual-copy h1{font-size:34px;min-height:110px}.logo{left:32px;top:30px;width:180px}.system{padding:16px 12px;gap:10px}.system .label strong{font-size:13px}.system .label small{font-size:9px}.provider{gap:10px;padding:16px 13px}.provider strong{font-size:14px}.workspace-heading h2{font-size:26px}.panel-bottom span{display:none}}
@media(max-width:700px){.portal-shell{grid-template-columns:1fr}.visual-panel{min-height:315px}.city{object-position:50% 39%}.shade{background:linear-gradient(180deg,#ecf5ff12,#132f4d24 30%,#102c49b0)}.logo{left:25px;top:23px;width:153px}.visual-copy{left:26px;right:25px;bottom:26px}.visual-copy p{font-size:8px;margin-bottom:12px}.visual-copy h1{font-size:29px;min-height:86px;line-height:1.5}.visual-copy>span{display:none}.portal-panel{padding:30px 24px;gap:24px}.workspace-heading h2{font-size:24px}.workspace-heading .eyebrow{display:none}.workspace-heading>p:last-child{font-size:12px}.provider{padding:17px}.system{padding:17px}.system .label strong{font-size:14px}.system .label small{font-size:10px}.panel-bottom span{display:block}.panel-bottom{font-size:10px}.status{font-size:10px}.systems-foot{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before{transition:none!important}}