@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600&display=swap');

:root{
  --auth-font-sans:"Inter","Microsoft YaHei UI","PingFang SC",sans-serif;
  --auth-font-display:"Outfit","Microsoft YaHei UI","PingFang SC",sans-serif;
}

/* Phone-first public landing. It reuses the brand content, but has its own
   vertical composition instead of shrinking the 1847 × 852 desktop canvas. */
@media(max-width:760px){
  html body.workspace-readable.public-auth-open{overflow:hidden!important;background:#edf5ff!important}
  html body.workspace-readable.public-auth-open #mobileDock{display:none!important}
  html body.workspace-readable.public-auth-open #authModal.mobile-app-page:not(.hidden){
    position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;
    padding:0!important;overflow:hidden!important;background:#edf5ff!important
  }
  html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden)))>.auth-landing-shell{
    display:block!important;width:100%!important;max-width:none!important;height:100dvh!important;min-height:0!important;
    margin:0!important;overflow:hidden!important;background:#edf5ff!important
  }
  html body.workspace-readable.public-auth-open #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site{
    position:relative!important;isolation:isolate!important;display:block!important;width:100%!important;height:100%!important;
    margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;border:0!important;border-radius:0!important;
    background:radial-gradient(circle at 92% 4%,rgba(71,158,255,.2),transparent 32%),linear-gradient(180deg,#f8fbff 0%,#eef6ff 54%,#e6f1ff 100%)!important;
    box-shadow:none!important;color:#071b4b!important;-webkit-overflow-scrolling:touch
  }
  html body.workspace-readable.public-auth-open #authModal .auth-story.login-site::before{
    content:""!important;display:block!important;position:absolute!important;z-index:0!important;inset:0!important;
    background:radial-gradient(circle at 6% 56%,rgba(55,174,241,.1),transparent 30%)!important;pointer-events:none!important
  }
  html body.workspace-readable.public-auth-open .login-site-header{
    position:sticky!important;z-index:12!important;top:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    width:100%!important;min-height:calc(68px + env(safe-area-inset-top))!important;margin:0!important;
    padding:calc(12px + env(safe-area-inset-top)) 18px 10px!important;border:0!important;
    background:linear-gradient(180deg,rgba(248,252,255,.98),rgba(248,252,255,.86))!important;
    box-shadow:0 1px 0 rgba(36,91,164,.08)!important;backdrop-filter:blur(14px)!important
  }
  html body.workspace-readable.public-auth-open .login-site-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
  html body.workspace-readable.public-auth-open .login-site-brand strong{color:#0a3476!important;font-size:21px!important;font-weight:950!important;letter-spacing:.03em!important}
  html body.workspace-readable.public-auth-open .login-site-brand i{display:block!important;width:1px!important;height:20px!important;background:rgba(18,74,151,.24)!important}
  html body.workspace-readable.public-auth-open .login-site-brand span{display:block!important;color:#6b7f9c!important;font-size:10px!important;font-weight:700!important}
  html body.workspace-readable.public-auth-open .login-site-nav{display:none!important}
  html body.workspace-readable.public-auth-open .login-site-account{display:flex!important;align-items:center!important;justify-content:flex-end!important}
  html body.workspace-readable.public-auth-open .login-site-account>span{display:none!important}
  html body.workspace-readable.public-auth-open #authModal .login-site-account .auth-header-login{
    position:static!important;display:inline-flex!important;width:auto!important;min-width:88px!important;height:42px!important;min-height:42px!important;
    align-items:center!important;justify-content:center!important;margin:0!important;padding:0 15px!important;border:0!important;border-radius:999px!important;
    background:linear-gradient(135deg,#075ec8,#148de9)!important;color:#fff!important;box-shadow:0 9px 22px rgba(17,105,211,.22)!important;
    font-size:13px!important;font-weight:850!important;transform:none!important
  }
  html body.workspace-readable.public-auth-open .login-site-body{
    position:relative!important;z-index:2!important;inset:auto!important;display:flex!important;min-height:calc(100dvh - 68px - env(safe-area-inset-top))!important;
    flex-direction:column!important;grid-template-columns:none!important;padding:0 0 calc(20px + env(safe-area-inset-bottom))!important
  }
  html body.workspace-readable.public-auth-open .login-site-copy{
    position:relative!important;z-index:3!important;display:block!important;width:100%!important;height:auto!important;
    padding:38px 22px 18px!important;box-sizing:border-box!important;text-align:left!important
  }
  html body.workspace-readable.public-auth-open .login-site-kicker{margin:0 0 13px!important;color:#2576e6!important;font-size:10px!important;font-weight:800!important;letter-spacing:.24em!important}
  html body.workspace-readable.public-auth-open #authModal .login-site-copy h1{
    position:static!important;width:auto!important;margin:0!important;color:#061b50!important;font-size:clamp(38px,11vw,50px)!important;
    font-weight:950!important;line-height:1.08!important;letter-spacing:-.055em!important;white-space:normal!important;transform:none!important
  }
  html body.workspace-readable.public-auth-open #authModal .login-site-copy h1 em{display:inline!important;color:#1377ef!important;transform:none!important}
  html body.workspace-readable.public-auth-open #authModal .login-site-copy h1 em::after{content:none!important;display:none!important}
  html body.workspace-readable.public-auth-open .login-site-description{
    position:static!important;max-width:340px!important;margin:20px 0 0!important;color:#38577f!important;
    font-size:15px!important;font-weight:650!important;line-height:1.7!important;white-space:normal!important
  }
  html body.workspace-readable.public-auth-open .login-site-actions{position:static!important;display:block!important;margin:22px 0 0!important}
  html body.workspace-readable.public-auth-open #authModal .login-site-actions .auth-landing-login{
    display:flex!important;width:100%!important;min-width:0!important;height:54px!important;min-height:54px!important;align-items:center!important;justify-content:center!important;
    margin:0!important;padding:0 20px!important;border:0!important;border-radius:16px!important;
    background:linear-gradient(135deg,#075bd1 0%,#117ce7 62%,#1ba8da 100%)!important;color:#fff!important;
    box-shadow:0 16px 32px rgba(18,105,211,.24)!important;font-size:17px!important;font-weight:900!important;transform:none!important
  }
  html body.workspace-readable.public-auth-open .login-site-actions .auth-landing-login b{display:none!important}
  html body.workspace-readable.public-auth-open .login-site-demo{display:none!important}
  html body.workspace-readable.public-auth-open .login-site-features{
    position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;height:auto!important;
    gap:8px!important;margin:20px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important
  }
  html body.workspace-readable.public-auth-open .login-site-features>span{
    display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:auto auto!important;min-height:66px!important;
    align-items:center!important;padding:11px 10px!important;border:1px solid rgba(177,205,240,.7)!important;border-radius:15px!important;
    background:rgba(255,255,255,.72)!important;box-shadow:0 8px 20px rgba(51,99,162,.06)!important
  }
  html body.workspace-readable.public-auth-open .login-site-features i{display:grid!important;grid-row:1/3!important;width:30px!important;height:30px!important;place-items:center!important;border-radius:10px!important;background:#e8f3ff!important;color:#0b70df!important}
  html body.workspace-readable.public-auth-open .login-site-features i svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}
  html body.workspace-readable.public-auth-open .login-site-features b{color:#173867!important;font-size:12px!important;font-weight:850!important;white-space:nowrap!important}
  html body.workspace-readable.public-auth-open .login-site-features small{color:#7185a0!important;font-size:9px!important;white-space:nowrap!important}
  html body.workspace-readable.public-auth-open .login-site-stats{display:none!important}
  html body.workspace-readable.public-auth-open .login-site-visual{
    position:relative!important;z-index:2!important;inset:auto!important;display:block!important;flex:0 0 auto!important;
    width:auto!important;height:clamp(210px,31dvh,300px)!important;margin:4px 18px 0!important;border:1px solid rgba(255,255,255,.92)!important;
    border-radius:26px!important;background:url('/assets/auth/login-landing-clean-plate-v6.png') 66% center/cover no-repeat!important;
    box-shadow:0 22px 52px rgba(40,92,162,.16),inset 0 1px rgba(255,255,255,.95)!important;overflow:hidden!important;pointer-events:none!important
  }
  html body.workspace-readable.public-auth-open .login-site-visual::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(20,88,186,.08))!important}
  html body.workspace-readable.public-auth-open .login-site-visual>img,
  html body.workspace-readable.public-auth-open .login-site-monitor-ui,
  html body.workspace-readable.public-auth-open .login-site-float{display:none!important}
}

/* The public login page is the initial document state. Keep the workspace out
   of layout until the session check explicitly promotes an authenticated user. */
html body.workspace-readable.public-auth-open>.app-shell{display:none!important}

/* Modern first-login entrance. The account form remains the existing secure flow. */
#authModal:not(.hidden):not(:has(#securityPanel:not(.hidden))){
  display:block!important;
  padding:24px 24px 30px!important;
  overflow:auto!important;
  background:#f9fafb!important;
  color:#0a1b33;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  font-family:var(--auth-font-sans);
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-shell{
  position:relative;
  z-index:1;
  width:100vw;
  max-width:none;
  margin:0;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story{
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  width:100vw!important;
  max-width:none!important;
  height:600px;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(226,232,240,.5);
  border-radius:48px;
  background:#fff;
  color:#0a1b33;
  text-align:left;
  text-shadow:none;
  box-shadow:0 40px 100px -20px rgba(0,0,0,.03);
  transition:opacity .38s ease,filter .38s ease,transform .44s cubic-bezier(.16,1,.3,1);
}
.auth-hero-video{
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  user-select:none;
}
.auth-hero-video img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar{
  position:absolute;
  z-index:20;
  top:30px;
  left:34px;
  right:34px;
  display:flex;
  align-items:center;
  gap:11px;
  color:#0a1b33;
  text-shadow:none;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar img{
  display:block;
  width:112px;
  height:76px;
  object-fit:contain;
  object-position:left center;
  filter:none;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar-copy{display:none}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar-copy b{color:#0a1b33;font-size:17px;font-weight:700;letter-spacing:.07em}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar-copy small{color:#64748b;font:600 7px/1.2 var(--auth-font-sans);letter-spacing:.18em}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar::after{display:none!important}
.auth-hero-copy{
  position:relative;
  z-index:20;
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  padding:116px 64px 112px;
  animation:authHeroCopyIn .7s cubic-bezier(.16,1,.3,1) both;
}
.auth-copy-rotating{
  width:100%;
  transform:translateY(0);
  opacity:1;
  will-change:transform,opacity;
}
.auth-copy-rotating.copy-leaving{
  opacity:0;
  transform:translateY(-18px);
  transition:opacity .2s ease,transform .24s cubic-bezier(.4,0,1,1);
}
.auth-copy-rotating.copy-entering{
  animation:authCopyRollIn .38s cubic-bezier(.16,1,.3,1) both;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 18px;
  color:#53657b;
  font:600 10px/1 var(--auth-font-sans);
  letter-spacing:.19em;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-kicker::before{
  width:30px;
  height:1px;
  background:#0a1b33;
  box-shadow:none;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story h1{
  max-width:720px;
  margin:0;
  color:#0a1b33;
  font-family:var(--auth-font-display);
  font-size:56px;
  font-weight:500;
  line-height:1.03;
  letter-spacing:-.045em;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story h1 em{
  color:#0a1b33;
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  filter:none;
  font-style:normal;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story>p,
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-copy-rotating>p{
  max-width:580px;
  margin:22px 0 0;
  color:#64748b;
  font:500 15px/1.75 var(--auth-font-sans);
  letter-spacing:0;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-detail{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-detail span{
  display:grid;
  min-width:0;
  gap:3px;
  padding:8px 11px;
  border:1px solid rgba(226,232,240,.72);
  border-radius:12px;
  background:rgba(255,255,255,.64);
  box-shadow:0 5px 16px rgba(15,23,42,.035);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-detail small{color:#8a98a9;font-size:8px;font-weight:600;letter-spacing:.08em}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-detail b{color:#314258;font-size:10px;font-weight:600;letter-spacing:0}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-login{
  display:inline-flex;
  min-width:142px;
  min-height:48px;
  align-items:center;
  justify-content:center;
  margin-top:24px;
  padding:0 25px;
  border:0;
  border-radius:999px;
  background:#0a152d;
  color:#fff;
  font:600 13px/1 var(--auth-font-sans);
  letter-spacing:.02em;
  box-shadow:0 12px 28px rgba(10,21,45,.18);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-login:hover{
  transform:translateY(-2px) scale(1.025);
  background:#10213e;
  box-shadow:0 16px 34px rgba(10,21,45,.23);
}
.auth-floating-nav{
  position:absolute;
  z-index:30;
  bottom:40px;
  left:50%;
  display:flex;
  align-items:center;
  gap:2px;
  padding:6px;
  border:1px solid rgba(226,232,240,.4);
  border-radius:999px;
  background:rgba(255,255,255,.9);
  box-shadow:0 12px 40px rgba(0,0,0,.08);
  -webkit-backdrop-filter:blur(24px);
  backdrop-filter:blur(24px);
  transform:translateX(-50%);
  animation:authNavIn .62s .24s cubic-bezier(.16,1,.3,1) both;
}
.auth-nav-mark{
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  flex:0 0 auto;
  border:1px solid #f1f5f9;
  border-radius:50%;
  background:#fff;
  color:#0a1b33;
  box-shadow:0 3px 10px rgba(15,23,42,.06);
  font-size:17px;
}
.auth-floating-nav a{
  padding:10px 14px;
  color:#64748b;
  font:600 12px/1 var(--auth-font-sans);
  text-decoration:none;
  white-space:nowrap;
  transition:color .18s ease;
}
.auth-floating-nav a:hover{color:#0a1b33}
.auth-floating-nav button{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  padding:0 20px;
  border:1px solid rgba(226,232,240,.6);
  border-radius:999px;
  background:#fff;
  color:#0a1b33;
  box-shadow:0 3px 10px rgba(15,23,42,.055);
  font:600 12px/1 var(--auth-font-sans);
  white-space:nowrap;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.auth-floating-nav button span{font-size:18px;line-height:0;transition:transform .18s ease}
.auth-floating-nav button:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,23,42,.08)}
.auth-floating-nav button:hover span{transform:translateX(2px)}

.auth-format-marquee{
  width:100%;
  margin-top:40px;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
}
.auth-format-track{
  display:flex;
  width:max-content;
  animation:authFormatMarquee 28s linear infinite;
  will-change:transform;
}
.auth-format-marquee:hover .auth-format-track{animation-play-state:paused}
.auth-format-set{display:flex;gap:16px;padding-right:16px}
.auth-format-card{
  --format-a:#dbeafe;
  --format-b:#bfdbfe;
  --format-face:#11243f;
  --format-mark:"P";
  --format-code:"PNG";
  position:relative;
  isolation:isolate;
  display:flex;
  width:160px;
  height:96px;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex:0 0 auto;
  overflow:hidden;
  border:1px solid rgba(226,232,240,.6);
  border-radius:999px;
  background:#fff;
  color:#0a1b33;
  box-shadow:0 3px 10px rgba(15,23,42,.055);
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.auth-format-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-14px;
  border-radius:inherit;
  background:linear-gradient(135deg,var(--format-a),var(--format-b));
  opacity:0;
  transform:scale(1.5);
  transition:opacity .25s ease,transform .25s ease;
}
.auth-format-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 9px 24px rgba(15,23,42,.09)}
.auth-format-card:hover::before{opacity:1;transform:scale(1)}
.auth-format-card i{
  position:relative;
  display:flex;
  width:54px;
  height:62px;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  overflow:hidden;
  border:4px solid var(--format-a);
  border-radius:14px 18px 14px 14px;
  background:var(--format-face);
  color:var(--format-a);
  box-shadow:0 8px 18px color-mix(in srgb,var(--format-b) 24%,transparent),inset 0 1px rgba(255,255,255,.08);
  font-style:normal;
  transition:transform .22s ease,box-shadow .22s ease;
}
.auth-format-card i::before{
  content:var(--format-mark);
  transform:translateY(-6px);
  font:600 24px/1 var(--auth-font-display);
  letter-spacing:-.05em;
}
.auth-format-card i::after{
  content:var(--format-code);
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  padding:4px 2px 5px;
  background:rgba(0,0,0,.2);
  color:#fff;
  font:700 7px/1 var(--auth-font-sans);
  letter-spacing:.1em;
  text-align:center;
}
.auth-format-card svg{display:none}
.auth-format-card b{max-width:65px;color:#2c3d55;font:700 11px/1.35 var(--auth-font-sans);letter-spacing:.02em}
.auth-format-card:hover i{transform:translateY(-3px) rotate(-2deg) scale(1.04);box-shadow:0 13px 26px color-mix(in srgb,var(--format-b) 36%,transparent),inset 0 1px rgba(255,255,255,.12)}
.format-png{--format-a:#8bc5ff;--format-b:#2563eb;--format-face:#163a6b;--format-mark:"P";--format-code:"PNG"}
.format-jpg{--format-a:#ffd36a;--format-b:#f97316;--format-face:#5c2918;--format-mark:"J";--format-code:"JPG"}
.format-webp{--format-a:#6ee7ca;--format-b:#0d9488;--format-face:#123f42;--format-mark:"W";--format-code:"WEBP"}
.format-svg{--format-a:#ffb45f;--format-b:#f97316;--format-face:#49250f;--format-mark:"SVG";--format-code:"VECTOR"}
.format-svg i::before{font-size:14px;letter-spacing:.02em}
.format-psd{--format-a:#31a8ff;--format-b:#1675d1;--format-face:#001e36;--format-mark:"Ps";--format-code:"PSD"}
.format-tiff{--format-a:#ff9dcb;--format-b:#e11d75;--format-face:#51213d;--format-mark:"T";--format-code:"TIFF"}
.format-bmp{--format-a:#baf56d;--format-b:#65a30d;--format-face:#2f441b;--format-mark:"B";--format-code:"BMP"}
.format-dxf{--format-a:#70e4f5;--format-b:#0891b2;--format-face:#123c52;--format-mark:"D";--format-code:"DXF"}

#authModal.auth-form-open:not(:has(#securityPanel:not(.hidden))) .auth-landing-shell{filter:blur(9px);opacity:.38;pointer-events:none;transform:scale(.99)}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-shell{transition:filter .36s ease,opacity .36s ease,transform .42s ease}
#authModal:not(:has(#securityPanel:not(.hidden))) #authForm{z-index:50!important}
#authModal:not(:has(#securityPanel:not(.hidden))) #authBrandMark{
  width:118px!important;
  height:92px!important;
  margin:-10px auto -3px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) #authBrandMark img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:none!important;
}

@keyframes authHeroCopyIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes authCopyRollIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes authNavIn{from{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes authFormatMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media(max-width:820px){
  #authModal:not(:has(#securityPanel:not(.hidden))){padding:12px 12px 22px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story{display:flex;width:100%!important;height:calc(100dvh - 126px);min-height:560px;border-radius:32px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar{top:22px;left:22px;right:22px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar img{width:100px;height:68px}
  .auth-hero-copy{justify-content:center;padding:84px 28px 126px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story h1{font-size:clamp(42px,12vw,56px)}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-copy-rotating>p{font-size:14px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-detail{display:none}
  .auth-floating-nav{bottom:24px}
  .auth-floating-nav a{display:none}
  .auth-format-marquee{margin-top:24px}
  .auth-format-card{width:142px;height:82px}
  #authModal:not(:has(#securityPanel:not(.hidden))) #authForm{left:50%!important;right:auto!important;top:50%!important;width:min(438px,calc(100vw - 24px))!important;max-width:438px!important;max-height:calc(100dvh - 28px)!important}
}

/* Centered reel viewport with soft optical fades at both edges. */
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-marquee{
  right:auto!important;
  left:50%!important;
  width:min(920px,calc(100% - 80px))!important;
  overflow:hidden!important;
  transform:translateX(-50%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 7%,#000 18%,#000 82%,rgba(0,0,0,.2) 93%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 7%,#000 18%,#000 82%,rgba(0,0,0,.2) 93%,transparent 100%)!important;
}
@media(max-width:820px){
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-marquee{width:calc(100% - 42px)!important}
}

/* Refined full-frame cover: rounded viewport and standalone format thumbnails. */
#authModal:not(:has(#securityPanel:not(.hidden))){padding:12px!important;background:#f9fafb!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-shell{height:calc(100dvh - 24px)!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story{
  height:100%!important;min-height:0!important;border-radius:34px!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-hero-copy{padding-bottom:154px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-marquee{
  bottom:46px!important;padding:0!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-set{gap:34px!important;padding-right:34px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card{
  width:64px!important;height:66px!important;gap:0!important;overflow:visible!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card b{display:none!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i{
  width:50px!important;height:60px!important;flex:0 0 50px!important;
  filter:drop-shadow(0 8px 10px rgba(24,43,73,.18))!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i::before{width:15px!important;height:15px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i::after{top:26px!important;font-size:11px!important;padding:5px 2px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card:hover{
  border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;
}
@media(max-width:820px){
  #authModal:not(:has(#securityPanel:not(.hidden))){padding:8px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-shell{height:calc(100dvh - 16px)!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story{height:100%!important;border-radius:25px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-hero-copy{padding-bottom:132px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-marquee{bottom:28px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-set{gap:24px!important;padding-right:24px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card{width:54px!important;height:58px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i{width:43px!important;height:52px!important;flex-basis:43px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i::before{width:13px!important;height:13px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i::after{top:22px!important;font-size:9px!important}
}

/* Desktop composition balance for the selected static login visual. */
@media(min-width:821px){
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar img{
    width:148px;
    height:104px;
    image-rendering:auto;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-hero-copy{
    justify-content:center!important;
    padding:88px clamp(64px,4.4vw,92px) 154px!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-copy-rotating{max-width:790px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-kicker{margin-bottom:25px;font-size:12px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story h1{
    max-width:790px;
    font-size:clamp(68px,4.6vw,86px);
    line-height:1.01;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-copy-rotating>p{
    max-width:720px;
    margin-top:28px;
    font-size:17px;
    line-height:1.75;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-detail{gap:11px;margin-top:25px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-detail span{gap:5px;padding:11px 15px;border-radius:14px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-detail small{font-size:9px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-detail b{font-size:12px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-login{
    min-width:174px;
    min-height:56px;
    margin-top:30px;
    padding:0 32px;
    font-size:15px;
  }
}

/* Final reel placement v108: centered viewport with soft fade-out edges. */
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-marquee{
  right:auto!important;left:50%!important;width:min(920px,calc(100% - 80px))!important;
  overflow:hidden!important;transform:translateX(-50%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 7%,#000 18%,#000 82%,rgba(0,0,0,.2) 93%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 7%,#000 18%,#000 82%,rgba(0,0,0,.2) 93%,transparent 100%)!important;
}
@media(max-width:820px){
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-marquee{width:calc(100% - 42px)!important}
}

/* Final reel placement: centered viewport with soft fade-out edges. */
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-marquee{
  right:auto!important;left:50%!important;width:min(920px,calc(100% - 80px))!important;
  overflow:hidden!important;transform:translateX(-50%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 7%,#000 18%,#000 82%,rgba(0,0,0,.2) 93%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 7%,#000 18%,#000 82%,rgba(0,0,0,.2) 93%,transparent 100%)!important;
}
@media(max-width:820px){
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-marquee{width:calc(100% - 42px)!important}
}
@media(max-width:430px){
  #authModal:not(:has(#securityPanel:not(.hidden))){padding:8px 8px 18px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story{height:calc(100dvh - 106px);min-height:520px;border-radius:26px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar{top:17px;left:18px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar img{width:90px;height:61px}
  .auth-hero-copy{padding:74px 21px 112px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story h1{font-size:42px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-kicker{margin-bottom:14px;font-size:8px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-copy-rotating>p{font-size:12px;line-height:1.7}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-login{width:auto;min-width:132px;min-height:44px;margin-top:20px}
  .auth-floating-nav{bottom:18px}
  .auth-nav-mark{width:34px;height:34px}
  .auth-floating-nav button{min-height:34px;padding:0 16px}
  .auth-format-marquee{margin-top:18px}
  .auth-format-card{width:134px;height:78px;gap:9px}.auth-format-card i{width:46px;height:54px;border-width:3px;border-radius:12px 15px 12px 12px}.auth-format-card i::before{font-size:20px}.auth-format-card b{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .auth-hero-copy,.auth-floating-nav,.auth-format-track{animation:none!important}
  .auth-format-card,.auth-format-card::before{transition:none!important}
  .auth-copy-rotating,#authStoryKicker,#authStoryTitle,#authStoryAccent,#authStoryDescription,.auth-story-detail{animation:none!important;transition:none!important}
}

/* Login-page PWA install entry and platform-specific install guide. */
#authForm:not(:has(#securityPanel:not(.hidden)))>.auth-install-app{
  display:grid;width:100%;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;
  min-height:58px;margin:10px 0 0;padding:8px 13px;border:1px solid rgba(48,113,191,.18);border-radius:16px;
  background:linear-gradient(135deg,rgba(242,248,255,.96),rgba(234,250,248,.9));color:#173b62;text-align:left;
  box-shadow:0 8px 20px rgba(42,91,151,.08);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#authForm:not(:has(#securityPanel:not(.hidden)))>.auth-install-app:hover{transform:translateY(-1px);border-color:rgba(24,112,211,.35);box-shadow:0 11px 24px rgba(42,91,151,.13)}
#authForm:not(:has(#securityPanel:not(.hidden)))>.auth-install-app.hidden{display:none!important}
.auth-install-app-icon,.app-install-guide-mark{display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#126bd7,#10bda5);color:#fff;box-shadow:0 8px 18px rgba(16,115,188,.2)}
.auth-install-app-icon{width:42px;height:42px}.auth-install-app-icon svg,.app-install-guide-mark svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.auth-install-app>span:nth-child(2){display:grid;gap:2px;min-width:0}.auth-install-app b{color:#173b62;font-size:13px}.auth-install-app small{color:#71859a;font-size:10px;line-height:1.35}.auth-install-app em{color:#397bb6;font-size:25px;font-style:normal;font-weight:400}
.app-install-guide{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:18px;background:rgba(7,24,49,.48);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.app-install-guide.hidden{display:none!important}
.app-install-guide-sheet{position:relative;width:min(420px,100%);padding:25px;border:1px solid rgba(255,255,255,.78);border-radius:28px;background:linear-gradient(145deg,#fff,#eef7ff 64%,#edfbf8);box-shadow:0 28px 80px rgba(4,32,66,.28);color:#17324f}
.app-install-guide-close{position:absolute;top:16px;right:16px;padding:7px 10px;border:0;border-radius:10px;background:rgba(221,233,245,.7);color:#50667c;font-size:12px;cursor:pointer}
.app-install-guide-mark{width:54px;height:54px;margin-bottom:15px}.app-install-guide-mark svg{width:28px;height:28px}
.app-install-guide-copy>small{color:#1683b9;font-size:10px;font-weight:800;letter-spacing:.1em}.app-install-guide-copy h2{margin:5px 0 7px;color:#112f50;font-size:25px}.app-install-guide-copy p{margin:0;color:#63788e;font-size:13px;line-height:1.65}
.app-install-guide-steps{display:grid;gap:8px;margin:18px 0;padding:14px 15px;border:1px solid rgba(49,111,173,.13);border-radius:16px;background:rgba(255,255,255,.68)}
.app-install-guide-steps b{color:#153d64;font-size:13px}.app-install-guide-steps span{color:#5d7287;font-size:12px;line-height:1.55}
.app-install-guide-actions{display:grid;gap:9px}.app-install-guide-actions button{width:100%;min-height:48px;border-radius:14px;font-size:14px;font-weight:800;cursor:pointer}
.app-install-primary{border:0;background:linear-gradient(110deg,#126bd7,#0b98c3 55%,#11bda5);color:#fff;box-shadow:0 12px 24px rgba(12,112,180,.2)}
.app-install-secondary{border:1px solid rgba(40,102,168,.22);background:#fff;color:#245680}.app-install-guide-note{display:block;margin-top:12px;color:#8191a1;font-size:10px;line-height:1.5;text-align:center}
.external-browser-cue{position:fixed;z-index:132;top:max(76px,calc(env(safe-area-inset-top) + 48px));right:18px;display:grid;min-width:150px;padding:13px 48px 13px 16px;border:2px solid #fff;border-radius:18px;background:linear-gradient(135deg,#0874d8,#12bda7);box-shadow:0 16px 38px rgba(0,45,91,.34);color:#fff;pointer-events:none;text-align:left;animation:external-browser-cue-pulse 1.1s ease-in-out infinite alternate}
.external-browser-cue.hidden{display:none!important}.external-browser-cue b{font-size:17px}.external-browser-cue span{font-size:12px;opacity:.92}.external-browser-cue i{position:absolute;top:-27px;right:8px;font-size:45px;font-style:normal;line-height:1;text-shadow:0 3px 9px rgba(0,42,84,.35)}
@keyframes external-browser-cue-pulse{from{transform:translateY(2px);box-shadow:0 14px 30px rgba(0,45,91,.28)}to{transform:translateY(-3px);box-shadow:0 20px 46px rgba(0,83,150,.48)}}
@media(max-width:520px){
  #authForm:not(:has(#securityPanel:not(.hidden)))>.auth-install-app{min-height:56px;margin-top:9px}
  .app-install-guide{align-items:end;padding:10px}.app-install-guide-sheet{width:100%;padding:23px 19px calc(20px + env(safe-area-inset-bottom));border-radius:26px 26px 20px 20px}
}

/* Give the public wordmark a real white card instead of floating transparently
   over the hero artwork. The oversized square SVG is cropped inside the card. */
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar .auth-brandmark-card{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  width:198px!important;
  height:58px!important;
  flex:0 0 198px!important;
  border-radius:14px!important;
  background:#fff!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar .auth-brandmark-card>img{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:218px!important;
  height:218px!important;
  max-width:none!important;
  flex:none!important;
  object-fit:contain!important;
  transform:translate(-50%,-48%)!important;
}
@media(max-width:820px){
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar .auth-brandmark-card{
    width:160px!important;height:52px!important;flex-basis:160px!important;border-radius:13px!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar .auth-brandmark-card>img{
    width:178px!important;height:178px!important;
  }
}
@media(max-width:430px){
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar .auth-brandmark-card{
    width:144px!important;height:48px!important;flex-basis:144px!important;border-radius:12px!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar .auth-brandmark-card>img{
    width:160px!important;height:160px!important;
  }
}

/* Compact login offer: remove transient status copy and keep the benefit readable. */
#authModal:not(:has(#securityPanel:not(.hidden))) #authMessage{
  display:none!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) #authForm>.auth-welcome-kicker,
#authModal:not(:has(#securityPanel:not(.hidden))) #authForm>#authTitle{
  display:none!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .welcome-credit-tip{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  gap:12px!important;
  min-height:56px!important;
  padding:12px 16px!important;
  border:1px solid rgba(121,143,205,.2)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(228,244,252,.46),rgba(242,230,250,.4))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.88),0 10px 28px rgba(55,83,139,.08)!important;
  text-align:left!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .welcome-credit-tip>span{
  display:none!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .welcome-credit-tip>b{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  color:#203f5b!important;
  font-size:14px!important;
  line-height:1.35!important;
  letter-spacing:.01em!important;
  word-break:keep-all!important;
  white-space:nowrap!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .welcome-credit-tip>small{
  grid-column:2!important;
  grid-row:1!important;
  color:#718399!important;
  font-size:10px!important;
  line-height:1.35!important;
  word-break:keep-all!important;
  white-space:nowrap!important;
}
@media(max-width:380px){
  #authModal:not(:has(#securityPanel:not(.hidden))) .welcome-credit-tip{gap:8px!important;padding:11px 12px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .welcome-credit-tip>b{font-size:13px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .welcome-credit-tip>small{font-size:9px!important}
}

/* Full-viewport login cover with the format reel inside the video frame. */
#authModal:not(:has(#securityPanel:not(.hidden))){padding:0!important;overflow:hidden!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-shell{
  position:relative!important;width:100%!important;max-width:none!important;height:100dvh!important;margin:0!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story{
  width:100%!important;max-width:none!important;height:100dvh!important;min-height:560px!important;margin:0!important;
  border:0!important;border-radius:0!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-hero-copy{padding-bottom:142px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-marquee{
  position:absolute!important;z-index:28!important;right:auto!important;bottom:22px!important;left:50%!important;
  width:min(920px,calc(100% - 80px))!important;margin:0!important;padding:10px 0!important;overflow:hidden!important;
  transform:translateX(-50%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 7%,#000 18%,#000 82%,rgba(0,0,0,.2) 93%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 7%,#000 18%,#000 82%,rgba(0,0,0,.2) 93%,transparent 100%)!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-set{gap:12px!important;padding-right:12px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card{
  --format-band:#1687d9;width:172px!important;height:78px!important;gap:14px!important;
  border:1px solid rgba(219,227,237,.9)!important;border-radius:999px!important;background:rgba(255,255,255,.9)!important;
  box-shadow:0 10px 28px rgba(26,49,82,.1)!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;backdrop-filter:blur(16px) saturate(120%)!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card::before{display:none!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i{
  position:relative!important;display:block!important;width:45px!important;height:54px!important;flex:0 0 45px!important;
  overflow:visible!important;border:1.5px solid #737b85!important;border-radius:1px!important;background:#fff!important;color:#fff!important;
  box-shadow:0 5px 12px color-mix(in srgb,var(--format-band) 24%,transparent)!important;
  clip-path:polygon(0 0,68% 0,100% 25%,100% 100%,0 100%)!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i::before{
  content:""!important;position:absolute!important;top:-1.5px!important;right:-1.5px!important;width:14px!important;height:14px!important;
  border:0!important;border-left:1.5px solid #737b85!important;border-bottom:1.5px solid #737b85!important;
  background:#eef1f4!important;transform:none!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i::after{
  content:var(--format-code)!important;position:absolute!important;z-index:2!important;top:23px!important;right:-5px!important;bottom:auto!important;left:-5px!important;
  padding:5px 2px!important;border-radius:1px!important;background:var(--format-band)!important;color:#fff!important;
  font:800 10px/1 var(--auth-font-sans)!important;letter-spacing:.02em!important;text-align:center!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card svg{display:none!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card b{
  max-width:none!important;color:#263b54!important;font:700 12px/1.35 var(--auth-font-sans)!important;white-space:nowrap!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card:hover i{
  transform:translateY(-2px) scale(1.03)!important;box-shadow:0 8px 18px color-mix(in srgb,var(--format-band) 32%,transparent)!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .format-png{--format-band:#ef168d;--format-code:"PNG"}
#authModal:not(:has(#securityPanel:not(.hidden))) .format-jpg{--format-band:#f59e0b;--format-code:"JPG"}
#authModal:not(:has(#securityPanel:not(.hidden))) .format-webp{--format-band:#0ea58c;--format-code:"WEBP"}
#authModal:not(:has(#securityPanel:not(.hidden))) .format-svg{--format-band:#7c4ce1;--format-code:"SVG"}
#authModal:not(:has(#securityPanel:not(.hidden))) .format-ai{--format-band:#f97316;--format-code:"AI"}
#authModal:not(:has(#securityPanel:not(.hidden))) .format-pdf{--format-band:#e11d48;--format-code:"PDF"}
#authModal:not(:has(#securityPanel:not(.hidden))) .format-psd{--format-band:#3474c8;--format-code:"PSD"}
#authModal:not(:has(#securityPanel:not(.hidden))) .format-tiff{--format-band:#a72f77;--format-code:"TIFF"}
#authModal:not(:has(#securityPanel:not(.hidden))) .format-bmp{--format-band:#25a43a;--format-code:"BMP"}
#authModal:not(:has(#securityPanel:not(.hidden))) .format-dxf{--format-band:#13a9ca;--format-code:"DXF"}
@media(max-width:820px){
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story{height:100dvh!important;border-radius:0!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-hero-copy{padding-bottom:126px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-marquee{bottom:10px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card{width:150px!important;height:70px!important;gap:11px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i{width:39px!important;height:48px!important;flex-basis:39px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i::before{width:12px!important;height:12px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i::after{top:20px!important;font-size:9px!important}
}

/* Refined full-frame cover: rounded viewport and standalone format thumbnails. */
#authModal:not(:has(#securityPanel:not(.hidden))){padding:0!important;background:#f9fafb!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-shell{height:100dvh!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story{height:100dvh!important;min-height:0!important;border-radius:34px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-hero-copy{padding-bottom:154px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-marquee{bottom:46px!important;padding:0!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-set{gap:34px!important;padding-right:34px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card{
  width:64px!important;height:66px!important;gap:0!important;overflow:visible!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card b{display:none!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i{
  width:50px!important;height:60px!important;flex:0 0 50px!important;
  filter:drop-shadow(0 8px 10px rgba(24,43,73,.18))!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i::before{width:15px!important;height:15px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i::after{top:26px!important;font-size:11px!important;padding:5px 2px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card:hover{
  border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;
}
@media(max-width:820px){
  #authModal:not(:has(#securityPanel:not(.hidden))){padding:0!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-shell{height:100dvh!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story{height:100dvh!important;border-radius:25px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-hero-copy{padding-bottom:132px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-marquee{bottom:28px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-set{gap:24px!important;padding-right:24px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card{width:54px!important;height:58px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i{width:43px!important;height:52px!important;flex-basis:43px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i::before{width:13px!important;height:13px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i::after{top:22px!important;font-size:9px!important}
}

/* Premium product-style login hero v113. */
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar{
  top:18px!important;left:clamp(62px,5vw,92px)!important;right:clamp(62px,4vw,76px)!important;
  min-height:160px!important;justify-content:flex-start!important;gap:0!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar img{width:280px!important;height:160px!important;flex:0 0 280px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-brand-actions{display:flex;align-items:center;gap:28px;flex:0 0 auto;margin-left:auto}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-brand-actions>span{color:#8391a8;font-size:12px;letter-spacing:.34em;white-space:nowrap}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-header-login{min-width:150px;min-height:48px;padding:0 25px;border:0;border-radius:999px;background:#071a37;color:#fff;box-shadow:0 14px 28px rgba(5,25,58,.2);font:650 14px/1 var(--auth-font-sans);letter-spacing:.04em;transition:transform .2s ease,box-shadow .2s ease}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-header-login:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(5,25,58,.26)}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-hero-copy{width:min(760px,49vw)!important;justify-content:center!important;padding:132px 0 136px clamp(54px,5.4vw,104px)!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-copy-rotating{max-width:720px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-kicker{margin-bottom:21px!important;color:#718199!important;font-size:13px!important;font-weight:600!important;letter-spacing:.46em!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-kicker::before{display:none!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story h1{max-width:720px!important;font-size:clamp(58px,4.15vw,78px)!important;font-weight:500!important;line-height:1.08!important;letter-spacing:-.055em!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story h1 em{color:#1766e8!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-copy-rotating>p{max-width:620px!important;margin-top:28px!important;color:#52647d!important;font-size:16px!important;line-height:1.7!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-copy-rotating>p::before{content:"";display:block;width:58px;height:2px;margin-bottom:17px;border-radius:2px;background:#142945}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-detail{display:none!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-hero-actions{display:flex;align-items:center;gap:16px;margin-top:28px}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-login{display:inline-flex!important;min-width:210px!important;min-height:62px!important;gap:0!important;margin:0!important;padding:0 32px!important;justify-content:center!important;background:#071a37!important;font-size:18px!important;box-shadow:0 15px 34px rgba(5,25,58,.22)!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-login.is-guided{animation:authGuideButtonPulse 1.35s ease-in-out infinite}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-cta-guide{--auth-guide-x:0px;--auth-guide-y:0px;position:fixed;z-index:80;top:0;left:0;display:flex;align-items:center;gap:8px;pointer-events:none;color:#071a37;filter:drop-shadow(0 8px 12px rgba(3,21,50,.24));animation:authCtaCursorGuide 2.4s cubic-bezier(.2,.72,.25,1) infinite;will-change:transform,opacity}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-cta-guide.hidden{display:none!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-cta-guide svg{width:34px;height:43px;overflow:visible;fill:#fff;stroke:#071a37;stroke-width:2.3;stroke-linejoin:round}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-cta-guide b{padding:8px 12px;border:1px solid rgba(22,93,207,.2);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 10px 24px rgba(25,75,147,.16);font-size:12px;letter-spacing:.04em;white-space:nowrap}
@keyframes authCtaCursorGuide{
  0%,10%{opacity:0;transform:translate3d(calc(var(--auth-guide-x) + 190px),calc(var(--auth-guide-y) + 96px),0) scale(1)}
  28%{opacity:1}
  52%,66%{opacity:1;transform:translate3d(var(--auth-guide-x),var(--auth-guide-y),0) scale(1)}
  59%{opacity:1;transform:translate3d(var(--auth-guide-x),var(--auth-guide-y),0) scale(.84)}
  82%,100%{opacity:0;transform:translate3d(var(--auth-guide-x),var(--auth-guide-y),0) scale(1)}
}
@keyframes authGuideButtonPulse{0%,100%{box-shadow:0 15px 34px rgba(5,25,58,.22),0 0 0 0 rgba(31,108,240,0)}50%{box-shadow:0 15px 34px rgba(5,25,58,.22),0 0 0 12px rgba(31,108,240,.14)}}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-core-features{display:flex;gap:38px;margin-top:42px}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-core-features>span{display:grid;grid-template-columns:36px auto;grid-template-rows:auto auto;column-gap:13px;align-items:center;min-width:150px}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-core-features svg{grid-row:1/3;width:30px;height:30px;fill:none;stroke:#102848;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-core-features>span:first-child svg{fill:#102848;stroke:none}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-core-features b{color:#172a45;font-size:14px;line-height:1.45;white-space:nowrap}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-core-features small{color:#8a98aa;font-size:11px;line-height:1.45;white-space:nowrap}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-marquee{bottom:28px!important;width:min(990px,calc(100% - 72px))!important;min-height:88px;padding:12px 176px 12px 28px!important;border:1px solid rgba(255,255,255,.56);border-radius:26px;background:rgba(244,248,255,.57);box-shadow:inset 0 1px rgba(255,255,255,.9),0 18px 55px rgba(37,73,129,.1);-webkit-backdrop-filter:blur(24px) saturate(120%);backdrop-filter:blur(24px) saturate(120%);-webkit-mask-image:none!important;mask-image:none!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-track{display:flex;width:100%;max-width:100%;justify-content:center;overflow:hidden;animation:none!important;-webkit-mask-image:none;mask-image:none}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-set{gap:25px!important;padding-right:25px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card{width:56px!important;height:62px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i{width:42px!important;height:51px!important;flex-basis:42px!important;filter:drop-shadow(0 6px 8px rgba(24,43,73,.12))!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i::before{width:13px!important;height:13px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-card i::after{top:22px!important;font-size:9px!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-more{position:absolute;right:30px;top:50%;padding-left:25px;border-left:1px solid rgba(82,105,140,.35);color:#1f3553;font-size:13px;font-weight:650;line-height:36px;white-space:nowrap;transform:translateY(-50%)}
@media(max-width:1180px){
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar{min-height:132px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar img{width:220px!important;height:132px!important;flex-basis:220px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-brand-actions>span{display:none}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-hero-copy{width:58vw!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-core-features{gap:18px}
}
@media(max-width:820px){
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar{top:12px!important;left:20px!important;right:20px!important;min-height:78px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-brandbar img{width:120px!important;height:78px!important;flex-basis:120px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-brand-actions>span{display:none}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-header-login{min-width:108px;min-height:40px;padding:0 16px;font-size:12px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-hero-copy{width:100%!important;padding:94px 24px 128px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story h1{font-size:clamp(42px,11vw,58px)!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story-kicker{font-size:9px!important;letter-spacing:.32em!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-copy-rotating>p{max-width:520px!important;font-size:13px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-hero-actions{gap:10px;margin-top:22px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-login{min-width:148px!important;min-height:52px!important;padding:0 22px!important;font-size:15px!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-cta-guide b{font-size:10px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-core-features{display:none}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-marquee{bottom:18px!important;width:calc(100% - 36px)!important;min-height:76px;padding:8px 18px!important;border-radius:22px}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-format-more{display:none}
}
@media(prefers-reduced-motion:reduce){
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-cta-guide{opacity:1;animation:none;transform:translate3d(var(--auth-guide-x),var(--auth-guide-y),0)}
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-login.is-guided{animation:none;box-shadow:0 15px 34px rgba(5,25,58,.22),0 0 0 8px rgba(31,108,240,.14)!important}
}

/* The login artwork is a true full-viewport cover, without an outer page gutter. */
#authModal:not(.hidden):not(:has(#securityPanel:not(.hidden))){
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-shell,
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Keep the public login landing page inside one viewport and suppress the
   document scrollbar left behind by the signed-in workspace underneath it. */
html:has(#authModal:not(.hidden)),
body:has(#authModal:not(.hidden)){
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}

/* Successful authentication uses one short crossfade instead of flying artwork. */
#authModal.auth-workspace-revealing{opacity:0!important;transition:opacity .22s ease!important}
body.auth-workspace-entering .app-shell>.lime-workbench,
body.auth-workspace-entering .studio-stage>.topbar,
body.auth-workspace-entering .workspace-dashboard-copy,
body.auth-workspace-entering .workspace-category-nav{
  animation:authWorkspaceCrossfadeIn .34s cubic-bezier(.16,1,.3,1) both;
}
@keyframes authWorkspaceCrossfadeIn{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  #authModal.auth-workspace-revealing{transition:none!important}
  body.auth-workspace-entering .app-shell>.lime-workbench,
  body.auth-workspace-entering .studio-stage>.topbar,
  body.auth-workspace-entering .workspace-dashboard-copy,
  body.auth-workspace-entering .workspace-category-nav{animation:none!important}
}

/* Crisp HTML/CSS landing page rebuilt from the supplied visual reference. */
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site{
  position:relative!important;
  isolation:isolate!important;
  display:block!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 76% 37%,rgba(97,166,255,.24),transparent 29%),
    radial-gradient(circle at 18% 76%,rgba(54,176,238,.13),transparent 31%),
    linear-gradient(118deg,#fbfdff 0%,#edf6ff 46%,#dcecff 100%)!important;
  color:#071b4b!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-15%;
  background:repeating-linear-gradient(98deg,transparent 0 8%,rgba(255,255,255,.42) 10%,transparent 15%);
  filter:blur(22px);
  opacity:.78;
  pointer-events:none;
}
.login-site-header{
  position:absolute;
  z-index:5;
  top:77px;
  left:0;
  right:0;
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);
  align-items:center;
  min-height:94px;
  padding:0 clamp(64px,10.1vw,194px);
}
.login-site-brand,.login-site-account,.login-site-nav{display:flex;align-items:center}
.login-site-brand{gap:20px;min-width:0}
.login-site-brand img{display:block!important;width:148px!important;height:54px!important;object-fit:contain!important;object-position:left center!important;filter:none!important}
.login-site-brand strong{display:block;background:linear-gradient(100deg,#0757db,#0782ea 68%,#08a9c6);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:27px;font-weight:950;letter-spacing:-.08em;line-height:1;white-space:nowrap}
.login-site-brand i{width:1px;height:24px;background:rgba(18,55,116,.36)}
.login-site-brand span,.login-site-account>span{color:#51658a;font-size:14px;font-weight:600;white-space:nowrap}
.login-site-nav{justify-content:center;gap:clamp(24px,2.5vw,48px);color:#0c285d;font-size:15px;font-weight:700;white-space:nowrap}
.login-site-account{justify-content:flex-end;gap:26px}
#authModal:not(:has(#securityPanel:not(.hidden))) .login-site-account .auth-header-login{
  position:static!important;
  width:auto!important;
  min-width:142px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 24px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(110deg,#0756e8,#0875f5)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(11,92,220,.22)!important;
  font-size:15px!important;
  font-weight:700!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .login-site-account .auth-header-login:hover{transform:translateY(-1px)!important;box-shadow:0 16px 34px rgba(11,92,220,.28)!important}
.login-site-body{position:absolute;z-index:2;inset:94px 0 0;display:grid;grid-template-columns:48% 52%;min-height:0}
.login-site-copy{position:relative;z-index:3;display:flex;min-width:0;flex-direction:column;justify-content:flex-start;padding:134px 0 116px clamp(64px,10.1vw,194px)}
.login-site-kicker{margin:0 0 22px!important;color:#2776e8!important;font-size:clamp(10px,.86vw,15px)!important;font-weight:600!important;letter-spacing:.34em!important;line-height:1!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .login-site-copy h1{max-width:none!important;margin:0!important;color:#061b50!important;font-family:"Microsoft YaHei UI","PingFang SC",sans-serif!important;font-size:clamp(52px,4.28vw,82px)!important;font-weight:950!important;line-height:1.06!important;letter-spacing:-.065em!important;white-space:nowrap!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .login-site-copy h1 em{color:#1374ef!important;font-style:normal!important}
.login-site-description{max-width:650px!important;margin:46px 0 0!important;color:#163467!important;font-size:clamp(15px,1.08vw,20px)!important;font-weight:600!important;line-height:1.35!important;letter-spacing:.02em!important}
.login-site-actions{display:flex;align-items:center;gap:18px;margin-top:22px}
#authModal:not(:has(#securityPanel:not(.hidden))) .login-site-actions .auth-landing-login{
  position:static!important;
  display:inline-flex!important;
  width:auto!important;
  min-width:206px!important;
  height:60px!important;
  min-height:60px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 34px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(112deg,#0759e9,#0876f4 62%,#08a6df)!important;
  color:#fff!important;
  box-shadow:0 15px 31px rgba(7,92,225,.24)!important;
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  animation:none!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .login-site-actions .auth-landing-login:hover{transform:translateY(-2px)!important;box-shadow:0 19px 38px rgba(7,92,225,.31)!important}
#authModal:not(:has(#securityPanel:not(.hidden))) .login-site-actions .auth-landing-login::after{content:none!important;display:none!important}
.login-site-demo{display:inline-flex;min-width:178px;height:60px;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(62,112,184,.27);border-radius:999px;background:rgba(255,255,255,.42);color:#102f68;font-size:17px;font-weight:750;box-shadow:inset 0 1px rgba(255,255,255,.8)}
.login-site-demo i{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#164eac;color:#fff;font-size:10px;font-style:normal;padding-left:2px}
.login-site-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));box-sizing:border-box;width:748px;min-height:104px;margin-top:28px;padding:20px 22px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:rgba(255,255,255,.42);box-shadow:inset 0 1px rgba(255,255,255,.92),0 16px 50px rgba(63,112,176,.07)}
.login-site-features>span{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;padding:0 16px;border-right:1px solid rgba(36,86,152,.16)}
.login-site-features>span:last-child{border-right:0}
.login-site-features i{grid-row:1/3;color:#0b6fea;font-size:28px;font-style:normal}
.login-site-features b{color:#102e64;font-size:14px;white-space:nowrap}.login-site-features small{color:#6f82a2;font-size:11px;white-space:nowrap}
.login-site-stats{position:absolute;left:clamp(64px,10.1vw,194px);right:-50vw;bottom:132px;display:flex;align-items:flex-end;gap:0;color:#10316a}
.login-site-stats>span{display:grid;min-width:124px;gap:4px;padding:0 28px;border-left:1px solid rgba(33,85,155,.18)}
.login-site-stats>span:first-child{min-width:340px;padding-left:0;border-left:0}.login-site-stats>span:first-child small{color:#6480ab;font-size:11px;letter-spacing:.12em}.login-site-stats>span:first-child b{font-size:16px}
.login-site-stats b{color:#073eab;font-size:24px;line-height:1.15}.login-site-stats small{color:#6b7f9f;font-size:11px;white-space:nowrap}
.login-site-visual{position:relative;z-index:1;min-width:0;overflow:visible;pointer-events:none}
.login-site-visual::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#edf6ff 0,rgba(237,246,255,.9) 4%,rgba(237,246,255,.18) 23%,transparent 38%);pointer-events:none}
.login-site-visual img{position:absolute!important;inset:auto!important;top:-26px!important;left:-33.6%!important;display:block!important;width:125%!important;height:auto!important;object-fit:contain!important;object-position:center!important;filter:saturate(.98) contrast(1.01)!important}
.login-site-float{position:absolute;z-index:4;box-sizing:border-box;border:1px solid rgba(255,255,255,.88);border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(238,247,255,.72));box-shadow:0 18px 46px rgba(31,91,161,.16),inset 0 1px rgba(255,255,255,.96);backdrop-filter:blur(13px);color:#123367;text-align:left}
.login-site-float>b{display:block;color:#123264;font-size:14px;line-height:1.25}.login-site-float>b i{margin-right:7px;color:#0877f4;font-style:normal}
.login-site-prompt-card{top:14.1%;left:-15.7%;width:322px;height:161px;padding:20px 18px 16px}
.login-site-prompt-card p{display:flex;align-items:center;justify-content:space-between;height:43px;margin:12px 0 10px;padding:0 10px 0 13px;border:1px solid rgba(56,119,207,.22);border-radius:12px;background:rgba(255,255,255,.78);box-shadow:0 8px 22px rgba(48,105,178,.08);font-size:12px;font-weight:700;white-space:nowrap}.login-site-prompt-card p span{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#428ff5;color:#fff;font-size:16px}.login-site-prompt-card>small{display:flex;gap:7px}.login-site-prompt-card em{padding:5px 8px;border-radius:999px;background:#e9f2ff;color:#3673c5;font-size:9px;font-style:normal;font-weight:700;white-space:nowrap}
.login-site-result-card{top:37.7%;left:-10.3%;width:278px;height:194px;padding:16px}
.login-site-result-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.login-site-result-card>div>span{display:flex;height:112px;flex-direction:column;justify-content:space-between;padding:10px 8px;border-radius:7px;background:linear-gradient(155deg,#153e83,#0b78eb 55%,#8dccff);color:#eaf6ff;font-size:8px;overflow:hidden}.login-site-result-card strong{font-size:15px;line-height:1.05;letter-spacing:.03em}
.login-site-breakdown-card{top:22.3%;right:15.5%;width:204px;height:240px;padding:16px}.login-site-breakdown-card>div{display:grid;grid-template-columns:82px 1fr;gap:10px;margin-top:12px}.login-site-breakdown-card>div>strong{display:flex;height:105px;align-items:center;padding:9px;border-radius:8px;background:linear-gradient(145deg,#092b62,#0a68d8 65%,#85cbff);color:#fff;font-size:12px;line-height:1.18}.login-site-breakdown-card>div>span{display:grid;gap:5px}.login-site-breakdown-card em{display:flex;align-items:center;padding:0 7px;border-radius:6px;background:rgba(225,239,255,.84);color:#4776ac;font-size:8px;font-style:normal;font-weight:700}.login-site-breakdown-card>small{display:block;margin-top:10px;padding:7px;border-radius:999px;background:linear-gradient(90deg,#0d75e8,#13b3e3);color:#fff;font-size:9px;font-weight:700;text-align:center}
.login-site-export-card{right:16.8%;bottom:28.6%;width:313px;height:128px;padding:15px}.login-site-export-card>div{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:12px}.login-site-export-card>div>span{display:grid;height:49px;place-items:center;border-radius:7px;background:rgba(255,255,255,.82);color:#0c68d7;font-size:14px;font-weight:900}.login-site-export-card small{display:block;color:#4a6f9e;font-size:7px;font-weight:800}
@media(max-width:1300px){
  .login-site-header{grid-template-columns:1fr auto}.login-site-nav{display:none}.login-site-account>span{display:none}
  .login-site-body{grid-template-columns:52% 48%}.login-site-copy{padding-bottom:106px}
  .login-site-features{grid-template-columns:repeat(2,minmax(0,1fr));width:min(540px,94%);gap:16px}.login-site-features>span:nth-child(2){border-right:0}
  .login-site-stats>span{min-width:100px;padding:0 17px}.login-site-stats>span:first-child{min-width:280px}
}
@media(max-width:900px){
  .login-site-header{min-height:80px;padding:0 24px}.login-site-brand span,.login-site-brand i{display:none}.login-site-brand img{width:128px!important}.login-site-account .auth-header-login{min-width:116px!important;height:42px!important;min-height:42px!important;padding:0 17px!important;font-size:13px!important}
  .login-site-body{inset:80px 0 0;display:block}.login-site-copy{height:100%;padding:34px 24px 92px;justify-content:flex-start}.login-site-kicker{margin-top:5vh!important}.login-site-copy h1{white-space:normal!important}.login-site-description{max-width:520px!important}.login-site-visual{position:absolute;inset:22% -22% 0 30%;opacity:.32}.login-site-features{display:none}.login-site-stats{left:24px;right:24px;bottom:22px}.login-site-stats>span:first-child{min-width:0}.login-site-stats>span:not(:first-child){display:none}
}
@media(max-width:760px){.login-site{display:none!important}}

/* Exact desktop reference: the supplied artwork is shown unchanged; only login hit areas sit above it. */
@media(min-width:761px){
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-shell{
    display:grid!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    margin:0!important;
    place-items:center!important;
    overflow:hidden!important;
    background:#eaf4ff!important;
    filter:none;
    transition:none!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site.login-site-reference-exact{
    position:relative!important;
    isolation:isolate!important;
    display:block!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:none!important;
    min-height:0!important;
    margin:0!important;
    align-self:center!important;
    justify-self:center!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:30px!important;
    background:#eaf4ff!important;
    box-shadow:none!important;
    transition:none!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site.login-site-reference-exact::before{
    content:none!important;
    display:none!important;
  }
  .login-site-reference-stage{
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    max-height:none!important;
    overflow:hidden!important;
    border-radius:30px!important;
    background:#eaf4ff!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .login-site-reference-image{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    filter:none!important;
    transform:none!important;
    pointer-events:none!important;
    user-select:none!important;
    image-rendering:auto!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-hotspot{
    position:absolute!important;
    z-index:5!important;
    display:block!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    color:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    cursor:pointer!important;
    font-size:0!important;
    animation:none!important;
    transform:none!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-hotspot::before,
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-hotspot::after{content:none!important;display:none!important}
  .login-site-hotspot-header{left:83%!important;top:11.5%!important;width:7.2%!important;height:4.5%!important}
  .login-site-hotspot-primary{left:9.9%!important;top:57.4%!important;width:10.2%!important;height:6.4%!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-hotspot:hover,
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-hotspot:active{background:transparent!important;box-shadow:none!important;transform:none!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-hotspot:focus-visible{outline:3px solid #0b6ff3!important;outline-offset:3px!important}
}

/* 1847 × 852 pixel-perfect desktop canvas. All overlays remain real DOM. */
@media(min-width:761px){
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-landing-shell{
    display:grid!important;
    width:100vw!important;
    height:100dvh!important;
    place-items:center!important;
    overflow:hidden!important;
    background:#eaf4ff!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site{
    position:relative!important;
    isolation:isolate!important;
    display:block!important;
    container-type:size!important;
    width:min(100vw,216.784dvh)!important;
    max-width:none!important;
    height:min(100dvh,46.1294vw)!important;
    max-height:none!important;
    min-height:0!important;
    aspect-ratio:1847/852!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:#edf6ff!important;
    box-shadow:none!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .auth-story.login-site::before{content:none!important;display:none!important}
  .login-site-header{
    position:absolute!important;
    z-index:8!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:5.09cqw!important;
    min-height:0!important;
    padding:0!important;
  }
  .login-site-brand{
    position:absolute!important;
    top:1.353cqw!important;
    left:4.44cqw!important;
    display:flex!important;
    width:18.95cqw!important;
    height:2.382cqw!important;
    align-items:center!important;
    gap:1.245cqw!important;
  }
  .login-site-brand strong{font-size:1.732cqw!important;font-weight:950!important;letter-spacing:0!important;line-height:1!important}
  .login-site-brand i{display:block!important;width:1px!important;height:1.137cqw!important;background:rgba(29,76,143,.5)!important}
  .login-site-brand span{display:block!important;color:#425c86!important;font-size:.758cqw!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important}
  .login-site-nav{
    position:absolute!important;
    top:1.895cqw!important;
    left:32.865cqw!important;
    display:flex!important;
    align-items:center!important;
    gap:2.815cqw!important;
    color:#0b285a!important;
  }
  .login-site-nav button,.login-site-nav button:hover,.login-site-nav button:focus-visible{
    appearance:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#0b285a!important;
    box-shadow:none!important;
    transform:none!important;
    font:700 .866cqw/1 "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif!important;
    white-space:nowrap!important;
    cursor:pointer!important;
  }
  .login-site-account{
    position:absolute!important;
    top:1.353cqw!important;
    right:5.848cqw!important;
    display:flex!important;
    width:auto!important;
    height:2.382cqw!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:1.732cqw!important;
  }
  .login-site-account>span{color:#5e7398!important;font-size:.758cqw!important;font-weight:600!important;line-height:1!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-account .auth-header-login,
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-account .auth-header-login:hover,
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-account .auth-header-login:active{
    position:static!important;
    width:7.797cqw!important;
    min-width:0!important;
    height:2.382cqw!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:1.191cqw!important;
    background:linear-gradient(105deg,#0758eb 0%,#0878f5 100%)!important;
    color:#fff!important;
    box-shadow:0 .433cqw 1.353cqw rgba(9,91,222,.2)!important;
    transform:none!important;
    font:700 .866cqw/1 "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif!important;
  }
  .login-site-body{position:absolute!important;z-index:2!important;inset:0!important;display:block!important;min-height:0!important}
  .login-site-copy{position:absolute!important;z-index:5!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;padding:0!important}
  .login-site-kicker{
    position:absolute!important;
    top:8.771cqw!important;
    left:4.44cqw!important;
    width:auto!important;
    margin:0!important;
    color:#2877eb!important;
    font:600 .812cqw/1 "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif!important;
    letter-spacing:.195cqw!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-copy h1{
    position:absolute!important;
    top:10.612cqw!important;
    left:4.331cqw!important;
    width:34.65cqw!important;
    margin:0!important;
    color:#061a4c!important;
    font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif!important;
    font-size:4.981cqw!important;
    font-weight:950!important;
    line-height:1.095!important;
    letter-spacing:-.119cqw!important;
    white-space:nowrap!important;
    transform:scaleX(1.053)!important;
    transform-origin:left top!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-copy h1 em{position:relative!important;display:inline-block!important;color:#1377ef!important;font-style:normal!important;transform:scaleX(1.071)!important;transform-origin:left center!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-copy h1 em::after{content:""!important;position:absolute!important;left:13.7cqw!important;top:4.02cqw!important;width:10.55cqw!important;height:1.52cqw!important;border-bottom:.13cqw solid #2b83ed!important;border-radius:0 0 60% 50%!important;transform:rotate(-7deg)!important;transform-origin:left center!important;opacity:.9!important}
  .login-site-description{
    position:absolute!important;
    top:23.551cqw!important;
    left:4.331cqw!important;
    width:34.65cqw!important;
    max-width:none!important;
    margin:0!important;
    color:#143267!important;
    font:500 1.083cqw/1.45 "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
  }
  .login-site-actions{position:absolute!important;top:26.854cqw!important;left:4.331cqw!important;display:flex!important;align-items:center!important;gap:1.137cqw!important;margin:0!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-actions .auth-landing-login,
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-actions .auth-landing-login:hover,
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-actions .auth-landing-login:active{
    position:static!important;
    display:inline-flex!important;
    width:11.261cqw!important;
    min-width:0!important;
    height:3.411cqw!important;
    min-height:0!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:1.705cqw!important;
    background:linear-gradient(110deg,#0754e5 0%,#0876ef 64%,#08a8d8 100%)!important;
    color:#fff!important;
    box-shadow:0 .65cqw 1.57cqw rgba(7,89,220,.23)!important;
    transform:none!important;
    font:800 1.083cqw/1 "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif!important;
  }
  .login-site-demo,.login-site-demo:hover,.login-site-demo:active{
    display:inline-flex!important;
    width:10.828cqw!important;
    min-width:0!important;
    height:3.411cqw!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.758cqw!important;
    padding:0!important;
    border:1px solid rgba(79,127,194,.26)!important;
    border-radius:1.705cqw!important;
    background:rgba(255,255,255,.38)!important;
    color:#12336b!important;
    box-shadow:inset 0 1px rgba(255,255,255,.9)!important;
    transform:none!important;
    font:750 1.028cqw/1 "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif!important;
  }
  .login-site-demo i{display:grid!important;width:1.299cqw!important;height:1.299cqw!important;place-items:center!important;border-radius:50%!important;background:#1348a2!important;color:#fff!important;font-size:.487cqw!important}
  .login-site-features{
    position:absolute!important;
    top:32.161cqw!important;
    left:3.303cqw!important;
    display:grid!important;
    grid-template-columns:8.933cqw 10.882cqw 11.153cqw minmax(0,1fr)!important;
    box-sizing:border-box!important;
    width:43.909cqw!important;
    min-height:0!important;
    height:6.118cqw!important;
    margin:0!important;
    padding:1.245cqw 1.191cqw!important;
    border:1px solid rgba(255,255,255,.92)!important;
    border-radius:1.083cqw!important;
    background:rgba(255,255,255,.43)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.96),0 .65cqw 2.166cqw rgba(63,112,176,.07)!important;
  }
  .login-site-features>span{display:grid!important;grid-template-columns:3.357cqw minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;padding:0!important;border-right:1px solid rgba(36,86,152,.16)!important}
  .login-site-features>span:not(:first-child){padding-left:.704cqw!important}
  .login-site-features>span:last-child{border-right:0!important}
  .login-site-features i{display:grid!important;grid-row:1/3!important;width:2.491cqw!important;height:2.491cqw!important;place-items:center!important;border-radius:50%!important;background:rgba(235,245,255,.7)!important;color:#0874ef!important}
  .login-site-features i svg{width:1.732cqw!important;height:1.732cqw!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .login-site-features b{color:#102f67!important;font-size:.812cqw!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}
  .login-site-features small{color:#6d82a5!important;font-size:.65cqw!important;line-height:1!important;white-space:nowrap!important}
  .login-site-stats{position:absolute!important;top:40.552cqw!important;bottom:auto!important;left:4.331cqw!important;right:auto!important;display:flex!important;align-items:flex-end!important;width:auto!important;height:3.032cqw!important;color:#10316a!important}
  .login-site-stats>span{display:grid!important;box-sizing:border-box!important;min-width:0!important;width:6.497cqw!important;gap:.216cqw!important;padding:0 1.137cqw!important;border-left:1px solid rgba(33,85,155,.18)!important}
  .login-site-stats>span:first-child{width:18.3cqw!important;padding-left:0!important;border-left:0!important}
  .login-site-stats>span:first-child small{color:#5e7dad!important;font-size:.65cqw!important;letter-spacing:.12em!important}
  .login-site-stats>span:first-child b{font-size:.92cqw!important}
  .login-site-stats b{color:#073ead!important;font-size:1.299cqw!important;line-height:1.05!important;white-space:nowrap!important}
  .login-site-stats small{color:#6b7f9f!important;font-size:.595cqw!important;line-height:1.1!important;white-space:nowrap!important}
  .login-site-visual{position:absolute!important;z-index:1!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;pointer-events:none!important}
  .login-site-visual::before{content:none!important;display:none!important}
  .login-site-visual>img{position:absolute!important;z-index:0!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important;filter:none!important}
  .login-site-float{position:absolute!important;z-index:4!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:.92cqw!important;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(231,243,255,.7))!important;box-shadow:0 .974cqw 2.491cqw rgba(31,91,161,.17),inset 0 1px rgba(255,255,255,.98)!important;backdrop-filter:blur(.704cqw)!important;color:#123367!important;text-align:left!important}
  .login-site-float>b{display:block!important;color:#102f63!important;font-size:.92cqw!important;font-weight:800!important;line-height:1.2!important}.login-site-float>b i{margin-right:.433cqw!important;color:#0877f4!important}
  .login-site-result-card>b,.login-site-export-card>b{margin-left:.271cqw!important}
  .login-site-prompt-card{top:7.742cqw!important;left:37.954cqw!important;width:18.841cqw!important;height:9.15cqw!important;padding:1.299cqw .974cqw .65cqw!important;transform:rotate(.55deg)!important}
  .login-site-prompt-card p{display:flex!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important;height:2.653cqw!important;margin:.704cqw 0 .595cqw!important;padding:0 .595cqw 0 .704cqw!important;border:1px solid rgba(56,119,207,.23)!important;border-radius:.704cqw!important;background:rgba(255,255,255,.8)!important;box-shadow:0 .433cqw 1.191cqw rgba(48,105,178,.09)!important;font-size:.704cqw!important;font-weight:700!important;white-space:nowrap!important}.login-site-prompt-card p span{display:grid!important;width:1.516cqw!important;height:1.516cqw!important;place-items:center!important;border-radius:50%!important;background:#428ff5!important;color:#fff!important;font-size:.866cqw!important}.login-site-prompt-card>small{display:flex!important;gap:.379cqw!important}.login-site-prompt-card em{padding:.271cqw .433cqw!important;border-radius:999px!important;background:#e8f2ff!important;color:#3673c5!important;font-size:.541cqw!important;font-style:normal!important;font-weight:700!important}
  .login-site-result-card{top:19.708cqw!important;left:41.093cqw!important;width:16.297cqw!important;height:11.695cqw!important;padding:.92cqw!important;transform:rotate(.35deg)!important}
  .login-site-result-card>div{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.433cqw!important;height:7.851cqw!important;margin-top:.704cqw!important}.login-site-result-card>div>span{position:relative!important;isolation:isolate!important;display:flex!important;box-sizing:border-box!important;height:7.851cqw!important;flex-direction:column!important;justify-content:flex-start!important;padding:.595cqw .487cqw!important;border-radius:.379cqw!important;background:linear-gradient(155deg,#143c7e 0%,#096bdd 56%,#8ed1ff 100%)!important;color:#eaf6ff!important;font-size:.487cqw!important;overflow:hidden!important}.login-site-result-card>div>span::before{content:""!important;position:absolute!important;z-index:-1!important;left:-55%!important;right:-35%!important;bottom:-8%!important;height:58%!important;border:.13cqw solid rgba(220,243,255,.78)!important;border-radius:50%!important;box-shadow:0 0 .8cqw rgba(224,247,255,.9),inset 0 .65cqw 1.4cqw rgba(236,249,255,.5)!important;transform:rotate(-13deg)!important}.login-site-result-card>div>span:nth-child(2){background:linear-gradient(160deg,#194b91,#0b78df 58%,#abdfff)!important}.login-site-result-card>div>span:nth-child(3){background:linear-gradient(155deg,#0e285d,#347ed0 56%,#e5f5ff)!important}.login-site-result-card strong{position:absolute!important;z-index:2!important;left:.487cqw!important;top:2.42cqw!important;font-size:.866cqw!important;line-height:1.05!important}
  .login-site-breakdown-card{top:11.911cqw!important;right:3.303cqw!important;width:12.182cqw!important;height:14.51cqw!important;padding:1.083cqw!important}.login-site-breakdown-card>div{display:grid!important;grid-template-columns:4.493cqw 1fr!important;gap:.595cqw!important;margin-top:.758cqw!important}.login-site-breakdown-card>div>strong{display:flex!important;box-sizing:border-box!important;height:7.255cqw!important;align-items:center!important;padding:.487cqw!important;border-radius:.433cqw!important;background:linear-gradient(145deg,#092b62,#0a68d8 65%,#85cbff)!important;color:#fff!important;font-size:.704cqw!important;line-height:1.18!important}.login-site-breakdown-card>div>span{display:grid!important;gap:.325cqw!important}.login-site-breakdown-card em{display:flex!important;align-items:center!important;padding:0 .379cqw!important;border-radius:.325cqw!important;background:rgba(225,239,255,.86)!important;color:#4776ac!important;font-size:.487cqw!important;font-style:normal!important;font-weight:700!important}.login-site-breakdown-card>small{display:block!important;margin-top:.65cqw!important;padding:.433cqw!important;border-radius:999px!important;background:linear-gradient(90deg,#0d75e8,#13b3e3)!important;color:#fff!important;font-size:.541cqw!important;font-weight:700!important;text-align:center!important}
  .login-site-export-card{right:4.927cqw!important;bottom:auto!important;top:29.183cqw!important;width:17.596cqw!important;height:8.392cqw!important;padding:.92cqw!important;transform:rotate(.25deg)!important}.login-site-export-card>div{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:.379cqw!important;margin-top:.758cqw!important}.login-site-export-card>div>span{position:relative!important;display:grid!important;box-sizing:border-box!important;height:3.682cqw!important;place-items:center!important;border-radius:.325cqw!important;background:rgba(255,255,255,.85)!important;color:#0c68d7!important;font-size:.812cqw!important;font-weight:900!important}.login-site-export-card>div>span::after{content:""!important;position:absolute!important;top:0!important;right:0!important;border-style:solid!important;border-width:0 0 .704cqw .704cqw!important;border-color:transparent transparent #dcecff transparent!important}.login-site-export-card small{display:block!important;color:#4a6f9e!important;font-size:.433cqw!important;font-weight:800!important}
}

/* PC landing cleanup: keep the hero type clean and remove the KPI dividers. */
#authModal:not(:has(#securityPanel:not(.hidden))) .login-site-copy h1 em::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
}
#authModal:not(:has(#securityPanel:not(.hidden))) .login-site-stats>span{
  border-left:0!important;
}
#authLandingLoginBtn{
  position:relative!important;
  z-index:8!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}

/* Premium PC mega navigation: keep the hero visible and make navigation feel
   like a mature design product instead of replacing the home page. */
@media(min-width:761px){
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site.landing-mega-open .login-site-header{z-index:14!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-nav button{
    display:inline-flex!important;
    align-items:center!important;
    gap:.36cqw!important;
    height:2.1cqw!important;
    padding:0 .18cqw!important;
    border-radius:.48cqw!important;
    transition:color .18s ease,background .18s ease!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-nav button>i{
    display:block!important;
    width:.34cqw!important;
    height:.34cqw!important;
    border-right:.09cqw solid currentColor!important;
    border-bottom:.09cqw solid currentColor!important;
    opacity:.58!important;
    transform:translateY(-.1cqw) rotate(45deg)!important;
    transition:transform .2s ease!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-nav button:hover,
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-nav button.active{
    background:rgba(255,255,255,.62)!important;
    color:#0873ec!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-nav button.active>i{
    transform:translateY(.1cqw) rotate(225deg)!important;
  }
  .login-site-mega-scrim{
    position:absolute!important;
    z-index:9!important;
    inset:5.05cqw 0 0!important;
    display:none!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(15,43,83,.08),rgba(15,43,83,.02))!important;
    backdrop-filter:blur(.12cqw)!important;
    cursor:default!important;
  }
  .login-site.landing-mega-open .login-site-mega-scrim{display:block!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-mega[hidden]{display:none!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-mega{
    position:absolute!important;
    z-index:13!important;
    top:4.65cqw!important;
    left:25.7cqw!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 17.1cqw!important;
    box-sizing:border-box!important;
    width:68.4cqw!important;
    min-height:22.6cqw!important;
    padding:.92cqw!important;
    overflow:hidden!important;
    border:1px solid rgba(188,213,244,.76)!important;
    border-radius:1.35cqw!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 1.9cqw 5.4cqw rgba(17,53,100,.24),0 .2cqw .8cqw rgba(50,91,145,.08),inset 0 1px rgba(255,255,255,.98)!important;
    backdrop-filter:blur(1.2cqw) saturate(1.18)!important;
    animation:loginMegaIn .24s cubic-bezier(.2,.8,.2,1) both!important;
  }
  @keyframes loginMegaIn{from{opacity:0;transform:translateY(-.55cqw) scale(.985)}to{opacity:1;transform:none}}
  .login-site-mega-close{
    position:absolute!important;
    z-index:3!important;
    top:.72cqw!important;
    right:.72cqw!important;
    display:grid!important;
    width:1.55cqw!important;
    height:1.55cqw!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:50%!important;
    background:rgba(9,39,86,.2)!important;
    color:#fff!important;
    font:500 1.08cqw/1 Arial,sans-serif!important;
    cursor:pointer!important;
  }
  .login-site-mega-main{padding:.55cqw 1.05cqw .75cqw .8cqw!important}
  .login-site-mega-main>header{display:grid!important;grid-template-columns:auto 1fr!important;column-gap:.86cqw!important;align-items:end!important;margin-bottom:.85cqw!important;padding:0 .22cqw .82cqw!important;border-bottom:1px solid #e9f0f8!important}
  .login-site-mega-main>header small{grid-column:1/3!important;color:#0b70e8!important;font-size:.58cqw!important;font-weight:850!important;letter-spacing:.18em!important;text-transform:uppercase!important}
  .login-site-mega-main>header h2{margin:.25cqw 0 0!important;color:#0a2c61!important;font-size:1.34cqw!important;line-height:1!important;letter-spacing:-.03em!important}
  .login-site-mega-main>header p{margin:0!important;color:#71839b!important;font-size:.66cqw!important;line-height:1.45!important}
  .login-site-mega-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.42cqw!important}
  .login-site-mega-grid article{
    position:relative!important;
    display:grid!important;
    grid-template-columns:2.38cqw minmax(0,1fr)!important;
    min-height:3.75cqw!important;
    align-items:center!important;
    gap:.72cqw!important;
    box-sizing:border-box!important;
    padding:.57cqw .72cqw!important;
    border:1px solid transparent!important;
    border-radius:.82cqw!important;
    background:transparent!important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
  }
  .login-site-mega-grid article:hover{border-color:#d8e8fb!important;background:#f5faff!important;box-shadow:0 .38cqw 1cqw rgba(27,87,158,.07)!important;transform:translateY(-.08cqw)!important}
  .login-site-mega-icon{display:grid!important;width:2.38cqw!important;height:2.38cqw!important;place-items:center!important;border-radius:.72cqw!important;background:linear-gradient(145deg,#e8f4ff,#f6fbff)!important;color:#0b72e9!important;box-shadow:inset 0 0 0 1px rgba(110,174,239,.2)!important}
  .login-site-mega-icon svg{width:1.28cqw!important;height:1.28cqw!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .login-site-mega-text{display:block!important;min-width:0!important}
  .login-site-mega-text h3{margin:0 0 .22cqw!important;color:#173968!important;font-size:.78cqw!important;font-weight:850!important;line-height:1.2!important}
  .login-site-mega-text p{margin:0!important;overflow:hidden!important;color:#75879e!important;font-size:.57cqw!important;line-height:1.35!important;white-space:nowrap!important;text-overflow:ellipsis!important}
  .login-site-mega-feature{
    position:relative!important;
    display:flex!important;
    box-sizing:border-box!important;
    min-height:20.7cqw!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    padding:1.55cqw 1.25cqw 1.22cqw!important;
    overflow:hidden!important;
    border-radius:1.02cqw!important;
    background:
      radial-gradient(circle at 75% 18%,rgba(89,213,255,.76),transparent 20%),
      radial-gradient(circle at 22% 10%,rgba(101,116,255,.52),transparent 29%),
      linear-gradient(145deg,#082b6e 0%,#075cd5 58%,#0db5cf 120%)!important;
    color:#fff!important;
    box-shadow:inset 0 1px rgba(255,255,255,.18),0 .8cqw 2.3cqw rgba(4,61,141,.2)!important;
  }
  .login-site-mega-feature::before{content:"AI"!important;position:absolute!important;top:1.1cqw!important;right:1.05cqw!important;color:rgba(255,255,255,.09)!important;font:900 7.5cqw/1 Arial,sans-serif!important;letter-spacing:-.08em!important}
  .login-site-mega-feature::after{content:""!important;position:absolute!important;top:2cqw!important;right:3cqw!important;width:7.8cqw!important;height:7.8cqw!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:2.3cqw!important;box-shadow:0 0 2.5cqw rgba(102,218,255,.34),inset 0 0 2.2cqw rgba(255,255,255,.1)!important;transform:rotate(28deg)!important}
  .login-site-mega-feature>small,.login-site-mega-feature>b,.login-site-mega-feature>p,.login-site-mega-feature>div,.login-site-mega-feature>button{position:relative!important;z-index:2!important}
  .login-site-mega-feature>small{margin-bottom:.42cqw!important;color:#bdeeff!important;font-size:.58cqw!important;font-weight:850!important;letter-spacing:.14em!important}
  .login-site-mega-feature>b{max-width:13.5cqw!important;font-size:1.25cqw!important;line-height:1.35!important;letter-spacing:-.03em!important}
  .login-site-mega-feature>p{max-width:13.6cqw!important;margin:.58cqw 0 .72cqw!important;color:rgba(232,246,255,.76)!important;font-size:.6cqw!important;line-height:1.55!important}
  .login-site-mega-feature>div{display:flex!important;flex-wrap:wrap!important;gap:.32cqw!important;margin-bottom:.82cqw!important}
  .login-site-mega-feature>div span{padding:.25cqw .45cqw!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;color:#eefaff!important;font-size:.5cqw!important;font-weight:700!important}
  .login-site-mega-feature>button{display:flex!important;width:100%!important;height:2.45cqw!important;align-items:center!important;justify-content:space-between!important;padding:0 .88cqw!important;border:0!important;border-radius:.72cqw!important;background:#fff!important;color:#0755ba!important;box-shadow:0 .5cqw 1.4cqw rgba(0,35,94,.18)!important;font-size:.68cqw!important;font-weight:850!important;cursor:pointer!important}
  .login-site-mega-feature>button i{font-size:.92cqw!important;font-style:normal!important}
}
/* v669: immersive navigation pages. The existing homepage remains untouched;
   this layer appears only after one of the five top navigation items is used. */
@media(min-width:761px){
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site.landing-mega-open .login-site-header{
    z-index:30!important;
    background:rgba(248,252,255,.9)!important;
    border-bottom:1px solid rgba(118,166,224,.17)!important;
    backdrop-filter:blur(1.15cqw) saturate(1.12)!important;
  }
  .login-site.landing-mega-open .login-site-mega-scrim{display:none!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site.landing-mega-open .login-site-body{
    pointer-events:none!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-mega[hidden]{display:none!important}
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-mega{
    position:absolute!important;
    z-index:24!important;
    top:5.05cqw!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,62%) minmax(0,38%)!important;
    box-sizing:border-box!important;
    width:auto!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:
      radial-gradient(circle at 8% 8%,rgba(88,172,255,.16),transparent 30%),
      radial-gradient(circle at 72% 78%,rgba(41,211,225,.11),transparent 34%),
      linear-gradient(135deg,#fbfdff 0%,#f1f7ff 50%,#eaf4ff 100%)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    animation:navPageIn .34s cubic-bezier(.2,.82,.2,1) both!important;
  }
  #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-mega::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background-image:linear-gradient(rgba(24,102,200,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(24,102,200,.035) 1px,transparent 1px)!important;
    background-size:3.1cqw 3.1cqw!important;
    -webkit-mask-image:linear-gradient(90deg,#000,transparent 72%)!important;
    mask-image:linear-gradient(90deg,#000,transparent 72%)!important;
    pointer-events:none!important;
  }
  @keyframes navPageIn{from{opacity:0;transform:translateY(.7cqw)}to{opacity:1;transform:none}}
  .login-site-mega-close{
    position:absolute!important;
    z-index:8!important;
    top:2.05cqw!important;
    left:4.35cqw!important;
    right:auto!important;
    display:inline-flex!important;
    width:auto!important;
    height:2.15cqw!important;
    align-items:center!important;
    gap:.48cqw!important;
    padding:0 .92cqw!important;
    border:1px solid rgba(30,91,169,.16)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.58)!important;
    color:#174d91!important;
    box-shadow:0 .35cqw 1cqw rgba(28,87,154,.06)!important;
    backdrop-filter:blur(.7cqw)!important;
    font:750 .68cqw/1 var(--auth-font-sans)!important;
    cursor:pointer!important;
    transition:background .18s ease,color .18s ease,transform .18s ease!important;
  }
  .login-site-mega-close span{font:500 1cqw/1 Arial,sans-serif!important}
  .login-site-mega-close:hover{background:#fff!important;color:#0874ec!important;transform:translateX(-.12cqw)!important}
  .login-site-mega-main{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    min-width:0!important;
    flex-direction:column!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    padding:5.5cqw 4.2cqw 3.35cqw!important;
  }
  .login-site-mega-main>header{
    display:block!important;
    margin:0 0 2.5cqw!important;
    padding:0!important;
    border:0!important;
  }
  .login-site-mega-main>header small{
    display:block!important;
    margin:0 0 .92cqw!important;
    color:#0e78ed!important;
    font-size:.76cqw!important;
    font-weight:850!important;
    line-height:1!important;
    letter-spacing:.24em!important;
    text-transform:uppercase!important;
  }
  .login-site-mega-main>header h2{
    margin:0!important;
    color:#082f68!important;
    font-family:var(--auth-font-display)!important;
    font-size:clamp(54px,4.65cqw,86px)!important;
    font-weight:700!important;
    line-height:.98!important;
    letter-spacing:-.07em!important;
  }
  .login-site-mega-main>header p{
    max-width:37cqw!important;
    margin:1.08cqw 0 0!important;
    color:#5f7898!important;
    font-size:.92cqw!important;
    font-weight:520!important;
    line-height:1.72!important;
    letter-spacing:.01em!important;
  }
  .login-site-mega-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 2.55cqw!important;
    border-top:1px solid rgba(26,86,158,.14)!important;
  }
  .login-site-mega-grid article,
  .login-site-mega-grid article:hover{
    position:relative!important;
    display:grid!important;
    grid-template-columns:2.05cqw minmax(0,1fr)!important;
    min-height:4.35cqw!important;
    align-items:center!important;
    gap:.78cqw!important;
    box-sizing:border-box!important;
    padding:.82cqw 0!important;
    border:0!important;
    border-bottom:1px solid rgba(26,86,158,.14)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .login-site-mega-icon{
    display:grid!important;
    width:1.78cqw!important;
    height:1.78cqw!important;
    place-items:center!important;
    border:1px solid rgba(15,113,226,.2)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.66)!important;
    color:#0b73e9!important;
    box-shadow:none!important;
  }
  .login-site-mega-icon svg{width:.92cqw!important;height:.92cqw!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .login-site-mega-text{display:block!important;min-width:0!important}
  .login-site-mega-text h3{margin:0 0 .28cqw!important;color:#123d73!important;font-size:.83cqw!important;font-weight:850!important;line-height:1.15!important}
  .login-site-mega-text p{margin:0!important;overflow:visible!important;color:#7186a0!important;font-size:.59cqw!important;line-height:1.46!important;white-space:normal!important;text-overflow:clip!important}
  .login-site-mega-feature{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    min-height:0!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    box-sizing:border-box!important;
    margin:1.75cqw 1.8cqw 1.75cqw 0!important;
    padding:3.3cqw 2.55cqw 2.4cqw!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.76)!important;
    border-radius:1.6cqw!important;
    background:
      radial-gradient(circle at 69% 23%,rgba(104,226,255,.68),transparent 14%),
      radial-gradient(circle at 32% 14%,rgba(73,122,255,.44),transparent 23%),
      linear-gradient(145deg,#06295f 0%,#0758c7 52%,#08a8cf 100%)!important;
    color:#fff!important;
    box-shadow:0 2cqw 5cqw rgba(22,81,153,.2),inset 0 1px rgba(255,255,255,.24)!important;
  }
  .login-site-mega-feature::before{
    content:"AI"!important;
    position:absolute!important;
    z-index:0!important;
    top:2.2cqw!important;
    right:-.8cqw!important;
    color:rgba(255,255,255,.08)!important;
    font:900 11cqw/.8 Arial,sans-serif!important;
    letter-spacing:-.12em!important;
  }
  .login-site-mega-feature::after{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    top:3.7cqw!important;
    right:3.4cqw!important;
    width:11.5cqw!important;
    height:11.5cqw!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:3.2cqw!important;
    box-shadow:0 0 4cqw rgba(118,229,255,.36),inset 0 0 3cqw rgba(255,255,255,.12)!important;
    transform:rotate(32deg)!important;
  }
  .login-site-mega-feature>small,.login-site-mega-feature>b,.login-site-mega-feature>p,.login-site-mega-feature>div,.login-site-mega-feature>button{position:relative!important;z-index:2!important}
  .login-site-mega-feature>small{margin-bottom:.7cqw!important;color:#bdeeff!important;font-size:.66cqw!important;font-weight:850!important;letter-spacing:.18em!important}
  .login-site-mega-feature>b{max-width:24cqw!important;font-size:2cqw!important;font-weight:850!important;line-height:1.25!important;letter-spacing:-.05em!important}
  .login-site-mega-feature>p{max-width:23cqw!important;margin:.9cqw 0 1.15cqw!important;color:rgba(232,246,255,.76)!important;font-size:.78cqw!important;line-height:1.65!important}
  .login-site-mega-feature>div{display:flex!important;flex-wrap:wrap!important;gap:.42cqw!important;margin-bottom:1.25cqw!important}
  .login-site-mega-feature>div span{padding:.34cqw .62cqw!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;color:#eefaff!important;font-size:.58cqw!important;font-weight:750!important}
  .login-site-mega-feature>button{
    display:flex!important;
    width:min(18cqw,100%)!important;
    height:3.05cqw!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 1.05cqw!important;
    border:0!important;
    border-radius:.82cqw!important;
    background:#fff!important;
    color:#0755ba!important;
    box-shadow:0 .7cqw 1.7cqw rgba(0,35,94,.2)!important;
    font-size:.78cqw!important;
    font-weight:850!important;
    cursor:pointer!important;
  }
  .login-site-mega-feature>button i{font-size:1.08cqw!important;font-style:normal!important}
  @media(max-width:1080px){
    #authModal:not(:has(#securityPanel:not(.hidden))) .login-site-mega{grid-template-columns:minmax(0,58%) minmax(0,42%)!important}
    .login-site-mega-main{padding-right:3cqw!important}
    .login-site-mega-grid{grid-template-columns:1fr!important}
    .login-site-mega-grid article:nth-child(n+5){display:none!important}
    .login-site-mega-feature>b{font-size:2.3cqw!important}
  }
}