/* Login presentation is isolated from the workspace and the local trial. */
@media screen {
  body:not([data-trial]) #login {
    position:relative; isolation:isolate; overflow:hidden; min-height:100svh;
    display:grid; grid-template-columns:minmax(240px,340px) minmax(390px,480px) minmax(180px,260px);
    justify-content:center; align-content:center; align-items:center; gap:clamp(24px,4vw,70px); padding:96px 40px 88px;
    background:radial-gradient(ellipse at 57% 55%,#dceaff80,transparent 65%),linear-gradient(130deg,#f7fbff,#edf5ff 65%,#f8fbff);
    color:#16324f; font-family:"Segoe UI",Tahoma,sans-serif;
  }
  #login[hidden] { display:none!important; }
  body:not([data-trial]) #login::before,body:not([data-trial]) #login::after { content:"";position:absolute;z-index:-1;width:660px;height:660px;border-radius:50%;pointer-events:none; }
  body:not([data-trial]) #login::before { left:-380px;top:12%;background:linear-gradient(150deg,#d6e8ff99,#eaf3ff22); }
  body:not([data-trial]) #login::after { right:-200px;top:-400px;border:100px solid #dbeaff65;width:850px;height:850px; }
  .login-wordmark { position:absolute;top:30px;left:42px;font-size:25px;font-weight:800;letter-spacing:-1px; }
  .login-wordmark > span { color:#0769f2; }
  .login-wordmark small { display:inline-block;margin-left:16px;padding-left:16px;border-left:1px solid #c7d7eb;letter-spacing:0;font-weight:400;font-size:12px;color:#647b94;vertical-align:middle; }
  .login-intro .login-eyebrow { font-size:10px;letter-spacing:1.6px;font-weight:700;color:#2b75c9;margin:0 0 22px; }
  .login-intro h2 { font-size:clamp(26px,2.3vw,36px);line-height:1.55;letter-spacing:-.6px;margin:0 0 22px;font-weight:700; }
  .login-intro h2 > span { display:block;color:#0870f5; }
  .login-intro > p:not(.login-eyebrow) { font-size:14px;line-height:1.9;color:#637b95;margin:0; }
  .login-features { list-style:none;padding:0;margin:35px 0 0;display:grid;gap:23px; }
  .login-features li { display:flex;gap:14px;align-items:center; }
  .login-feature-icon { display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:#dfedff;border:1px solid #d4e7ff;border-radius:15px;color:#1875ed; }
  #login svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0; }
  .login-features strong { display:block;font-size:14px;font-weight:600; }
  .login-features small { display:block;margin-top:4px;font-size:12px;color:#6a8097; }
  body:not([data-trial]) #login .login-card { width:100%;padding:36px 38px 26px;background:#ffffffed;border:1px solid #fff;border-radius:28px;box-shadow:0 28px 80px #23549714,0 5px 18px #23549706;text-align:center; }
  body:not([data-trial]) #login .brand-mark { position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:5px;width:86px;height:84px;margin:0 auto 23px;border-radius:24px;background:linear-gradient(140deg,#0877ff,#0059e3);box-shadow:0 8px 20px #0865ed30;color:white;font-size:26px;font-weight:800;letter-spacing:-1px;padding:0; }
  body:not([data-trial]) #login .brand-mark span { color:white; }
  #login .brand-mark::after { content:"";position:absolute;right:-26px;bottom:-32px;width:100px;height:60px;border-radius:50%;background:#ffffff20;transform:rotate(-25deg); }
  #login #login-title { font-size:32px;line-height:1.45;margin:0 0 4px;color:#142e4b;letter-spacing:-.5px; }
  #login .login-welcome { font-size:16px;color:#57708d;margin:0 0 9px;font-weight:600; }
  #login .login-card > .muted { font-size:13px;color:#6b8097;line-height:1.7;margin:0 0 29px; }
  #login #login-form { text-align:left; }
  #login #login-form label { margin:0 0 20px;gap:8px;color:#2a415c;font-size:14px;font-weight:600; }
  #login .login-input-wrap { display:flex;align-items:center;position:relative; }
  #login .login-input-wrap > svg { position:absolute;left:16px;pointer-events:none;color:#7288a1;width:20px;height:20px; }
  #login #login-form input:not([type=hidden]) { width:100%;height:54px;min-width:0;border:1px solid #cddbeb;border-radius:12px;padding:13px 48px;background:#fcfdff;color:#203b58;font:400 14px "Segoe UI",Tahoma,sans-serif;transition:border-color .15s,box-shadow .15s; }
  #login #login-form input::placeholder { color:#7c8fa5;opacity:1; }
  #login #login-form input:focus { border-color:#468bf7;box-shadow:0 0 0 3px #0865ed0d;outline:none; }
  #login #login-toggle-password { position:absolute;right:5px;width:44px;height:44px;padding:0;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#6f839d; }
  #login #login-toggle-password:hover { background:#edf4ff;color:#0865ed; }
  #login #login-toggle-password[aria-pressed=true] .login-eye-slash { display:none; }
  #login #login-form button[type=submit] { display:flex;align-items:center;justify-content:center;gap:16px;height:54px;margin:8px 0 0;padding:12px 18px;border:0;border-radius:12px;font:600 17px "Segoe UI",Tahoma,sans-serif;background:linear-gradient(110deg,#0875ff,#0062ef);box-shadow:0 6px 15px #0865ed20;transition:background .15s,box-shadow .15s; }
  #login #login-form button[type=submit]:hover:not(:disabled) { background:#0057d8;box-shadow:0 6px 20px #0865ed35; }
  #login #login-message { margin:14px 0 0;text-align:left; }
  #login #login-message:empty { display:none; }
  #login .login-help { padding-top:21px;margin:24px 0 0;border-top:1px solid #e4ebf5;color:#708298;font-size:12px;line-height:1.9; }
  #login .login-help span { color:#315b8c;font-weight:600;font-size:13px; }
  .login-art { align-self:center;perspective:1000px;pointer-events:none; }
  .login-art > p { text-align:right;font-size:18px;color:#8b9db2;line-height:1.7;margin:0 0 50px;font-weight:400; }
  .login-art > p strong { font-weight:500;color:#6e87a3; }
  .login-terminal { width:280px;height:210px;background:#f8fbff;border:10px solid #7c93ab;border-radius:14px;transform:rotateY(-18deg) rotateZ(5deg);box-shadow:8px 20px 40px #4d759723;opacity:.65;overflow:hidden; }
  .login-terminal-top { display:flex;gap:3px;align-items:center;height:28px;background:#244364;color:white;padding:0 12px;font-size:11px; }
  .login-terminal-top b { color:#52a5ff; }.login-terminal-top i { display:block;background:#648aaf;width:4px;height:4px;border-radius:50%;margin-left:auto; }.login-terminal-top i+i { margin-left:3px; }
  .login-terminal-body { display:flex;height:164px;gap:10px; }.login-terminal-sidebar { width:44px;background:#d8e8fc;padding:16px 7px; }.login-terminal-sidebar b { display:block;height:5px;margin-bottom:15px;background:#96bbed;border-radius:3px; }
  .login-terminal-products { flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 10px 18px 0; }
  .login-terminal-products i { position:relative;border:1px solid #dce7f5;border-radius:5px;background:linear-gradient(#eff5ff 65%,white 65%); }
  .login-terminal-products i::before { content:"";display:block;width:22px;height:18px;border-radius:4px;background:#b4cef0;margin:10px auto; }.login-terminal-products i:nth-child(2n)::before { border-radius:50%;background:#c2d7df; }.login-terminal-products i::after { content:"";position:absolute;bottom:7px;left:9px;right:9px;height:3px;border-radius:2px;background:#cddbeb; }
  .login-terminal-stand { width:100px;height:70px;margin:-5px auto 0;background:linear-gradient(100deg,#aabdd0,#d1deeb);clip-path:polygon(35% 0,72% 0,73% 80%,100% 91%,100% 100%,0 100%,0 91%,30% 80%);opacity:.6;transform:rotate(5deg); }
  .login-art-caption { display:block;text-align:right;margin-top:38px;color:#8baedb;font-size:15px;font-style:italic;letter-spacing:.5px; }
  .login-footer { position:absolute;bottom:28px;left:20px;right:20px;display:flex;justify-content:center;align-items:center;gap:18px;color:#6e86a2;font-size:12px; }
  .login-footer strong { font-size:16px;letter-spacing:-.5px; }.login-footer > span { padding-left:18px;border-left:1px solid #c3d2e5; }
  @media(min-width:1600px) { body:not([data-trial]) #login { gap:80px; } }
  @media(max-width:1190px) { body:not([data-trial]) #login { grid-template-columns:minmax(240px,340px) minmax(390px,480px);gap:48px; }.login-art { display:none; } }
  @media(max-width:850px) { body:not([data-trial]) #login { grid-template-columns:minmax(0,460px);padding:78px 24px 76px; }.login-intro { display:none; }.login-wordmark { left:26px;top:22px;font-size:21px; } }
  @media(max-width:480px) { body:not([data-trial]) #login { padding:76px 18px 80px; }body:not([data-trial]) #login .login-card { padding:28px 24px 22px;border-radius:22px; }#login #login-title { font-size:28px; }#login .login-card > .muted { font-size:12px; }body:not([data-trial]) #login .brand-mark { width:74px;height:74px;border-radius:21px;font-size:24px;margin-bottom:20px; }.login-wordmark small { font-size:11px; }.login-footer { font-size:11px;gap:12px; }.login-footer > span { padding-left:12px; } }
  @media(prefers-reduced-motion:reduce) { #login input,#login button { transition:none!important; } }
}