/* JobTek App signed-out experience.
   Kept separate from the authenticated Tabler shell so no legacy page or shell
   selectors are reintroduced while the established sign-in journey is retained. */

.app-auth-host {
  --app-safe-top: var(--jt-safe-top, env(safe-area-inset-top, 0px));
  --app-safe-right: var(--jt-safe-right, env(safe-area-inset-right, 0px));
  --app-safe-bottom: var(--jt-safe-bottom, env(safe-area-inset-bottom, 0px));
  --app-safe-left: var(--jt-safe-left, env(safe-area-inset-left, 0px));
  --app-auth-top-paint: #061426;
  --app-onboarding-top-paint: #003b73;
  --app-brand-950: #002e5f;
  --app-brand-900: #003b73;
  --app-brand-800: #004b91;
  --app-blue-700: #075fd5;
  --app-blue-600: #0b6cf2;
  --app-blue-100: #dbeafe;
  --app-blue-50: #eff6ff;
  --app-surface: #fff;
  --app-surface-muted: #f7f9fc;
  --app-text: #111827;
  --app-muted: #53657d;
  --app-subtle: #718096;
  --app-border: #d7dfeb;
  --app-success: #087c3d;
  --app-success-bg: #e8f7ee;
  --app-danger: #b42318;
  --app-danger-bg: #fff0ef;
  --app-font: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, sans-serif;
  --app-display: "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, sans-serif;
  --app-radius: var(--tblr-border-radius, .375rem);
  font-family: var(--app-font);
}

:root[data-app-theme="dark"] .app-auth-host {
  --app-surface: #142235;
  --app-surface-muted: #192a40;
  --app-text: #f5f8fc;
  --app-muted: #bdc9d8;
  --app-subtle: #94a6bc;
  --app-border: #344a65;
  --app-blue-100: #183960;
  --app-blue-50: #142f50;
  --app-success-bg: #123b2a;
  --app-danger-bg: #462428;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-app-theme]) .app-auth-host {
    --app-surface: #142235;
    --app-surface-muted: #192a40;
    --app-text: #f5f8fc;
    --app-muted: #bdc9d8;
    --app-subtle: #94a6bc;
    --app-border: #344a65;
    --app-blue-100: #183960;
    --app-blue-50: #142f50;
    --app-success-bg: #123b2a;
    --app-danger-bg: #462428;
  }
}

