/* Four quiet light tiles frame the existing password form. No loading overlay,
   font download, external artwork or authentication-dependent CSS is required. */
.login-card.brand-login-card.login-experience {
  --login-ink:#f4f7ff;--login-muted:#b7c1d3;--login-line:#c6d5ff26;
  color-scheme:dark;position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(145deg,#1c2639,#111b2a 75%);color:var(--login-ink);
  border:1px solid #c4d8ff2b;box-shadow:0 30px 80px -35px #18334f75,inset 0 1px 0 #ffffff1f;
}
.login-card.brand-login-card.login-experience::before {
  content:"";position:absolute;inset:0;z-index:-1;width:auto;height:auto;border-radius:inherit;pointer-events:none;
  background:radial-gradient(ellipse at 0 0,#2a83fb2e,transparent 48%),radial-gradient(ellipse at 100% 100%,#fc745c21,transparent 48%);
}
.login-experience .brand-login-mark {justify-content:center;margin:0 0 22px}
.login-experience .brand-login-mark img {width:148px;max-width:65%;padding:9px 10px;border-radius:13px;background:#fff;box-shadow:0 3px 12px #020a1d30}
.login-card.brand-login-card.login-experience h1 {color:var(--login-ink);text-align:center;font-size:28px;letter-spacing:-.8px}
.login-card.brand-login-card.login-experience>p {color:var(--login-muted);text-align:center;max-width:none;font-size:12px}
.login-card.brand-login-card.login-experience .login-form {margin-top:20px;gap:15px}
.login-card.brand-login-card.login-experience .login-form label {color:#d4dced;font-size:12px;font-weight:500}
.login-card.brand-login-card.login-experience .login-form input {
  width:100%;color:#f7f9ff;background:#0c1421b3;border:1px solid #8cadd536;box-shadow:inset 0 1px 3px #02071022;
  border-radius:13px;min-height:49px;font-size:15px;caret-color:#8bc2ff;transition:border-color 180ms ease,box-shadow 180ms ease,background 180ms ease;
}
.login-card.brand-login-card.login-experience .login-form input:focus {border-color:#6baeff;box-shadow:0 0 0 3px #2b8afd20;background:#111e30;outline:none}
.login-experience .login-form input:-webkit-autofill {transition:background-color 99999s ease-out;-webkit-text-fill-color:#f7f9ff;caret-color:#f7f9ff}
.login-experience .login-password-field {position:relative;display:block;margin-top:7px}
.login-card.brand-login-card.login-experience .login-password-field input {margin-top:0;padding-right:51px}
.login-password-toggle {position:absolute;inset:4px 5px 4px auto;display:grid;place-items:center;width:40px;min-height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:#b4c5df;cursor:pointer;box-shadow:none}
.login-password-toggle svg {width:20px;height:20px;display:block}
.login-password-toggle:hover {background:#ffffff0b;color:#fff}
.login-password-toggle:focus-visible,.login-confirmation-close:focus-visible {outline:2px solid #7fb9ff;outline-offset:2px}
.login-card.brand-login-card.login-experience .login-form .button.primary {
  min-height:48px;margin-top:5px;color:white;border:1px solid #79b6ff70;
  background:linear-gradient(145deg,#459aff,#166dde);box-shadow:inset 0 1px 0 #ffffff3a,0 5px 18px -8px #1877f9a3;font-size:13px;font-weight:600;
}
.login-card.brand-login-card.login-experience .login-form .button.primary:hover {background:linear-gradient(145deg,#5aa6ff,#2479e8);box-shadow:inset 0 1px 0 #ffffff45,0 6px 22px -8px #1877f9ba;transform:translateY(-1px)}
.login-card.brand-login-card.login-experience .login-form .button.primary:active {transform:translateY(0)}
.login-card.brand-login-card.login-experience .login-foot {color:#9cabc1!important;border-color:#c6d5ff20;padding-top:17px;margin-top:22px;font-size:10px!important;line-height:1.7}
.login-access-intro {display:flex;flex-direction:column;align-items:center;margin:20px 0 0;text-align:center}
.login-lock-emblem {position:relative;display:grid;grid-template-columns:repeat(2,30px);gap:7px;width:max-content;flex-shrink:0;padding:4px}
.login-lock-tile {display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid #80b5ff91;background:linear-gradient(140deg,#28456861,#13273c4d);color:#8fc2ff;box-shadow:0 0 9px -4px #5c9bff80,inset 0 1px 0 #ffffff18;transition:transform 360ms cubic-bezier(.2,.8,.25,1),border-color 220ms ease,box-shadow 220ms ease}
.login-lock-tile:nth-child(2),.login-lock-tile:nth-child(3) {border-color:#ffad8b73;color:#ffc1a6;background:linear-gradient(140deg,#593b3661,#2922304d);box-shadow:0 0 9px -4px #fa835e78,inset 0 1px 0 #ffffff18}
.login-lock-tile svg {display:block;width:15px;height:15px}
.login-card.login-experience .login-access-status {margin:12px 0 8px;font-size:11px;line-height:1.55;color:#a6b8d1;min-height:17px}
.login-masked-hint {display:flex;gap:5px;align-items:center;height:8px;margin:0}
.login-masked-hint i {display:block;width:4px;height:4px;border-radius:50%;background:#8398b966;transition:background-color 160ms ease,box-shadow 160ms ease}
.login-experience:focus-within .login-lock-tile {border-color:#acd0ff;box-shadow:0 0 12px -4px #5c9bffb0,inset 0 1px 0 #ffffff18}
.login-experience:focus-within .login-lock-tile:nth-child(2),.login-experience:focus-within .login-lock-tile:nth-child(3) {border-color:#ffc7af;box-shadow:0 0 12px -4px #fa835e9c,inset 0 1px 0 #ffffff18}
.login-experience[data-login-state=entered] .login-masked-hint i {background:#a9d1ff;box-shadow:0 0 6px #4b96f03b}
.login-experience[data-login-state=checking] .login-lock-tile:nth-child(1) {transform:translate(3.5px,3.5px)}
.login-experience[data-login-state=checking] .login-lock-tile:nth-child(2) {transform:translate(-3.5px,3.5px)}
.login-experience[data-login-state=checking] .login-lock-tile:nth-child(3) {transform:translate(3.5px,-3.5px)}
.login-experience[data-login-state=checking] .login-lock-tile:nth-child(4) {transform:translate(-3.5px,-3.5px)}
.login-experience[data-login-state=checking] .login-access-status {color:#c7dfff}
.login-experience[data-login-state=checking] .login-masked-hint i {background:#c0dcff}
.login-card.brand-login-card.login-experience .login-error {padding:11px 12px;background:#ff765817;border:1px solid #ff977b4d;border-radius:11px;color:#ffc0aa;font-size:12px;line-height:1.65;margin:0}
.login-experience[data-login-state=error] .login-access-status {color:#ffc0aa}
.login-confirmation {position:fixed;right:20px;top:20px;z-index:100;display:flex;align-items:center;gap:13px;width:max-content;max-width:calc(100% - 32px);padding:15px 15px 15px 13px;border:1px solid #afceff42;border-radius:20px;background:#17283bf5;color:#f4f8ff;box-shadow:0 15px 45px -15px #0b21395c;animation:login-confirmation-enter 360ms cubic-bezier(.2,.8,.25,1) both}
.login-confirmation .login-lock-emblem {grid-template-columns:repeat(2,18px);gap:3px;padding:0}
.login-confirmation .login-lock-tile {width:18px;height:18px;border-radius:5px;border-color:#8fc8f8;box-shadow:none}
.login-confirmation .login-lock-tile svg {width:10px;height:10px}
.login-confirmation-copy {min-width:0}
.login-confirmation-copy strong {display:block;font-size:13px;font-weight:600;line-height:1.5}
.login-confirmation-copy small {display:block;color:#b9c9dd;font-size:10px;line-height:1.7}
.login-confirmation-close {display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;padding:0;border:0;border-radius:9px;box-shadow:none;background:transparent;color:#d1def0;font-size:21px}
.login-confirmation-close:hover {background:#ffffff0a}
@keyframes login-confirmation-enter {from{opacity:.4;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:820px) {.login-card.brand-login-card.login-experience h1{font-size:25px}.login-access-intro{margin-top:19px}.login-card.brand-login-card.login-experience .login-form{margin-top:17px}.login-card.brand-login-card.login-experience .login-form input{font-size:16px}.login-confirmation{right:16px;top:16px;gap:10px;padding:13px 10px 13px 12px}}
@media(max-width:380px) {.login-card.brand-login-card.login-experience{padding:25px 22px!important}.login-confirmation-copy small{font-size:9px}.login-confirmation .login-lock-emblem{display:none}}
@media(prefers-reduced-motion:reduce) {.login-lock-tile,.login-masked-hint i,.login-password-toggle,.login-confirmation,.login-experience .login-form .button{animation:none!important;transition:none!important;transform:none!important}.login-experience .login-form input:-webkit-autofill{transition:none}}
@media(prefers-reduced-transparency:reduce) {.login-card.brand-login-card.login-experience{background:#172338}.login-experience .login-form input{background:#0e1828}.login-confirmation{background:#17283b}.login-lock-tile{background:#203954}.login-lock-tile:nth-child(2),.login-lock-tile:nth-child(3){background:#473232}}
@media(forced-colors:active) {.login-card.brand-login-card.login-experience,.login-confirmation{color:CanvasText;background:Canvas;border:1px solid CanvasText;box-shadow:none}.login-card.brand-login-card.login-experience::before,.login-access-intro{display:none}.login-card.brand-login-card.login-experience h1,.login-card.brand-login-card.login-experience>p,.login-card.brand-login-card.login-experience .login-form label,.login-card.brand-login-card.login-experience .login-foot,.login-card.brand-login-card.login-experience .login-error,.login-confirmation-copy small{color:CanvasText!important}.login-card.brand-login-card.login-experience .login-form input{background:Field;color:FieldText;border-color:ButtonText}.login-password-toggle,.login-confirmation-close{background:ButtonFace;color:ButtonText}.login-card.brand-login-card.login-experience .login-form .button.primary{background:Highlight;color:HighlightText;border-color:Highlight}.login-confirmation .login-lock-emblem{display:none}}
@media(forced-colors:active) {.login-card.brand-login-card.login-experience .login-form input:focus-visible{outline:2px solid Highlight;outline-offset:2px;box-shadow:none}}
@media print {.login-access-intro,.login-password-toggle,.login-confirmation{display:none!important}.login-card.brand-login-card.login-experience{background:white!important;color:#111;box-shadow:none}.login-card.brand-login-card.login-experience::before{display:none}.login-card.brand-login-card.login-experience h1,.login-card.brand-login-card.login-experience>p,.login-card.brand-login-card.login-experience .login-foot{color:#111!important}}