.shell[hidden],.login-view[hidden],.login-security-panel[hidden],#loginCredentialStep[hidden]{display:none!important}
.login-layout{box-sizing:border-box}
.login-card{transform:none}
.login-card.is-security-step{width:min(880px,calc(100vw - 72px));max-width:none;padding:0;overflow:hidden;transform:none}
.login-view.mfa-active .login-layout{grid-template-columns:1fr;justify-items:center;width:min(1040px,100%)}
.login-view.mfa-active .login-hero{display:none}
.login-security-panel{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr);min-height:540px}
.login-security-visual,.login-setup-visual{display:grid;align-content:center;justify-items:center;padding:54px 44px;background:linear-gradient(150deg,#0c2342,#143b6b);color:#fff;text-align:center}
.login-security-visual p,.login-card .login-setup-visual h1{margin:24px 0 8px;color:#fff;font-size:23px;letter-spacing:-.02em}
.login-security-visual small,.login-setup-visual>p{max-width:280px;margin:0;color:#b8cae2;font-size:13px;line-height:1.7}
.security-shield{position:relative;display:grid;place-items:center;width:142px;height:164px;clip-path:polygon(50% 0,94% 17%,88% 69%,50% 100%,12% 69%,6% 17%);background:linear-gradient(150deg,#2d83f4,#1666d1);filter:drop-shadow(0 18px 24px #001a3b66)}
.security-shield:before{content:"";position:absolute;inset:13px;clip-path:inherit;background:#10335e}
.security-shield span{position:relative;display:grid;place-items:center;width:54px;height:54px;border:1px solid #79b3ff;border-radius:50%;background:#1d5897;color:#dff0ff;font-size:27px}
.login-security-content{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:52px 58px;background:#fff}
.security-kicker{color:#347fe6;font-size:11px;font-weight:800;letter-spacing:.15em}
.login-security-content h1{margin:12px 0 8px;color:#172842;font-size:27px;letter-spacing:-.025em}
.login-security-content>p:not(.security-note){margin:0 0 12px;color:#718198;font-size:13px}
.mfa-code-label{margin-top:18px!important;font-weight:700}
.login-card .mfa-code-input{height:58px;margin-top:10px;padding:0 18px;border:1px solid #cfdbeb;border-radius:10px;background-color:#fbfdff;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),#dce5f1 calc(16.666% - 1px),#dce5f1 16.666%);font:700 25px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.15em;text-indent:.53em;font-variant-numeric:tabular-nums}
.mfa-time{display:flex;justify-content:space-between;gap:16px;margin-top:12px;color:#7b899d;font-size:12px}
.mfa-time b{color:#315f9f;font-variant-numeric:tabular-nums}
.security-back,.setup-manual-toggle{border:0;background:transparent;color:#3779d2;font:700 12px/1.4 inherit;cursor:pointer}
.security-back{align-self:center;margin-top:16px;padding:8px}
.security-note{display:flex;gap:9px;align-items:flex-start;margin:22px 0 0!important;padding-top:17px;border-top:1px solid #e8eef6;color:#7c8a9d!important;font-size:11px!important;line-height:1.6}
.security-note i{flex:none;width:7px;height:7px;margin-top:5px;border-radius:50%;background:#2cb986;box-shadow:0 0 0 4px #2cb98618}
.login-card.is-security-step>.login-security,.login-card.is-security-step>footer{display:none}
.login-card.is-security-step>#loginMessage{position:absolute;z-index:2;right:58px;bottom:25px;width:min(370px,42%);margin:0}
.login-card #loginMessage.success{color:#16845e}
.login-setup-visual{align-content:start;justify-items:start;padding:42px;text-align:left}
.login-card .login-setup-visual h1{margin:10px 0 7px}
.setup-qr-frame{display:grid;place-items:center;align-self:center;width:250px;height:250px;margin:25px auto 12px;padding:15px;border:1px solid #5c789b;border-radius:18px;background:#fff;box-shadow:0 18px 35px #00162f66}
.setup-qr-frame img{display:block;width:100%;height:100%;object-fit:contain}
.setup-manual-toggle{justify-self:center;color:#c9def8;padding:8px}
.setup-manual{box-sizing:border-box;width:100%;margin-top:8px;padding:12px;border:1px solid #4b6789;border-radius:9px;background:#0a1c34}
.setup-manual span{display:block;color:#9eb4cf;font-size:10px;letter-spacing:.09em}
.setup-manual code{display:block;overflow-wrap:anywhere;margin:7px 0;color:#fff;font-size:13px;line-height:1.5}
.setup-manual button{border:0;border-radius:6px;padding:6px 9px;background:#244a77;color:#dcecff;font-size:11px;cursor:pointer}
.setup-steps{display:grid;gap:13px;margin:20px 0 5px;padding:0;list-style:none}
.setup-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;color:#53647a;font-size:12px;line-height:1.5}
.setup-steps b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#edf4ff;color:#2878ed}
@media(max-width:767px){
  .login-card.is-security-step{width:min(560px,calc(100vw - 36px));overflow:visible}
  .login-view.mfa-active .login-layout{align-items:start;padding-top:94px}
  .login-security-panel{grid-template-columns:1fr;min-height:0}
  .login-security-visual{min-height:210px;padding:35px 28px}
  .security-shield{width:76px;height:88px}.security-shield span{width:36px;height:36px;font-size:19px}
  .login-security-visual p{margin:14px 0 5px;font-size:19px}
  .login-security-content{padding:34px 30px}
  .login-setup-visual{padding:32px 28px}
  .setup-qr-frame{width:220px;height:220px;margin-top:20px}
  .login-card.is-security-step>#loginMessage{position:static;width:auto;margin:0;padding:0 30px 20px;background:#fff}
}
@media(max-width:430px){
  .login-view.mfa-active .login-layout{padding:82px 12px 20px}
  .login-card.is-security-step{width:100%;border-radius:14px}
  .login-security-visual{min-height:180px;padding:28px 22px}
  .login-security-content{padding:29px 22px}
  .login-security-content h1{font-size:23px}
  .login-setup-visual{padding:28px 22px}
  .setup-qr-frame{box-sizing:border-box;width:min(230px,100%);height:auto;aspect-ratio:1}
  .login-card .mfa-code-input{height:54px;padding:0 8px;font-size:22px;letter-spacing:1.05em;text-indent:.48em}
}
@media(prefers-reduced-motion:reduce){.security-shield,.login-submit{transition:none;filter:none}}