.login-redesign{--login-text:#f3f8ff;--login-muted:#99aabd;isolation:isolate;min-height:100vh;color:var(--login-text);background:#080c17;font-family:Inter,sans-serif;position:relative;overflow:hidden}.login-ambient{z-index:-2;pointer-events:none;background:radial-gradient(700px 550px at 10% 18%,#296be238,#0000 70%),radial-gradient(680px 570px at 90% 65%,#13a4be26,#0000 70%),#080c17;position:absolute;inset:0}.login-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#8bb7e20a 1px,#0000 1px),linear-gradient(90deg,#8bb7e20a 1px,#0000 1px);background-size:62px 62px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#000,#0000 75%);mask-image:linear-gradient(100deg,#000,#0000 75%)}.login-topbar{justify-content:space-between;align-items:center;width:min(100% - 80px,1360px);height:95px;margin-inline:auto;display:flex}.login-brand{color:#fff;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.login-brand-mark{background:linear-gradient(140deg,#3d7cff33,#3cebe614);border:1px solid #60dbf44d;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.login-brand-mark img{object-fit:contain}.login-brand>span:last-child{letter-spacing:.1em;flex-direction:column;font:800 14px/1 Plus Jakarta Sans,sans-serif;display:flex}.login-brand small{color:#7bdfec;letter-spacing:.16em;margin-top:5px;font-size:11px}.login-back{color:#a4b6ca;align-items:center;gap:9px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex}.login-back:hover{color:#e7faff}.login-main{grid-template-columns:1fr minmax(390px,480px);align-items:center;gap:clamp(55px,9vw,170px);width:min(100% - 80px,1360px);min-height:calc(100vh - 95px);margin-inline:auto;padding:38px 0 90px;display:grid}.login-story{max-width:720px}.story-kicker{color:#7be0ef;letter-spacing:.15em;align-items:center;gap:10px;font-size:11px;font-weight:800;display:inline-flex}.story-kicker span{background:#69ebd4;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #69ebd4}.login-story h1{color:#fff;letter-spacing:-.057em;max-width:730px;margin:25px 0 20px;font:800 clamp(47px,5.6vw,81px)/1.1 Plus Jakarta Sans,sans-serif}.login-story h1 em{color:#0000;background:linear-gradient(100deg,#84eaf4,#62b2fb 57%,#8794ff);-webkit-background-clip:text;background-clip:text;font-style:normal}.login-story>p{color:#a9bbce;max-width:560px;font-size:17px;line-height:1.72}.story-list{gap:15px;margin-top:42px;display:grid}.story-list>div{align-items:center;gap:15px;display:flex}.story-list>div>span{color:#87e7f2;background:#358cbe1f;border:1px solid #73d2ee2e;border-radius:12px;flex:none;place-items:center;width:45px;height:45px;display:grid}.story-list strong{color:#e4f1fb;font-size:14px;font-weight:700;display:block}.story-list small{color:#7e94ac;margin-top:3px;font-size:13px;display:block}.story-signature{color:#718ba5;align-items:center;gap:12px;margin-top:65px;font-size:12px;display:flex}.story-line{background:#67cce6;width:31px;height:1px}.login-panel{width:100%}.login-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(150deg,#1b2b43d4,#0b1321f0 68%);border:1px solid #90ceee33;border-radius:21px;padding:35px;position:relative;overflow:hidden;box-shadow:0 34px 100px #0000006b,inset 0 0 0 1px #ffffff06}.card-accent{background:linear-gradient(90deg,#0000,#79edf8cc,#0000);height:1px;position:absolute;top:0;left:15%;right:15%}.login-card-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.login-card-icon{color:#8ce7f1;background:linear-gradient(145deg,#34acca2b,#2a61bb1f);border:1px solid #68deef4d;border-radius:14px;place-items:center;width:50px;height:50px;display:grid}.preview-badge{color:#94e6f3;letter-spacing:.11em;background:#2299be1c;border:1px solid #77d9ed47;border-radius:100px;padding:7px 10px;font-size:10px;font-weight:800}.login-card h2{color:#fff;letter-spacing:-.04em;margin:28px 0 7px;font:750 31px/1.18 Plus Jakarta Sans,sans-serif}.login-card-intro{color:#9daec2;max-width:350px;font-size:14px;line-height:1.65}.login-error{color:#ffd1d5;background:#a52f4226;border:1px solid #ff838b61;border-radius:10px;margin-top:20px;padding:12px 14px;font-size:13px;line-height:1.5}.login-form{gap:20px;margin-top:33px;display:grid}.login-field label{color:#c5d4e5;margin-bottom:9px;font-size:14px;font-weight:650;display:block}.input-shell{color:#819bb3;background:#050d1b91;border:1px solid #97bae036;border-radius:10px;align-items:center;gap:12px;height:52px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.input-shell:focus-within{border-color:#5bdceb;box-shadow:0 0 0 3px #51d3ec24}.input-shell>svg{flex:none}.input-shell input{color:#f4faff;background:0 0;border:0;outline:0;flex:1;width:100%;min-width:0;font:400 15px/1.4 Inter,sans-serif}.input-shell input::placeholder{color:#6f8299}.input-shell input:-webkit-autofill{-webkit-text-fill-color:#f4faff;caret-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px #101d30}.input-shell input:-webkit-autofill:hover{-webkit-text-fill-color:#f4faff;caret-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px #101d30}.input-shell input:-webkit-autofill:focus{-webkit-text-fill-color:#f4faff;caret-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px #101d30}.password-toggle{color:#8ba5bd;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:30px;height:30px;display:grid}.password-toggle:hover{color:#a9ecf4}.login-submit{color:#06111e;cursor:pointer;background:linear-gradient(105deg,#77eff1,#62c8fd 47%,#7c92ff);border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:53px;margin-top:8px;font:750 15px/1 Inter,sans-serif;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 13px 33px #2796e43d}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 17px 36px #2796e459}.login-submit:disabled{cursor:wait;opacity:.7}.preview-roles{background:#2a77a01a;border:1px solid #71d3ed38;border-radius:12px;margin-top:25px;padding:17px}.preview-roles>span{color:#85dce9;letter-spacing:.12em;font-size:10px;font-weight:800}.preview-roles>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.preview-roles a{color:#d7f5fb;background:#ffffff09;border:1px solid #97c8eb33;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;min-height:42px;padding:9px 11px;font-size:12px;font-weight:700;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.preview-roles a:hover{background:#4ab8da1f;border-color:#75e4f399}.preview-roles a:last-child{grid-column:1/-1}.login-card-support{color:#8ea4ba;border-top:1px solid #a5caec1f;gap:11px;margin-top:30px;padding-top:24px;font-size:12px;line-height:1.7;display:flex}.login-card-support>svg{color:#79d9e8;flex:none}.login-card-support a{color:#c9f5fa;align-items:center;gap:4px;font-weight:700;text-decoration:none;display:inline-flex}.login-card-support a:hover{text-underline-offset:3px;text-decoration:underline}.login-footnote{color:#6f8399;text-align:center;margin-top:20px;font-size:11px}@media (max-width:1050px){.login-main{gap:45px}.login-story h1{font-size:clamp(45px,5.3vw,65px)}}@media (max-width:800px){.login-topbar,.login-main{width:min(100% - 40px,520px)}.login-topbar{height:75px}.login-main{min-height:calc(100vh - 75px);padding:34px 0 70px;display:block}.login-story{display:none}}@media (max-width:520px){.login-topbar,.login-main{width:min(100% - 32px,480px)}.login-back{gap:0;font-size:0}.login-back svg{width:22px;height:22px}.login-main{padding-top:27px}.story-kicker{letter-spacing:.1em;font-size:9px}.login-story h1{font-size:clamp(36px,9vw,46px)}.login-story>p{font-size:13px;line-height:1.6}.login-card{border-radius:17px;padding:25px 21px}.login-card h2{margin-top:20px;font-size:27px}.login-card-intro{font-size:13px}.login-form{margin-top:25px}.login-card-support{font-size:12px}.preview-roles>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.login-redesign *,.login-redesign :before,.login-redesign :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.login-redesign :is(a,button):focus-visible{outline-offset:4px;outline:2px solid #8debf4}.login-access-shortcuts{margin-top:25px}.login-access-shortcuts>span{color:#91bbcf;letter-spacing:.08em;font-size:9px;font-weight:750}.login-access-shortcuts>div{grid-template-columns:1fr;gap:9px;margin-top:11px;display:grid}.login-access-shortcuts button{color:#c8e8f4;text-align:left;cursor:pointer;background:#1d58771f;border:1px solid #7ebfe040;border-radius:9px;align-items:center;gap:10px;padding:12px 10px;font:650 12px/1.4 Inter,sans-serif;display:flex}.login-access-shortcuts button svg{color:#79d9e8;flex:none}.login-access-shortcuts button small{color:#829eb6;margin-top:4px;font-size:10px;font-weight:400;display:block}.login-access-shortcuts button:hover,.login-access-shortcuts button[aria-pressed=true]{background:#2883a033;border-color:#67c5d6}.login-access-shortcuts button:disabled{opacity:.5;cursor:wait}.login-access-shortcuts p{color:#849cb2;margin-top:10px;font-size:11px;line-height:1.6}.login-access-shortcuts+.login-form{margin-top:23px}.login-field input:disabled{opacity:.7}.login-card .preview-badge{text-align:center;line-height:1.5}.login-trial-note{color:#829db4;border:1px solid #78aecd2e;border-radius:9px;margin-top:20px;padding:12px 14px;font-size:11px;line-height:1.7}.login-trial-note strong{color:#acc8dc;margin-bottom:3px;font-weight:600;display:block}@media (max-width:370px){.login-access-shortcuts>div{grid-template-columns:1fr}.login-card-header{gap:10px}.login-card .preview-badge{max-width:170px;font-size:9px}}.login-demo-link{color:#a9bed3;font-size:14px}.login-demo-link a{color:#77eff1;text-underline-offset:3px;text-decoration:underline}.login-mode-switch{background:#050d1b80;border:1px solid #97bae029;border-radius:12px;grid-template-columns:1fr 1fr;gap:5px;margin-top:24px;padding:5px;display:grid}.login-mode-switch a{color:#91a8be;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:8px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:color .2s,background .2s,box-shadow .2s;display:flex}.login-mode-switch a:hover{color:#d7f7fb}.login-mode-switch a.active{color:#06111e;background:linear-gradient(105deg,#77eff1,#62c8fd 52%,#7c92ff);box-shadow:0 8px 24px #2796e433}.login-demo-entry{background:linear-gradient(145deg,#26719726,#101f3657);border:1px solid #71d3ed3b;border-radius:14px;margin-top:26px;padding:24px}.login-demo-entry h3{color:#f5fbff;margin:18px 0 8px;font-size:22px;line-height:1.2}.login-demo-entry p{color:#9db2c7;margin:0;font-size:13px;line-height:1.7}.login-demo-entry .login-field{margin-top:17px}.demo-credentials{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.demo-credentials span{color:#8da8bd;background:#08162773;border:1px solid #77eff12e;border-radius:8px;padding:7px 10px;font-size:11px}.demo-credentials strong{color:#d9f9fc;margin-left:4px;font-family:JetBrains Mono,monospace}.login-demo-entry .login-submit{margin-top:22px;text-decoration:none}.login-demo-entry small{color:#7f98ae;text-align:center;margin-top:13px;font-size:11px;display:block}