body.replica-login{--accent:#7c35ed;--tint:#efe7fb;--bg:#f4f5fb;--text:#10111a;--muted:#777982;--line:#efeff5;background:var(--bg)}
.ref-login-page{min-height:100vh;display:flex;flex-direction:column;background:#f4f5fb;color:#10111a;font-size:15px;line-height:1.5}
.ref-login-header{height:72px;flex-shrink:0;background:#fff;border-bottom:1px solid #efeff5;display:flex;align-items:center;gap:26px;padding:0 36px}
.ref-login-brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.ref-login-brand svg{width:37px;height:37px;flex-shrink:0}.ref-login-brand b{font-size:24px;font-weight:700}.ref-login-header-divider{height:24px;width:1px;background:#ececf2}.ref-login-header>strong{font-size:20px;font-weight:650}.ref-login-demo{margin-left:auto;color:#d89942;border:1px solid #e9c286;border-radius:4px;padding:3px 8px;font-size:12px;white-space:nowrap}
.ref-login-layout{width:calc(100% - 80px);max-width:1140px;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:100px;align-items:center;margin:0 auto;padding:64px 0 76px;min-width:0}
.ref-login-welcome{min-width:0}.ref-login-kicker{display:flex;align-items:center;gap:10px;color:#7834dc;font-size:15px;font-weight:550;margin-bottom:22px}.ref-login-kicker>span{height:4px;width:24px;background:#8036e8;border-radius:2px}.ref-login-welcome h1{font-size:44px;font-weight:750;letter-spacing:-.025em;line-height:1.5}.ref-login-welcome h1>span{color:#7b35e6}.ref-login-intro{font-size:17px;color:#777982;line-height:1.9;margin-top:18px}
.ref-login-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:39px}.ref-login-features article{background:white;border:1px solid #efedf7;border-radius:6px;padding:20px 16px 19px;min-width:0}.ref-login-features article>span{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#f0e9fc;color:#7c35ed;border-radius:50%;margin-bottom:14px}.ref-login-features article:nth-child(2)>span{color:#238deb;background:#edf3ff}.ref-login-features article:nth-child(3)>span{color:#0fa587;background:#e9f9f3}.ref-login-features .icon{width:24px;height:24px;stroke-width:1.8}.ref-login-features h3{font-size:16px;font-weight:650;margin-bottom:7px}.ref-login-features p{font-size:12px;color:#868894;white-space:nowrap}.ref-login-industries{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:27px;color:#9294a0;font-size:13px}.ref-login-industries>span{color:#c4bdcf}
.ref-login-card{background:#fff;border:1px solid #efedf5;border-radius:8px;padding:34px 32px 28px;box-shadow:0 6px 30px #39306406;min-width:0}.ref-login-card-head{display:flex;align-items:center;gap:12px;margin-bottom:9px}.ref-login-card-head>span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:#7c35ed;background:#f0e9fc;border-radius:7px}.ref-login-card-head .icon{width:21px;height:21px}.ref-login-card h2{font-size:28px;font-weight:700;letter-spacing:0}.ref-login-card-intro{font-size:14px;color:#878995;margin-bottom:25px}.ref-login-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ref-login-roles>button{min-width:0;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #e9e8ef;border-radius:6px;background:white;color:#777982;font-size:13px;transition:background 120ms,border-color 120ms}.ref-login-roles>button:hover{background:#faf7ff;border-color:#c6a5ef}.ref-login-roles>button.selected{color:#7a32e5;background:#f4edfd;border-color:#af81eb;font-weight:600}.ref-login-roles .icon{width:23px;height:23px}.ref-login-identity{font-size:12px;color:#8a8c98;min-height:18px;margin:12px 0 26px}.ref-login-password-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:14px}.ref-login-password-label>label{font-weight:550}.ref-login-password-label>span{font-size:12px;color:#90929e;white-space:nowrap}.ref-login-password-label code{font-family:inherit;color:#7e3ddb;background:#f7f2fe;border-radius:3px;padding:2px 5px;margin-left:3px}.ref-login-password{display:flex;align-items:center;gap:11px;height:48px;border:1px solid #e4e3eb;border-radius:5px;padding:0 14px;background:#fff;color:#a2a0ad}.ref-login-password:focus-within{border-color:#9960e4;box-shadow:0 0 0 3px #8036e811}.ref-login-password .icon{width:19px;height:19px}.ref-login-password>input{border:0;outline:0;box-shadow:none;background:transparent;width:100%;min-width:0;font-size:16px;letter-spacing:.09em;height:100%;color:#383a46;padding:0}.ref-login-password>input:focus-visible{outline:0}.ref-login-card .form-error{min-height:21px;font-size:12px;margin:7px 0 12px;color:#e43a61;line-height:1.6}.ref-login-card .ref-login-submit{width:100%;min-height:48px;border-radius:6px;border:1px solid #7e30ec;background:linear-gradient(115deg,#8137f0,#7528e8);font-size:16px;color:white;gap:15px}.ref-login-card .ref-login-submit:hover{background:#6821d4;border-color:#6821d4}.ref-login-card .ref-login-submit:disabled{background:#9d70e0;cursor:wait}.ref-login-submit .icon{width:21px;height:21px}.ref-login-note{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:22px;margin-top:25px;border-top:1px solid #f0eff5;color:#9799a3;font-size:12px}.ref-login-note .icon{width:15px;height:15px;color:#0fa587}.ref-login-footer{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 20px 24px;color:#a0a0ad;font-size:12px;flex-shrink:0}.ref-login-footer>span{color:#c2bccd}
.replica-login button:focus-visible,.replica-login a:focus-visible{outline:3px solid #ba93ef;outline-offset:3px}
@media(max-width:1200px){.ref-login-layout{max-width:960px;gap:55px;grid-template-columns:minmax(0,1fr) 410px}.ref-login-welcome h1{font-size:38px}.ref-login-intro{font-size:15px}.ref-login-features{gap:9px}.ref-login-features article{padding:17px 11px}.ref-login-features p{font-size:11px}.ref-login-card{padding-inline:28px}.ref-login-industries{gap:8px;font-size:12px}}
@media(max-width:900px){.ref-login-layout{width:calc(100% - 48px);gap:32px;grid-template-columns:minmax(0,1fr) 390px}.ref-login-welcome h1{font-size:32px}.ref-login-intro{font-size:14px}.ref-login-features{grid-template-columns:1fr;gap:10px;margin-top:27px}.ref-login-features article{position:relative;min-height:70px;padding:12px 12px 12px 68px}.ref-login-features article>span{position:absolute;left:12px;top:13px}.ref-login-features h3{font-size:14px;margin-bottom:4px}.ref-login-industries{display:none}}
@media(max-width:700px){.ref-login-header{height:60px;padding:0 20px;gap:15px}.ref-login-brand svg{width:31px;height:31px}.ref-login-brand b{font-size:21px}.ref-login-header-divider,.ref-login-header>strong{display:none}.ref-login-demo{font-size:11px}.ref-login-layout{width:100%;max-width:470px;display:block;padding:29px 20px 25px;margin:0 auto;flex:1}.ref-login-welcome{margin-bottom:25px}.ref-login-kicker{font-size:12px;margin-bottom:10px;gap:8px}.ref-login-kicker>span{width:18px;height:3px}.ref-login-welcome h1{font-size:28px;line-height:1.4}.ref-login-welcome h1>br{display:none}.ref-login-welcome h1>span{display:block}.ref-login-intro{font-size:13px;line-height:1.75;margin-top:11px}.ref-login-intro>br{display:none}.ref-login-features{display:none}.ref-login-card{padding:24px 22px 22px;border-radius:7px}.ref-login-card h2{font-size:24px}.ref-login-card-intro{font-size:13px;margin-bottom:20px}.ref-login-card-head>span{width:33px;height:33px}.ref-login-roles{gap:7px}.ref-login-roles>button{font-size:12px;min-height:65px}.ref-login-identity{font-size:11px;margin-bottom:21px}.ref-login-password-label{font-size:13px}.ref-login-password-label>span{font-size:11px}.ref-login-card .ref-login-submit{font-size:15px}.ref-login-note{font-size:11px;padding-top:17px;margin-top:21px}.ref-login-footer{font-size:10px;gap:7px;padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.ref-login-page *{transition:none!important}}
@media print{.ref-login-page{display:none!important}}