.login-root{--p:var(--brand-primary);--d:var(--brand-dark);--t:var(--brand-tint);--w:#fff;--on-p:var(--brand-dark);--on-d:var(--w);--line:color-mix(in srgb, var(--d) 18%, transparent);--line-card:color-mix(in srgb, var(--d) 28%, transparent);--line-field:color-mix(in srgb, var(--d) 55%, transparent);--track:color-mix(in srgb, var(--d) 20%, transparent);--hover-p:color-mix(in srgb, var(--p) 38%, transparent);--row-hover:color-mix(in srgb, var(--t) 55%, var(--w));--veil:color-mix(in srgb, var(--w) 72%, transparent);--locked:color-mix(in srgb, var(--d) 6%, var(--w));background:var(--w);min-height:100dvh;color:var(--d);font-family:var(--font-text);flex-wrap:wrap;flex:1 0 auto;font-size:15px;line-height:1.5;display:flex}.login-main{box-sizing:border-box;flex-direction:column;flex:480px;justify-content:space-between;gap:40px;min-width:0;padding:40px clamp(24px,5vw,72px) 32px;display:flex}.login-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.login-logo{flex:none;width:auto;height:92px;display:block}.login-portal{letter-spacing:.16em;text-transform:uppercase;text-align:right;min-width:0;font-size:11px;font-weight:700}.login-body{flex-direction:column;gap:28px;width:100%;max-width:420px;display:flex}.login-intro{flex-direction:column;gap:14px;display:flex}.login-title{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(38px,4.2vw,54px);font-weight:400;line-height:1.04}.login-lede{opacity:.85;margin:0;font-size:16px}.login-form{--login-gap:18px;flex-direction:column;gap:18px;display:flex}.login-help{border-top:1px solid var(--track);margin:0;padding-top:20px;font-size:14px}.login-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 24px;display:flex}.login-badges{width:auto;height:52px;display:block}@media (max-height:860px){.login-main{gap:16px;padding-top:20px;padding-bottom:16px}.login-logo{height:56px}.login-body{gap:18px}.login-intro{gap:8px}.login-title{font-size:clamp(32px,3.2vw,42px)}.login-form{--login-gap:14px;gap:14px}.login-help{padding-top:12px}.login-badges{height:40px}}.login-group{--login-gap:8px}.login-label-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.login-link{color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline;text-decoration-thickness:1px;position:relative}.login-link:after{content:"";position:absolute;inset:-13px -6px}.login-link:hover{text-decoration-thickness:2px}.login-eye{width:44px;height:44px;color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-right:-12px;padding:0;transition:opacity .2s;display:flex}.login-eye:hover{opacity:1}.mw-field .login-eye:focus-visible{outline:2px solid var(--d);outline-offset:-4px;opacity:1}.login-live:empty{height:0;margin-top:calc(var(--login-gap,0px) * -1)}.login-caps{align-items:center;gap:8px;font-size:13px;display:flex}.login-note{background:var(--t);border:1px solid var(--line-card);align-items:flex-start;gap:10px;margin:0;padding:12px 14px;font-size:13px;display:flex}.login-note svg{margin-top:1px}.login-banner{background:var(--t);border:1px solid var(--d);align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;display:flex}.login-banner svg{margin-top:1px}.login-banner strong{font-weight:700}.login-success{margin:0;font-size:14px}.login-submit:disabled{opacity:1}.login-submit.is-done{cursor:default;color:var(--on-d)}.login-submit.is-done:before{transform:translate(0)}.login-spin{animation:.9s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-aside{background:var(--w);flex:2 480px;min-width:0;min-height:600px;position:relative;overflow:hidden}@media (max-width:959px){.login-aside{display:none}}.login-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid;position:absolute;inset:0}.login-col{min-width:0}.login-track{will-change:transform;flex-direction:column;gap:12px;display:flex}.login-track.is-up{animation:80s linear infinite login-drift-up}.login-track.is-down{animation:100s linear infinite login-drift-down}.login-track.is-up-slow{animation:90s linear -35s infinite login-drift-up}@keyframes login-drift-up{0%{transform:translateY(0)}to{transform:translateY(calc((100% + 12px) / var(--login-repeats) * -1))}}@keyframes login-drift-down{0%{transform:translateY(calc((100% + 12px) / var(--login-repeats) * -1))}to{transform:translateY(0)}}.login-mosaic:hover .login-track{animation-play-state:paused}.login-tile{background:var(--t);transition:opacity .4s;position:relative;overflow:hidden}.login-tile img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.login-mosaic:hover .login-tile{opacity:.78}.login-mosaic:hover .login-tile:hover{opacity:1}.login-tile:hover img{transform:scale(1.06)}.login-why{box-sizing:border-box;background:var(--p);width:min(440px,100% - 24px);color:var(--on-p);flex-direction:column;gap:20px;padding:32px 32px 24px;display:flex;position:absolute;bottom:56px;left:0}.login-why-top{letter-spacing:.16em;justify-content:space-between;align-items:baseline;gap:16px;font-size:11px;font-weight:700;display:flex}.login-why-eyebrow{text-transform:uppercase}.login-usps{display:grid}.login-usp{opacity:0;visibility:hidden;flex-direction:column;grid-area:1/1;gap:12px;transition:opacity .5s,transform .5s,visibility 0s linear .5s;display:flex;transform:translateY(10px)}.login-usp.is-on{opacity:1;visibility:visible;transition:opacity .5s .1s,transform .5s .1s,visibility;transform:none}.login-usp-title{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:30px;font-weight:400;line-height:1.1}.login-usp-text{margin:0;font-size:15px}.login-why-controls{align-items:center;gap:16px;display:flex}.login-segs{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.login-seg{background:var(--line-card);height:2px;display:block;overflow:hidden}.login-fill{background:var(--d);width:0;height:100%;display:block}.login-seg.is-done .login-fill{width:100%}.login-seg.is-on .login-fill{animation:6s linear forwards login-fill}@keyframes login-fill{0%{width:0}to{width:100%}}.login-why:hover .login-fill,.login-why:focus-within .login-fill{animation-play-state:paused}.login-arrows{gap:8px;display:flex}.login-arrow{border:1px solid var(--d);width:44px;height:44px;color:var(--d);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:background .25s,color .25s;display:flex}.login-arrow:hover{background:var(--d);color:var(--p)}@media (prefers-reduced-motion:reduce){.login-track{will-change:auto;animation:none}.login-seg.is-on .login-fill{width:100%;animation:none}.login-tile img{transition:none}}
