div.login-ui{box-sizing:border-box;position:absolute;min-height:100vh;height:auto;display:grid;grid-template-columns:minmax(0,1fr) 410px;align-items:center;gap:60px;padding:125px max(6vw,28px) 88px;background:radial-gradient(ellipse at 18% 78%,#12416b66,transparent 50%),radial-gradient(ellipse at 75% 5%,#2455a444,transparent 50%),#071426;color:#eaf2ff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow:hidden;isolation:isolate}
.login-ui:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#7bbaff08 1px,transparent 1px),linear-gradient(90deg,#7bbaff08 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(transparent,#000)}
.login-ui:after{content:"";position:absolute;width:550px;height:550px;right:-300px;bottom:-320px;border:1px solid #75b9ff30;border-radius:50%;box-shadow:0 0 0 50px #75b9ff05,0 0 0 100px #75b9ff04;pointer-events:none;z-index:-1}
.login-ui .xb-brand{position:absolute;left:max(6vw,28px);top:36px;display:flex;align-items:center;gap:14px;font-size:21px;font-weight:600;letter-spacing:1px}.login-ui .xb-brand small{display:block;font-size:9px;letter-spacing:2.8px;color:#8dabc9;margin-top:7px;font-weight:500}.login-ui .xb-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#61e1f0,#3a81f6);color:#071b35;font-weight:750;font-size:17px;letter-spacing:0;box-shadow:0 6px 30px #3e9ad82b}
.login-ui .xb-hero{max-width:600px;min-width:0}.login-ui .xb-eyebrow{font-size:12px;letter-spacing:2px;color:#9dc3e8;display:flex;align-items:center;gap:10px}.login-ui .xb-eyebrow span{width:22px;height:2px;background:#64d6ef}.login-ui .xb-hero h1{padding:0;text-align:left;font-size:clamp(34px,3.7vw,52px);line-height:1.35;font-weight:650;letter-spacing:1px;margin:22px 0 20px;color:#f3f8ff}.login-ui .xb-hero h1 em{font-style:normal;color:#7dd9f0}.login-ui .xb-hero>p{font-size:14px;line-height:1.9;color:#a0b5ce;margin:0}
.login-ui .xb-art{position:relative;height:225px;margin-top:28px;max-width:450px}.login-ui .xb-orbit{position:absolute;width:370px;height:120px;left:0;top:80px;border:1px solid #62c2ee36;border-radius:50%;transform:rotate(-17deg);box-shadow:0 0 60px #27a3e818}.login-ui .xb-window{position:absolute;width:285px;height:160px;border-radius:12px;border:1px solid #99ceff44;box-shadow:0 25px 55px #0003;transform:perspective(800px) rotateY(-12deg) rotateX(8deg) rotateZ(-5deg)}.login-ui .xb-window-back{top:4px;left:93px;background:linear-gradient(140deg,#3778ad66,#14294b88)}.login-ui .xb-window-front{top:29px;left:36px;background:linear-gradient(130deg,#214770ee,#122b48ee);overflow:hidden;backdrop-filter:blur(12px)}.login-ui .xb-window-bar{height:31px;border-bottom:1px solid #b6dcff22;display:flex;align-items:center;gap:5px;padding:0 13px;background:#a7d5ff08}.login-ui .xb-window-bar i{width:5px;height:5px;border-radius:50%;background:#86b0d7}.login-ui .xb-window-bar span{font-size:8px;color:#aac5e2;margin-left:21px;letter-spacing:1px}.login-ui .xb-desktop{position:relative;padding:20px;display:flex;gap:17px}.login-ui .xb-cloud{display:grid;place-items:center;width:53px;height:53px;border-radius:15px;background:linear-gradient(145deg,#72dcf3,#5591ef);color:#163452;font-size:25px;box-shadow:0 7px 28px #30a3e544}.login-ui .xb-lines{padding-top:6px}.login-ui .xb-lines i{display:block;background:#c3e5ff40;height:5px;width:113px;margin-bottom:10px;border-radius:5px}.login-ui .xb-lines i:nth-child(2){width:82px}.login-ui .xb-lines i:nth-child(3){width:96px;background:#c3e5ff20}.login-ui .xb-apps{position:absolute;top:88px;left:20px;display:flex;gap:12px}.login-ui .xb-apps i{width:30px;height:19px;border-radius:5px;background:#89bcf51c;border:1px solid #8cd6f329}.login-ui .xb-chip{position:absolute;top:154px;left:187px;padding:13px 17px;border:1px solid #95dfff4d;border-radius:10px;font-size:11px;letter-spacing:1px;color:#c7efff;background:#183c56e8;box-shadow:0 10px 30px #0003}
.login-ui .login-dialog-middle{display:block;width:100%;text-align:left}.login-ui .login-dialog{box-sizing:border-box;display:block;width:100%;max-width:none;padding:42px 36px 30px;border:1px solid #fff9;border-radius:22px;background:#fafcfff7;color:#162c48;box-shadow:0 30px 90px #0004;font-size:15px;text-shadow:none}.login-ui .xb-card-eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:#4781b7;margin-bottom:14px}.login-ui .login-dialog .version{padding:0;margin-bottom:30px}.login-ui .login-dialog .version .app-name{text-align:left;text-transform:none;font-size:29px;font-weight:650;color:#132c49;letter-spacing:1px}.login-ui .xb-card-subtitle{font-size:13px;color:#75869c;margin:10px 0 0;line-height:1.6}.login-ui .login-fields .labeled-field .field-header{position:static;opacity:1;margin:0 0 9px;font-size:12px;color:#465b76;z-index:auto}.login-ui .login-fields .labeled-field{margin-bottom:19px}.login-ui .login-dialog .login-fields input,.login-ui .login-fields .labeled-field.empty input{box-sizing:border-box;height:46px;background:#f0f4f9;border:1px solid #dce4ef;border-radius:9px;padding:10px 13px;color:#172f4c;font-size:15px;transition:border-color .15s,box-shadow .15s;margin:0;width:100%}.login-ui .login-dialog .login-fields input:focus{outline:none;background:#fff;border-color:#408ce2;box-shadow:0 0 0 3px #408ce21c}.login-ui .login-dialog .buttons{margin-top:26px}.login-ui .login-dialog .buttons input[type=submit]{border:0;border-radius:9px;height:47px;background:linear-gradient(105deg,#2466d5,#338ae8);box-shadow:0 5px 15px #2563d12b;color:white;font-size:14px;font-weight:600;letter-spacing:2px;cursor:pointer;text-shadow:none}.login-ui .login-dialog .buttons input[type=submit]:hover{background:linear-gradient(105deg,#1c57be,#287bd6)}.login-ui .login-dialog .buttons input[type=submit]:disabled{opacity:.55;cursor:wait}.login-ui .xb-help{text-align:center;font-size:11px;color:#8a98ac;margin:23px 0 0}.login-ui .xb-footer{position:absolute;bottom:25px;left:0;right:0;text-align:center;color:#6f88a5;font-size:11px;letter-spacing:1px}.login-ui.error p.login-error{z-index:3;top:12px;left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 44px);box-sizing:border-box;background:#fff0f0;color:#9b3030;border:1px solid #f1baba;border-radius:9px;font-size:13px;box-shadow:0 5px 30px #0002}.login-ui.error .login-dialog{animation:none}
@media(min-width:1500px){div.login-ui{padding-left:calc((100vw - 1220px)/2);padding-right:calc((100vw - 1220px)/2);grid-template-columns:1fr 440px;gap:130px}.login-ui .xb-brand{left:calc((100vw - 1220px)/2)}}
@media(max-width:900px){div.login-ui{gap:28px;grid-template-columns:minmax(0,1fr) 360px;padding-left:30px;padding-right:30px}.login-ui .login-dialog{padding:35px 28px}.login-ui .xb-art{transform:scale(.85);transform-origin:left top;max-width:360px}.login-ui .xb-hero h1{padding:0;text-align:left;font-size:35px}}
@media(max-width:700px){div.login-ui{display:flex;flex-direction:column;justify-content:center;gap:0;padding:120px 22px 75px;min-height:100vh}.login-ui .xb-brand{left:24px;top:28px;font-size:17px;gap:11px}.login-ui .xb-brand small{font-size:8px;letter-spacing:2px}.login-ui .xb-mark{width:40px;height:40px;font-size:15px;border-radius:12px}.login-ui .xb-hero{display:none}.login-ui .login-dialog-middle{max-width:420px}.login-ui .login-dialog{padding:34px 28px;border-radius:18px}.login-ui .xb-footer{bottom:23px;font-size:10px}}
@media(max-height:650px) and (min-width:701px){div.login-ui{padding-top:110px;padding-bottom:65px}.login-ui .xb-art{height:155px;transform:scale(.72);transform-origin:left top;margin-top:15px}.login-ui .xb-hero h1{padding:0;text-align:left;font-size:36px;margin-top:16px}.login-ui .login-dialog{padding-top:28px;padding-bottom:25px}}

/* Signed-out landing page. */
.logged-out-modal{position:fixed;inset:0;z-index:20;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:115px 24px 75px;overflow-y:auto;background:radial-gradient(ellipse at 12% 70%,#164b7644,transparent 53%),radial-gradient(ellipse at 80% 0,#2b5ca744,transparent 48%),#091729;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#e9f2ff;isolation:isolate}
.logged-out-modal:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#7bbaff07 1px,transparent 1px),linear-gradient(90deg,#7bbaff07 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(transparent,#000)}
.logged-out-modal .xb-exit-brand{position:absolute;top:36px;left:max(6vw,28px);display:flex;align-items:center;gap:14px;font-size:21px;letter-spacing:1px;font-weight:600}.logged-out-modal .xb-exit-brand small{display:block;color:#8dabc9;font-size:9px;letter-spacing:2.8px;margin-top:7px;font-weight:500}.logged-out-modal .xb-exit-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#61e1f0,#3a81f6);color:#071b35;font-size:17px;font-weight:750;letter-spacing:0}
.logged-out-modal .xb-logout-card{box-sizing:border-box;width:430px;max-width:100%;background:#f9fbff;border:1px solid #ffffffaa;border-radius:23px;padding:39px 40px 30px;text-align:center;box-shadow:0 28px 90px #0004;color:#203751;position:relative}.logged-out-modal .xb-logout-icon{width:78px;height:78px;display:grid;place-items:center;margin:0 auto 25px;background:linear-gradient(145deg,#e5f3ff,#e8eefc);border:1px solid #d8e8f9;border-radius:23px;color:#4b83c5}.logged-out-modal .xb-logout-icon svg{width:55px;height:55px}.logged-out-modal .xb-logout-eyebrow{font-size:11px;letter-spacing:2px;color:#7c99b7}.logged-out-modal .xb-logout-card h1{margin:12px 0 15px;padding:0;font-size:29px;font-weight:650;color:#183452;line-height:1.4}.logged-out-modal .xb-logout-description{font-size:13px;line-height:1.9;margin:0;color:#7a8ba1}.logged-out-modal .xb-login-again{display:block;box-sizing:border-box;width:100%;border:0;border-radius:9px;margin:29px 0 0;padding:14px 20px;min-height:47px;background:linear-gradient(105deg,#2466d5,#338ae8);box-shadow:0 5px 15px #2563d12b;color:#fff;text-shadow:none;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer}.logged-out-modal .xb-login-again:hover{background:linear-gradient(105deg,#1c57be,#287bd6)}.logged-out-modal .xb-login-again:focus-visible{outline:3px solid #7ab0fa;outline-offset:4px}.logged-out-modal .xb-login-again:disabled{opacity:.6;cursor:wait}.logged-out-modal .xb-login-again span[aria-hidden]{margin-left:9px}.logged-out-modal .xb-logout-note{font-size:11px;color:#96a4b6;margin:20px 0 0}.logged-out-modal .xb-exit-footer{position:absolute;bottom:25px;left:0;right:0;text-align:center;color:#718ba8;font-size:11px;letter-spacing:1px}
@media(max-width:600px){.logged-out-modal{padding:110px 22px 65px}.logged-out-modal .xb-exit-brand{top:28px;left:24px;font-size:17px;gap:11px}.logged-out-modal .xb-exit-mark{width:40px;height:40px;font-size:15px;border-radius:12px}.logged-out-modal .xb-exit-brand small{font-size:8px;letter-spacing:2px}.logged-out-modal .xb-logout-card{padding:32px 26px 28px;border-radius:18px}.logged-out-modal .xb-exit-footer{font-size:10px}}
@media(max-height:620px){.logged-out-modal{align-items:flex-start}.logged-out-modal .xb-exit-footer{position:fixed;bottom:0;padding:10px;background:#091729}.logged-out-modal .xb-logout-card{padding-top:25px;padding-bottom:22px}.logged-out-modal .xb-logout-icon{width:58px;height:58px;border-radius:17px;margin-bottom:16px}.logged-out-modal .xb-logout-icon svg{width:43px;height:43px}}