.app-auth-host button,
.app-auth-host input { font: inherit; }
.app-auth-host input { font-size: max(1rem, 16px); }
.app-auth-host :focus-visible { outline: 2px solid #62a5ff; outline-offset: 2px; }
.app-visually-hidden { position: absolute!important; inline-size: 1px!important; block-size: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }

.app-auth-host .app-button { min-block-size: 3rem; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; padding: .62rem 1rem; border: 1px solid transparent; border-radius: var(--app-radius); font-weight: 720; text-decoration: none; cursor: pointer; transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; }
.app-auth-host .app-button-primary { color: #fff; border-color: var(--app-blue-700); background: linear-gradient(135deg, var(--app-brand-800), var(--app-blue-600)); box-shadow: 0 7px 18px rgb(11 108 242 / 20%); }
.app-auth-host .app-button-secondary { color: var(--app-brand-900); border-color: var(--app-border); background: var(--app-surface); }
.app-auth-host .app-button:disabled { cursor: not-allowed; opacity: .56; }

.app-signin-page { position: fixed; z-index: 200; inset: 0; block-size: 100dvh; min-block-size: 100svh; overflow-x: hidden; overflow-y: auto; padding: calc(1.5rem + var(--app-safe-top)) max(clamp(1.4rem, 5vw, 2.25rem), var(--app-safe-right)) calc(1.5rem + var(--app-safe-bottom)) max(clamp(1.4rem, 5vw, 2.25rem), var(--app-safe-left)); color: #f7fbff; background-color: var(--app-auth-top-paint); background-image: linear-gradient(to bottom, var(--app-auth-top-paint) 0, var(--app-auth-top-paint) calc(var(--app-safe-top) + 1px), transparent calc(var(--app-safe-top) + 3rem)), radial-gradient(circle at 50% 18%, rgb(20 86 159 / 28%), transparent 34rem), linear-gradient(165deg, #061426, #020a16 72%); }
.app-signin-glow { position: fixed; inset-block-start: -12rem; inset-inline-start: 50%; inline-size: 34rem; block-size: 34rem; border-radius: 50%; background: rgb(11 108 242 / 12%); filter: blur(70px); pointer-events: none; transform: translateX(-50%); animation: app-signin-glow-enter 1800ms cubic-bezier(.16,1,.3,1) both; }
.app-signin-content { position: relative; z-index: 2; display: flex; flex-direction: column; inline-size: min(100%, 38rem); min-block-size: calc(100dvh - 3rem - var(--app-safe-top) - var(--app-safe-bottom)); margin-inline: auto; opacity: 0; pointer-events: none; }
.app-signin-page.is-ready .app-signin-content { pointer-events: auto; animation: app-signin-screen-enter 720ms ease both; }
.app-signin-brand { display: flex; flex-direction: column; align-items: center; padding-block-start: clamp(.5rem, 5vh, 3.5rem); text-align: center; }
.app-signin-logo { display: block; inline-size: clamp(12rem, 46vw, 16rem); block-size: auto; margin-block: 0 .4rem; filter: brightness(0) invert(1); }
.app-signin-brand p { margin: 0; color: #9fb0c5; font-size: clamp(1rem, 3vw, 1.2rem); }
.app-signin-language { display: inline-flex; align-items: center; gap: .4rem; min-block-size: 2.75rem; margin-block-start: .55rem; padding: .3rem .7rem; border: 0; border-radius: var(--app-radius); color: #cbd7e5; background: transparent; font: 600 .78rem/1 var(--app-font); cursor: pointer; }
.app-signin-language:hover,.app-signin-language:focus-visible { color: #fff; background: rgb(255 255 255 / 8%); }
.app-signin-language svg:not(.app-language-flag) { inline-size: .75rem; block-size: .75rem; fill: none; stroke: currentColor; }
.app-signin-language > .app-language-flag { inline-size: 1.15rem; block-size: .78rem; }
.app-language-flag { flex: none; inline-size: 1.7rem; block-size: 1.15rem; border-radius: var(--app-radius); overflow: hidden; box-shadow: 0 0 0 1px rgb(8 28 50 / 16%); }
.app-signin-page.is-ready .app-signin-content .app-signin-logo { animation: app-signin-item-enter 620ms ease 100ms both; }
.app-signin-page.is-ready .app-signin-content .app-signin-brand p { animation: app-signin-item-enter 620ms ease 180ms both; }
.app-signin-page.is-ready .app-signin-feature-stage { animation: app-signin-stage-enter 1000ms ease 180ms both; }
.app-signin-feature-card { display: grid; align-content: center; gap: .9rem; min-block-size: 18.2rem; margin-block-start: clamp(2rem, 5vh, 3.5rem); padding: clamp(1.15rem, 4vw, 1.6rem); border: 0; border-radius: var(--app-radius); background: rgb(17 34 61 / 78%); box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%); backdrop-filter: blur(18px); animation: app-signin-card-enter 700ms ease both; }
.app-signin-feature { display: grid; grid-template-columns: 3.4rem minmax(0, 1fr); align-items: center; gap: .9rem; min-inline-size: 0; }
.app-signin-feature:nth-child(1) { animation: app-signin-feature-enter 520ms ease-out 80ms both; }
.app-signin-feature:nth-child(2) { animation: app-signin-feature-enter 520ms ease-out 160ms both; }
.app-signin-feature:nth-child(3) { animation: app-signin-feature-enter 520ms ease-out 240ms both; }
.app-signin-feature > span { display: grid; place-items: center; inline-size: 3.4rem; block-size: 3.4rem; border-radius: var(--app-radius); color: #77b7ff; background: rgb(20 64 121 / 48%); }
.app-signin-feature svg { inline-size: 1.6rem; block-size: 1.6rem; fill: none; stroke: currentColor; }
.app-signin-feature > div { min-inline-size: 0; display: flex; flex-direction: column; }
.app-signin-feature strong { color: #fff; font-size: clamp(.95rem, 3vw, 1.08rem); line-height: 1.25; }
.app-signin-feature small { margin-block-start: .16rem; color: #93a4ba; font-size: clamp(.75rem, 2.5vw, .86rem); line-height: 1.35; }
.app-signin-pages { display: flex; justify-content: center; align-items: center; gap: .48rem; min-block-size: 2.7rem; }
.app-signin-pages button { inline-size: .55rem; block-size: .55rem; padding: 0; border: 0; border-radius: var(--app-radius); background: #17335b; cursor: pointer; transition: inline-size 180ms ease, background-color 180ms ease; }
.app-signin-pages button.is-active { inline-size: 1.65rem; background: #2f6cff; }
.app-signin-actions { inline-size: 100%; }
.app-signin-button { position: relative; isolation: isolate; inline-size: 100%; min-block-size: 3.6rem; overflow: hidden; border: 0; border-radius: var(--app-radius); color: #fff; background: linear-gradient(135deg, #1748cc, #2f6cff); box-shadow: 0 .8rem 2.2rem rgb(15 72 204 / 30%); font-size: 1.05rem; line-height: 1.2; }
.app-signin-button::after { position: absolute; z-index: 0; inset: 0; content: ""; background: linear-gradient(105deg, transparent 28%, rgb(255 255 255 / 24%) 48%, transparent 68%); transform: translateX(-140%); animation: app-signin-button-sheen 5s ease-in-out 1750ms infinite; pointer-events: none; }
.app-signin-secondary-button { inline-size: 100%; min-block-size: 3.35rem; margin-block-start: .7rem; border: 0; border-radius: var(--app-radius); color: #dceaff; background: rgb(20 64 121 / 48%); font-size: 1rem; line-height: 1.2; }
.app-signin-secondary-button:hover:not(:disabled) { color: #fff; background: rgb(28 81 151 / 62%); }
.app-signin-account-note { margin: .85rem auto 0; max-inline-size: 31rem; color: #8192a8; font-size: .78rem; text-align: center; }
.app-signin-page.is-ready .app-signin-pages { animation: app-signin-item-enter 520ms ease 380ms both; }
.app-signin-page.is-ready .app-signin-button { animation: app-signin-action-enter 620ms ease 440ms both; }
.app-signin-page.is-ready .app-signin-secondary-button { animation: app-signin-item-enter 620ms ease 520ms both; }
.app-signin-page.is-ready .app-signin-account-note { animation: app-signin-item-enter 520ms ease 600ms both; }
.app-signin-error { margin: .7rem auto 0; padding: .55rem .75rem; border: 1px solid rgb(255 156 150 / 32%); border-radius: var(--app-radius); color: #ffc3bf; background: rgb(93 24 30 / 35%); font-size: .78rem; text-align: center; }

.app-account-journey { position: fixed; z-index: 240; inset: 0; display: grid; place-items: center; padding: max(1rem, var(--app-safe-top)) max(1rem, var(--app-safe-right)) max(1rem, var(--app-safe-bottom)) max(1rem, var(--app-safe-left)); }
.app-account-journey-scrim { position: absolute; inset: 0; background: linear-gradient(to bottom, var(--app-onboarding-top-paint) 0, var(--app-onboarding-top-paint) calc(var(--app-safe-top) + 1px), transparent calc(var(--app-safe-top) + 3rem)), color-mix(in srgb, var(--app-brand-950) 58%, transparent); backdrop-filter: blur(10px) saturate(.78); }
.app-account-journey-panel { position: relative; z-index: 1; inline-size: min(100%, 34rem); max-block-size: calc(100dvh - max(2rem, var(--app-safe-top) + var(--app-safe-bottom))); overflow: auto; padding: clamp(1.35rem, 5vw, 2rem); border: 1px solid color-mix(in srgb, var(--app-border) 78%, transparent); border-radius: var(--app-radius); color: var(--app-text); background: radial-gradient(circle at 50% 0, color-mix(in srgb, var(--app-blue-100) 58%, transparent), transparent 20rem), color-mix(in srgb, var(--app-surface) 98%, transparent); box-shadow: 0 1.8rem 5rem rgb(0 0 0 / 32%); outline: 0; overscroll-behavior: contain; animation: app-account-journey-enter 260ms cubic-bezier(.2,.8,.2,1) both; }
.app-account-journey-close { position: absolute; inset-block-start: .75rem; inset-inline-end: .75rem; display: grid; place-items: center; inline-size: 2.75rem; block-size: 2.75rem; padding: 0; border: 0; border-radius: 50%; color: var(--app-muted); background: color-mix(in srgb, var(--app-text) 7%, transparent); cursor: pointer; }
.app-account-journey-close:hover:not(:disabled) { color: var(--app-text); background: color-mix(in srgb, var(--app-text) 13%, transparent); }
.app-account-journey-close svg { inline-size: 1.25rem; block-size: 1.25rem; fill: none; stroke: currentColor; }
.app-account-journey-panel h2 { margin: 0 3rem 0 0; color: var(--app-text); font: 750 clamp(1.65rem, 6vw, 2.15rem)/1.08 var(--app-display); letter-spacing: -.035em; }
.app-account-journey-intro { margin: .7rem 2.8rem 1.25rem 0; color: var(--app-muted); font-size: .94rem; line-height: 1.45; }
.app-account-journey-panel form { display: grid; }
.app-account-journey-options { display: grid; gap: .65rem; }
.app-account-journey-option { display: grid; grid-template-columns: 3.15rem minmax(0, 1fr) 1.7rem; align-items: center; gap: .85rem; inline-size: 100%; min-block-size: 5rem; padding: .75rem .8rem; border: 0; border-radius: var(--app-radius); color: var(--app-text); background: color-mix(in srgb, var(--app-text) 5%, var(--app-surface-muted)); box-shadow: 0 .16rem .5rem rgb(15 35 60 / 5%); text-align: start; cursor: pointer; transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; }
.app-account-journey-option:hover:not(:disabled):not(.is-selected) { background: color-mix(in srgb, var(--app-blue-600) 9%, var(--app-surface)); box-shadow: 0 .22rem .7rem rgb(15 35 60 / 8%); transform: translateY(-1px); }
.app-account-journey-option.is-selected { background: color-mix(in srgb, var(--app-blue-600) 24%, var(--app-surface)); box-shadow: 0 .2rem .7rem color-mix(in srgb, var(--app-blue-600) 14%, transparent); }
.app-account-journey-icon { display: grid; place-items: center; inline-size: 3.15rem; block-size: 3.15rem; border-radius: var(--app-radius); color: var(--app-blue-600); background: var(--app-blue-50); }
.app-account-journey-icon svg { inline-size: 1.55rem; block-size: 1.55rem; fill: none; stroke: currentColor; }
.app-account-journey-option > span:nth-child(2) { display: grid; gap: .18rem; min-inline-size: 0; }
.app-account-journey-option strong { color: var(--app-text); font-size: .98rem; line-height: 1.25; }
.app-account-journey-option small { color: var(--app-muted); font-size: .78rem; line-height: 1.38; }
.app-account-journey-check { display: grid; place-items: center; inline-size: 1.7rem; block-size: 1.7rem; border: 0; border-radius: 50%; color: transparent; background: color-mix(in srgb, var(--app-text) 10%, transparent); transition: color 160ms ease, background-color 160ms ease, transform 160ms ease; }
.app-account-journey-check svg { inline-size: 1rem; block-size: 1rem; fill: none; stroke: currentColor; }
.app-account-journey-option.is-selected .app-account-journey-check { color: #fff; background: var(--app-blue-700); transform: scale(1.04); }
.app-account-journey-platform-note { margin: .85rem .15rem; color: var(--app-subtle); font-size: .76rem; line-height: 1.42; text-align: center; }
.app-account-journey-continue { inline-size: 100%; min-block-size: 3.45rem; margin-block-start: .9rem; border-radius: var(--app-radius); }
.app-account-journey-platform-note + .app-account-journey-continue { margin-block-start: 0; }
.app-account-form { gap: .65rem; }
.app-account-form > label:not(.app-account-sharing-choice) { color: var(--app-text); font-size: .78rem; font-weight: 750; }
.app-account-form > input { inline-size: 100%; min-block-size: 3.25rem; padding: .72rem .85rem; border: 0; border-radius: var(--app-radius); color: var(--app-text); background: var(--app-surface-muted); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--app-border) 88%, transparent); font: 600 max(1rem, 16px)/1.25 var(--app-font); outline: none; }
.app-account-form > input:focus { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--app-blue-600) 58%, transparent), 0 0 0 2px color-mix(in srgb, var(--app-blue-600) 13%, transparent); }
.app-account-form-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin-block-start: .35rem; }
.app-account-form-actions .app-button { inline-size: 100%; min-block-size: 3.35rem; }
.app-account-back { border: 0; border-radius: var(--app-radius); color: var(--app-text); background: color-mix(in srgb, var(--app-text) 7%, transparent); }
.app-account-code-input { block-size: 4.25rem; padding-inline: 1.1rem !important; font: 750 1.65rem/1 var(--app-display) !important; letter-spacing: .52em; text-align: center; }
.app-account-code-help { display: flex; justify-content: space-between; gap: 1rem; margin-block-start: .1rem; }
.app-account-code-help button { padding: .35rem 0; border: 0; color: var(--app-blue-600); background: transparent; font-size: .76rem; font-weight: 700; }
.app-account-form-error,.app-account-form-status,.app-account-development-code { margin: 0; padding: .58rem .68rem; border-radius: var(--app-radius); font-size: .76rem; line-height: 1.4; }
.app-account-form-error { color: var(--app-danger); background: var(--app-danger-bg); }
.app-account-form-status { color: var(--app-success); background: var(--app-success-bg); }
.app-account-development-code { color: var(--app-blue-700); background: var(--app-blue-50); text-align: center; }
.app-auth-divider { display: flex; align-items: center; gap: .7rem; margin-block: .15rem; color: var(--app-subtle); font-size: .68rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.app-auth-divider::before,.app-auth-divider::after { content: ""; flex: 1; block-size: 1px; background: var(--app-border); }
.app-auth-sso-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; }
.app-auth-option { display: flex; align-items: center; justify-content: center; gap: .55rem; min-block-size: 3.2rem; padding: .65rem .75rem; border: 0; border-radius: var(--app-radius); color: var(--app-text); background: color-mix(in srgb, var(--app-text) 7%, transparent); font-size: .82rem; font-weight: 720; }
.app-auth-provider-icon { flex: 0 0 auto; display: grid; place-items: center; inline-size: 1.35rem; block-size: 1.35rem; color: var(--app-blue-600); }
.app-auth-provider-icon .app-auth-provider-logo { display: block; inline-size: 1.18rem; block-size: 1.18rem; color: var(--app-text); }
.app-account-sharing-choice { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: .7rem; margin-block: .2rem; padding: .75rem; border-radius: var(--app-radius); background: color-mix(in srgb, var(--app-surface-muted) 88%, transparent); cursor: pointer; }
.app-account-sharing-choice span { display: grid; gap: .15rem; }
.app-account-sharing-choice strong { color: var(--app-text); font-size: .82rem; }
.app-account-sharing-choice small { color: var(--app-muted); font-size: .72rem; line-height: 1.35; }
.app-language-dialog .app-account-journey-options { max-block-size: min(28rem, 58dvh); overflow-y: auto; overscroll-behavior: contain; }
.app-language-dialog .app-account-journey-icon > .app-language-flag { inline-size: 1.7rem; block-size: 1.15rem; }

.app-signin-loading-overlay { position: absolute; z-index: 1; inset: 0; display: grid; place-items: start center; padding: inherit; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 360ms ease, visibility 0s linear 360ms; }
.app-signin-page.is-loading .app-signin-loading-overlay { opacity: 1; visibility: visible; transition-delay: 0s; }
.app-signin-loading-brand { position: relative; display: flex; flex-direction: column; align-items: center; inline-size: min(100%, 38rem); min-block-size: calc(100dvh - 3rem - var(--app-safe-top) - var(--app-safe-bottom)); padding-block-start: clamp(.5rem, 5vh, 3.5rem); }
.app-signin-loading-brand .app-signin-logo { inline-size: clamp(12rem, 46vw, 16rem); }
.app-signin-loading-indicator { position: absolute; inset-block-start: 50%; inset-inline-start: calc(50% - .675rem); inline-size: 1.35rem; block-size: 1.35rem; margin: 0; border: 2px solid rgb(255 255 255 / 18%); border-block-start-color: #fff; border-radius: 50%; animation: app-spin .8s linear infinite; }

@media (max-width: 55.99rem) {
  .app-account-journey-panel { padding: 1.2rem; }
  .app-account-journey-panel h2 { margin-inline-end: 2.8rem; }
  .app-account-journey-intro { margin-inline-end: 0; }
  .app-account-journey-option { grid-template-columns: 2.8rem minmax(0, 1fr) 1.55rem; gap: .7rem; padding: .7rem; }
  .app-account-journey-icon { inline-size: 2.8rem; block-size: 2.8rem; }
  .app-account-journey-check { inline-size: 1.55rem; block-size: 1.55rem; }
  .app-auth-sso-grid { grid-template-columns: 1fr; }
}
@media (max-height: 52rem), (max-width: 55.99rem) {
  .app-signin-page { overflow: hidden; }
  .app-signin-content { display: grid; grid-template-rows: auto minmax(0, 1fr) auto minmax(0, 1fr); min-block-size: calc(100dvh - 3rem - var(--app-safe-top) - var(--app-safe-bottom)); }
  .app-signin-brand { padding-block-start: clamp(0rem, 2.5vh, 1rem); }
  .app-signin-feature-stage,.app-signin-pages { display: none; }
  .app-signin-actions { grid-row: 3; align-self: center; }
  .app-signin-loading-brand { min-block-size: calc(100dvh - 3rem - var(--app-safe-top) - var(--app-safe-bottom)); padding-block-start: clamp(0rem, 2.5vh, 1rem); }
}
@media (max-height: 39rem) {
  .app-account-journey { align-items: start; overflow-y: auto; }
}
@media (max-height: 34rem) {
  .app-signin-page { padding-block: calc(.75rem + var(--app-safe-top)) calc(.75rem + var(--app-safe-bottom)); }
  .app-signin-content,.app-signin-loading-brand { min-block-size: calc(100dvh - 1.5rem - var(--app-safe-top) - var(--app-safe-bottom)); }
  .app-signin-logo,.app-signin-loading-brand .app-signin-logo { inline-size: 11.5rem; }
}

@keyframes app-spin { to { transform: rotate(360deg); } }
@keyframes app-account-journey-enter { from { opacity: 0; transform: translateY(1rem) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes app-signin-card-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes app-signin-feature-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes app-signin-screen-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes app-signin-item-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes app-signin-stage-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes app-signin-action-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes app-signin-button-sheen { 0% { transform: translateX(-140%); } 22% { transform: translateX(140%); } 100% { transform: translateX(140%); } }
@keyframes app-signin-glow-enter { from { opacity: 0; transform: translateX(-50%) scale(.58); } 55% { opacity: 1; } to { opacity: 1; transform: translateX(-50%) scale(1); } }

@media (prefers-reduced-motion: reduce) {
  .app-signin-glow,.app-signin-content,.app-signin-content .app-signin-logo,.app-signin-content .app-signin-brand p,.app-signin-feature-stage,.app-signin-feature-card,.app-signin-feature,.app-signin-pages,.app-signin-button,.app-signin-secondary-button,.app-signin-button::after,.app-signin-account-note { animation: none; }
  .app-signin-loading-overlay { transition: none; }
  .app-account-journey-panel { animation: none; }
  .app-signin-page.is-ready .app-signin-content { opacity: 1; }
}