.auth-screen.app-viewport[data-app-shell]{--auth-cell-padding:2.5rem;border-inline:1px solid var(--hairline);grid-template-rows:minmax(2rem,1fr) auto minmax(2rem,1fr);grid-template-columns:repeat(2,minmax(0,1fr));width:min(1366px,100% - 3rem);margin-inline:auto;display:grid;overflow:hidden auto}.auth-aside{grid-area:1/1/4/2;grid-template-rows:subgrid;border-right:1px solid var(--hairline);display:grid}.auth-intro{width:calc(100% - 6rem);max-width:27.5rem;margin-inline:auto}.auth-intro-cell{background:var(--ap-surface-2,var(--bg-raised));border-block:1px solid var(--hairline);min-block-size:32rem;padding-block:var(--auth-cell-padding);grid-row:2;align-items:center;display:flex}.auth-form-section{padding:var(--auth-cell-padding) 3rem;border-block:1px solid var(--hairline);grid-area:2/2/3/3;justify-content:center;align-items:center;display:flex}.auth-form{max-width:25rem}.auth-body,.auth-input{font-size:var(--ap-text-base)}.auth-small{font-size:var(--ap-text-sm)}.auth-note{font-size:var(--ap-text-note)}.auth-title{font-size:var(--ap-step-2)}.auth-subtitle{font-size:var(--ap-step-1)}.auth-input{border:1px solid var(--ap-control-border,var(--ink-3));border-radius:var(--ap-radius-field,0);transition:var(--motion-transition-interaction)}.auth-form :is(input,button):focus-visible{outline:2px solid var(--ap-focus,var(--accent));outline-offset:3px}.auth-input:focus-visible{border-color:var(--ap-focus,var(--accent))}.auth-tab-active{color:var(--ap-selection-ink);font-weight:600}.auth-grid-pulses{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.auth-tabs-indicator{z-index:0;border:var(--ap-hairline) solid var(--ap-border);background:var(--ap-selection-bg);width:50%;transition:transform .28s ease-in-out;position:absolute;top:0;bottom:0;left:0}.auth-view{animation:.24s ease-in-out both auth-view-in}@keyframes auth-view-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media not (min-width:80rem){.auth-screen.app-viewport[data-app-shell]{--auth-cell-padding:2rem;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(max(2rem, var(--safe-top)), 1fr) auto minmax(max(2rem, var(--safe-bottom)), 1fr);width:calc(100% - max(2rem, var(--safe-left) + var(--safe-right)))}.auth-aside{display:none}.auth-form-section{grid-area:2/1/3/2;padding-inline:1.5rem}}@media not (min-width:40rem){.auth-form-section{padding-inline:1.25rem}}@media (prefers-reduced-motion:reduce){.auth-grid-pulses{display:none}.auth-tabs-indicator{transition:none}.auth-view{animation:none}}