.login-page{background-color:var(--app-background);align-items:stretch;height:100dvh;display:flex;overflow:hidden}.login-page__art{background-color:var(--background);flex:0 0 50%;justify-content:center;align-items:center;width:50%;max-width:50%;height:100%;display:flex;overflow:hidden}.login-page__art-img{object-fit:cover;object-position:center;width:100%;max-width:100%;max-height:100%;display:block}.login-page__art-img--pending{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.login-page__art-loading{color:var(--primary);justify-content:center;align-items:center;font-size:2rem;display:flex}.login-page__card{background-color:var(--background);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-width:0;height:100%;padding:40px 56px;display:flex;overflow-y:auto}.login-page__panel{text-align:left;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:440px;margin:auto 0;display:flex}.login-page__title{text-align:center;align-self:stretch}.login-brand{text-align:center;width:100%;color:var(--brand-navy);font-family:var(--font-display);flex-direction:column;align-items:center;gap:6px;font-size:20.17px;font-weight:700;line-height:normal;display:flex}.login-brand__name{-webkit-line-clamp:2;line-clamp:2;text-align:center;text-wrap:balance;overflow-wrap:anywhere;-webkit-box-orient:vertical;width:100%;margin:0;line-height:1.25;display:-webkit-box;overflow:hidden}.login-brand__mark{object-fit:contain;flex-shrink:0;align-self:center;width:auto;max-width:140px;height:auto;max-height:74px}.login-brand__mark--pending{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.login-brand__loading{height:74px;color:var(--primary);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.login-page__notice{border:1px solid var(--success-border);background:var(--success-soft);color:var(--success);border-radius:6px;align-self:stretch;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.login-page__notice .pi{margin-top:2px}.login-access-error{border:1px solid var(--danger-border);background:var(--danger-soft);color:var(--danger-strong);border-radius:6px;align-self:stretch;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.login-access-error__icon{margin-top:2px;font-size:15px}.login-access-error__body{flex-direction:column;gap:2px;min-width:0;display:flex}.login-access-error__title{margin:0;font-weight:700}.login-access-error__message{margin:0;font-weight:400}.login-form{flex-direction:column;align-self:stretch;gap:24px;font-weight:400;display:flex;container:login-form/inline-size}.login-form--centered{text-align:center}.login-form__forgot{color:var(--primary-ink);text-align:right;align-self:stretch}.login-alt{letter-spacing:.16px;flex-direction:column;align-self:stretch;gap:24px;font-weight:400;display:flex}.login-divider{color:var(--divider-text);font-size:var(--text-base);align-items:center;gap:16px;padding:10px 0;line-height:1;display:flex}.login-divider__line{border-top:1px solid var(--divider);flex-grow:1;height:0;margin-top:-2px}.login-divider__text{text-align:center}.login-footer{flex-direction:column;align-items:center;gap:9px;margin-top:10px;display:flex}.login-footer__powered{color:var(--footer-muted);flex-direction:column;align-items:center;gap:6px;font-size:11.44px;font-weight:400;line-height:1.255;display:flex}.login-footer__mark{object-fit:contain;flex-shrink:0;width:52px;height:39px}.login-footer__company{color:var(--brand-blue);font-size:14.3px;font-weight:600}.otp-block{flex-direction:column;gap:15px;display:flex;container:login-otp/inline-size}.otp-block__sent-to{line-height:1.4}.otp-block__change{color:var(--primary-ink);font:inherit}.otp-block__change:hover{text-decoration:underline}.otp-input{align-self:center;align-items:flex-start;gap:6px;display:flex}.otp-input__box{width:54px;height:50px;color:var(--foreground);text-align:center;background-color:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;font-size:24px;font-weight:600}.otp-input__box:focus-visible{border-color:var(--primary-ink);box-shadow:0 0 0 2px var(--primary-focus-ring);outline:none}.otp-input__box--invalid{border-color:var(--danger)}.otp-input__box:disabled{opacity:.6}.otp-block__expiry{color:var(--icon-color);letter-spacing:.14px;font-size:14px;line-height:1}.otp-resend{font-size:var(--text-base);letter-spacing:.16px;justify-content:space-between;align-items:flex-start;line-height:1;display:flex}.otp-resend__prompt{color:var(--foreground)}.otp-resend__btn{color:var(--primary-ink);font:inherit}.otp-resend__btn:disabled{color:var(--muted-foreground)}.otp-resend__btn:hover:not(:disabled){text-decoration:underline}@media (width<=1182px){.login-page__art{display:none}.login-page__card{padding:32px 24px}}@media (width<=640px){.login-page__card{padding:24px 16px}}@container login-otp (width<353px){.otp-input{flex-direction:column;align-items:center;gap:14px}}@container login-form (width<326px){.otp-resend{flex-direction:column;align-items:center;gap:12px}.otp-resend>*{text-align:center}}@container login-form (width<110px){.btn{flex-direction:column;align-items:center;gap:13px}.btn>*{text-align:center}}