.zg-auth-shell{--zg-auth-frame-width: 900px;--zg-auth-frame-height: 468px;--zg-auth-tracks: 1.15fr .85fr;--zg-auth-shell-inline: 4vw;--zg-auth-logo-width: 128px;--zg-auth-logo-height: 34px;--zg-auth-padding: 32px;--zg-auth-heading-size: 20px;--zg-auth-story-heading-size: 24px;--zg-auth-story-description-size: 13px;--zg-auth-otp-width: 560px;--zg-auth-otp-height: 600px;--zg-auth-otp-tracking: 11px;--zg-auth-art-height: 180px;--zg-auth-control-height: var(--zg-control-xl);display:flex;flex-direction:column;align-items:center;min-height:100dvh;padding:var(--zg-space-5) var(--zg-auth-shell-inline);gap:var(--zg-space-3);background:var(--zg-bg-canvas);color:var(--zg-text-primary)}.zg-auth-header,.zg-auth-footer{display:flex;align-items:center;justify-content:space-between;inline-size:100%;max-inline-size:var(--zg-auth-frame-width)}.zg-auth-header{min-block-size:var(--zg-control-xl)}.zg-auth-wordmark{inline-size:var(--zg-auth-logo-width);block-size:var(--zg-auth-logo-height);-o-object-fit:contain;object-fit:contain}.zg-auth-wordmark-dark,.dark .zg-auth-wordmark-light{display:none}.dark .zg-auth-wordmark-dark{display:block}.zg-auth-shell .zg-auth-theme{inline-size:var(--zg-control-xl);block-size:var(--zg-control-xl)}.zg-auth-shell .zg-auth-frame{display:grid;grid-template-columns:var(--zg-auth-tracks);inline-size:100%;max-inline-size:var(--zg-auth-frame-width);min-block-size:var(--zg-auth-frame-height);overflow:hidden;border-radius:var(--zg-radius-3xl)}.zg-auth-story{display:flex;flex-direction:column;justify-content:center;padding:var(--zg-space-8);background:var(--zg-navy-900);color:var(--zg-text-on-brand);gap:var(--zg-space-3)}.zg-auth-eyebrow{color:var(--zg-sapphire-300)}.zg-auth-story h2{font-size:var(--zg-auth-story-heading-size);line-height:1.35;text-wrap:balance;font-weight:var(--zg-type-page-title-weight)}.zg-auth-story-description{font-size:var(--zg-auth-story-description-size);line-height:1.7;color:var(--zg-text-on-brand-secondary)}.zg-auth-art{inline-size:100%;flex:1;block-size:0;min-block-size:0;max-block-size:var(--zg-auth-art-height);-o-object-fit:contain;object-fit:contain}.zg-auth-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--zg-space-2)}.zg-auth-benefit{display:flex;flex-direction:column;gap:var(--zg-space-1);padding:var(--zg-space-3);border:var(--zg-border-width-default) solid var(--zg-navy-600);border-radius:var(--zg-radius-xl);background:var(--zg-bg-brand-subtle)}.zg-auth-benefit svg{color:var(--zg-text-on-brand-tertiary)}.zg-auth-benefit strong{font-weight:var(--zg-type-section-title-weight)}.zg-auth-benefit span{color:var(--zg-text-on-brand-secondary)}.zg-auth-credentials{min-inline-size:0;display:flex;flex-direction:column;justify-content:center;padding:var(--zg-auth-padding)}.zg-auth-title{display:flex;align-items:center;gap:var(--zg-space-3)}.zg-auth-title h1{font-size:var(--zg-auth-heading-size);line-height:1.35;font-weight:var(--zg-type-page-title-weight)}.zg-auth-description{margin-block-start:var(--zg-space-2);color:var(--zg-text-secondary)}.zg-auth-fingerprint{display:flex;align-items:center;justify-content:center;flex:none;inline-size:var(--zg-control-3xl);block-size:var(--zg-control-3xl);border-radius:var(--zg-radius-xl);background:var(--zg-accent-sapphire-soft);color:var(--zg-action-primary)}.zg-auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));block-size:var(--zg-control-2xl);font-size:15px;line-height:24px;font-weight:var(--zg-type-body-weight);padding:var(--zg-space-1);margin-block:var(--zg-space-5);border-radius:var(--zg-radius-xl);background:var(--zg-bg-surface-subtle)}.zg-auth-tab{display:flex;align-items:center;justify-content:center;border:var(--zg-border-width-default) solid transparent;border-radius:var(--zg-radius-md);color:var(--zg-text-secondary)}.zg-auth-tab[aria-selected=true]{font-weight:600;background:var(--zg-bg-surface);border-color:var(--zg-action-primary);color:var(--zg-action-primary)}.zg-auth-tab:hover{color:var(--zg-action-primary)}.zg-auth-method{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--zg-space-1);padding:var(--zg-space-1);margin-block-end:var(--zg-space-4);border-radius:var(--zg-radius-xl);background:var(--zg-bg-surface-subtle)}.zg-auth-form{display:flex;flex-direction:column;gap:var(--zg-space-4)}.zg-auth-shell .zg-auth-control{inline-size:100%;min-block-size:var(--zg-auth-control-height);block-size:var(--zg-auth-control-height)}.zg-auth-shell .zg-auth-primary{block-size:var(--zg-auth-control-height)}.zg-auth-shell .zg-auth-password{padding-inline-start:var(--zg-control-3xl)}.zg-auth-shell .zg-auth-visibility{position:absolute;inset-inline-end:0;inset-block-start:0}.zg-auth-link{color:var(--zg-text-link);text-decoration:underline;text-underline-offset:var(--zg-space-1)}.zg-auth-security-note{display:flex;align-items:center;gap:var(--zg-space-2);margin-block-start:var(--zg-space-4);padding:var(--zg-space-3);border:var(--zg-border-width-default) solid var(--zg-status-info);border-radius:var(--zg-radius-xl);background:var(--zg-status-info-bg);color:var(--zg-text-primary)}.zg-auth-security-note svg{color:var(--zg-status-info);flex:none}.zg-auth-footer{margin-block-start:auto;padding-block-start:var(--zg-space-6);gap:var(--zg-space-4);color:var(--zg-text-tertiary)}.zg-auth-footer-links{display:flex;align-items:center;gap:var(--zg-space-4)}.zg-auth-footer :is(a,button){display:inline-flex;align-items:center;min-block-size:var(--zg-control-2xl);text-decoration:underline;text-underline-offset:var(--zg-space-1)}.zg-auth-shell .zg-auth-frame-otp{display:flex;max-inline-size:var(--zg-auth-otp-width);min-block-size:var(--zg-auth-otp-height)}.zg-auth-frame-otp .zg-auth-credentials{inline-size:100%}.zg-auth-frame-otp .zg-auth-form{margin-block-start:var(--zg-space-6)}.zg-auth-destination{display:flex;justify-content:space-between;align-items:center;gap:var(--zg-space-3);border-radius:var(--zg-radius-xl);padding:var(--zg-space-3);background:var(--zg-bg-surface-subtle)}.zg-auth-destination-data{display:flex;align-items:center;gap:var(--zg-space-3)}.zg-auth-shell .zg-auth-code{block-size:var(--zg-control-4xl);text-align:center;font-size:var(--zg-type-primary-value-size);letter-spacing:var(--zg-auth-otp-tracking)}.zg-auth-resend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--zg-space-2);min-block-size:var(--zg-control-lg)}@media(min-width:1024px){.zg-auth-shell{display:grid;grid-template-rows:minmax(max-content,1fr) auto minmax(max-content,1fr);justify-items:center}.zg-auth-header{align-self:end}.zg-auth-footer{align-self:end;margin-block-start:0}}@media(max-width:767px){.zg-auth-shell{--zg-auth-shell-inline: var(--zg-space-3);--zg-auth-padding: 22px 16px;--zg-auth-frame-height: 489px;--zg-auth-otp-height: 489px;--zg-auth-control-height: var(--zg-control-3xl);padding-block:var(--zg-space-3)}.zg-auth-header{min-block-size:var(--zg-control-2xl)}.zg-auth-shell .zg-auth-theme{inline-size:var(--zg-control-2xl);block-size:var(--zg-control-2xl)}.zg-auth-shell .zg-auth-frame{grid-template-columns:minmax(0,1fr)}.zg-auth-story{display:none}.zg-auth-tabs{margin-block:var(--zg-space-5)}.zg-auth-footer{flex-direction:column;gap:var(--zg-space-1);text-align:center}}.dark .zg-auth-story{background:var(--zg-navy-100);color:var(--zg-navy-900)}.dark .zg-auth-story-description,.dark .zg-auth-benefit span{color:var(--zg-navy-700)}.dark .zg-auth-eyebrow,.dark .zg-auth-benefit svg{color:var(--zg-sapphire-700)}.dark .zg-auth-benefit{background:var(--zg-navy-50);border-color:var(--zg-navy-300)}.zg-auth-shell button.zg-auth-link{min-block-size:var(--zg-control-2xl)}.zg-auth-shell button.zg-auth-link:hover:not(:disabled),.zg-auth-footer :is(a,button):hover{background:var(--zg-button-ghost-hover-bg)}.zg-auth-shell button.zg-auth-link:active:not(:disabled),.zg-auth-footer :is(a,button):active{background:var(--zg-button-ghost-active-bg)}.zg-auth-shell button:disabled{color:var(--zg-action-disabled-text);cursor:not-allowed}@media(min-width:768px)and (max-width:1023px){.zg-auth-shell .zg-auth-frame{display:flex;max-inline-size:var(--zg-auth-otp-width)}.zg-auth-story{display:none}.zg-auth-credentials{inline-size:100%;padding:var(--zg-space-6)}}