.auth-page{background:var(--color-page-background);grid-template-columns:minmax(0,1fr) clamp(460px,36vw,560px);height:100dvh;display:grid;overflow:hidden}.auth-media{background:var(--color-surface-highlight);min-height:0;position:relative;overflow:hidden}.auth-media:after{content:"";background:linear-gradient(to top, var(--color-overlay-default), var(--color-transparent));pointer-events:none;height:42%;position:absolute;inset:auto 0 0}.auth-media>img{object-fit:cover;object-position:62% top;width:100%;height:100%;min-height:0}.auth-media__caption{z-index:1;color:var(--color-text-inverse);position:absolute;bottom:clamp(30px,5vw,66px);left:clamp(28px,4vw,64px)}.auth-media__caption p{font-size:var(--type-supporting);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-body);text-transform:uppercase;margin-bottom:14px}.auth-media__caption strong{font:italic var(--weight-regular) var(--type-supporting) / var(--leading-supporting) var(--display);letter-spacing:var(--tracking-body);display:block}.auth-panel{overscroll-behavior:contain;background:var(--color-page-background);flex-direction:column;height:100%;min-height:0;padding:clamp(24px,3vh,40px) clamp(28px,3.4vw,48px);display:flex;position:relative;overflow-y:auto}.auth-panel__header,.auth-panel__footer{justify-content:space-between;align-items:center;gap:24px;display:flex}.auth-wordmark{width:8.25rem;display:block}.auth-back{min-height:44px;font-size:var(--type-body);text-transform:uppercase;align-items:center;gap:7px;display:inline-flex}.auth-back svg{width:14px;transition:transform var(--motion-duration-micro) var(--motion-ease-out)}.auth-back:hover svg{transform:translateX(calc(var(--motion-distance-micro) * -1))}.auth-panel__body{width:100%;max-width:444px;margin:auto;padding:clamp(16px,2.5vh,32px) 0}.auth-heading>p{font-size:var(--type-heading-small);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);text-transform:uppercase;margin-bottom:13px}.auth-heading h1{font:italic var(--weight-regular) var(--type-page-title) / var(--leading-page-title) var(--display);letter-spacing:var(--tracking-display)}.auth-heading>span{max-width:410px;font-size:var(--type-heading-small);line-height:var(--leading-heading-small);margin-top:17px;display:block}.auth-form{gap:18px;margin-top:34px;display:grid}.auth-form__row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-form label{min-width:0;font-size:var(--type-form-label);font-weight:var(--weight-medium);gap:7px;display:grid}.auth-form input{border:1px solid var(--color-border-subtle);background:var(--color-surface-primary);width:100%;height:50px;font-size:var(--type-form-input);transition:border-color var(--motion-duration-micro) var(--motion-ease-out), box-shadow var(--motion-duration-micro) var(--motion-ease-out), background-color var(--motion-duration-micro) var(--motion-ease-out);border-radius:12px;outline:0;padding:0 15px}.auth-form input::placeholder{color:var(--color-input-placeholder);opacity:1}.auth-form input:focus{border-color:var(--color-text-primary);background:var(--color-surface-secondary)}.auth-input-wrap{display:block;position:relative}.auth-input-wrap input{padding-right:52px}.auth-password-toggle{position:absolute;inset:6px 6px auto auto}.auth-form__options{justify-content:space-between;align-items:center;gap:20px;display:flex}.auth-switch{min-height:44px;font-size:var(--type-body);align-items:center;gap:8px;padding:0;display:inline-flex}.auth-switch>span{border:1px solid var(--color-border-subtle);background:var(--color-surface-primary);border-radius:99px;width:37px;height:20px;transition:border-color .25s,background .25s;position:relative}.auth-switch>span:after{content:"";background:var(--color-surface-dark);border-radius:50%;width:14px;height:14px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;left:2px}.auth-switch.is-on>span{border-color:var(--color-text-primary);background:var(--color-surface-highlight)}.auth-switch.is-on>span:after{transform:translate(17px)}.auth-text-button{min-height:44px;font-size:var(--type-button);text-underline-offset:4px;align-items:center;padding:0;text-decoration:underline;display:inline-flex}.auth-check{text-align:left;min-height:44px;font-size:var(--type-body);line-height:var(--leading-body);grid-template-columns:20px 1fr;align-items:center;gap:10px;padding:0;display:grid}.auth-check>span{border:1px solid var(--color-border-strong);place-items:center;width:20px;height:20px;display:grid}.auth-check.is-checked>span{background:var(--color-surface-highlight)}.auth-check svg{width:13px}.auth-divider{height:19px;color:var(--color-text-secondary);font-size:var(--type-body);text-transform:uppercase;place-items:center;display:grid;position:relative}.auth-divider:before{content:"";background:var(--color-border-subtle);height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{background:var(--color-page-background);padding:0 12px;position:relative}.auth-google .ng-button__icon img{width:18px;height:18px}.auth-alternate{font-size:var(--type-body);justify-content:center;align-items:center;gap:7px;margin-top:24px;display:flex}.auth-alternate a,.auth-terms a{min-width:var(--touch-target);min-height:var(--touch-target);text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}.auth-alternate a{font-weight:var(--weight-semibold)}.auth-terms{max-width:390px;color:var(--color-text-secondary);font-size:var(--type-body);line-height:var(--leading-body);text-align:center;margin:15px auto 0}.auth-panel__footer{color:var(--color-text-secondary);font-size:var(--type-body);text-align:center;text-transform:uppercase;flex-direction:column;align-items:stretch;gap:8px}.auth-store-return{background:var(--color-surface-highlight);width:100%;min-height:44px;color:var(--color-text-primary);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:5px 8px;display:inline-flex}.auth-store-return svg{width:11px;height:11px}@media (width<=1050px){.auth-page{grid-template-columns:minmax(0,1fr) minmax(440px,48vw)}.auth-media>img{object-position:69% top}.auth-media__caption strong{font-size:var(--type-supporting)}}@media (width<=800px){.auth-page{height:auto;min-height:100svh;display:block;overflow:visible}.auth-media{display:none}.auth-panel{height:auto;min-height:100svh;padding:24px 20px 20px;overflow:visible}.auth-panel__body{max-width:520px;padding:64px 0 48px}.auth-panel__footer{margin-top:auto}}@media (width<=520px){.auth-panel{padding-inline:16px}.auth-wordmark{width:7.5rem}.auth-back{font-size:var(--type-body)}.auth-panel__body{padding:52px 0 42px}.auth-heading h1{font-size:var(--type-page-title)}.auth-heading>span{font-size:var(--type-heading-small)}.auth-form{gap:16px;margin-top:29px}.auth-form__row{grid-template-columns:1fr;gap:16px}.auth-form__options{align-items:flex-start}.auth-switch,.auth-text-button{font-size:var(--type-button)}.auth-alternate{flex-wrap:wrap}.auth-panel__footer{font-size:var(--type-body);align-items:stretch}}@media (prefers-reduced-motion:reduce){.auth-back svg,.auth-form input,.auth-switch>span,.auth-switch>span:after{transition:none}[data-motion-field-error],.auth-form-status [data-motion-value-kind=status],.auth-form-status>.motion-value__content{animation:none}}.auth-page button,.auth-page a{min-height:var(--touch-target)}.auth-form input:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px;box-shadow:0 0 0 1px var(--color-focus-ring-offset)}.auth-form label.has-error input{border-color:var(--color-error)}.auth-field-error{font-size:var(--type-body);line-height:var(--leading-body);display:block;color:var(--color-error)!important}.auth-field-error[data-motion-field-error]{animation:auth-field-error-in var(--motion-duration-standard) var(--motion-ease-out)}.auth-form-status[data-motion-value-transition=crossfade]>.motion-value__content{animation:auth-status-in var(--motion-duration-micro) var(--motion-ease-out)}@keyframes auth-field-error-in{0%{opacity:0}}@keyframes auth-status-in{0%{opacity:0}}.auth-form__options--end{justify-content:flex-end}.auth-native-check{color:var(--color-text-secondary);font-size:var(--type-body);line-height:var(--leading-body);grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;font-weight:var(--weight-regular)!important;display:grid!important}.auth-native-check input{opacity:0;width:1px;height:1px;position:absolute}.auth-native-check>span:first-of-type{border:1px solid var(--color-border-strong);background:var(--color-surface-primary);place-items:center;width:22px;height:22px;margin-top:2px;display:grid}.auth-native-check input:checked+span{color:var(--color-text-on-brand);border-color:var(--color-surface-brand);background:var(--color-surface-brand)}.auth-native-check input:focus-visible+span{outline:2px solid var(--color-focus-ring);outline-offset:2px}.auth-native-check svg{width:14px;height:14px}.auth-native-check a{min-width:0;min-height:0;line-height:inherit;color:var(--color-action-link);text-underline-offset:3px;text-decoration:underline;display:inline}.auth-page[data-focus-modality=pointer] :is(input,button):focus-visible{box-shadow:none;outline:none}.auth-page[data-focus-modality=pointer] .auth-native-check input:focus-visible+span{outline:none}.auth-form-status{min-height:44px;color:var(--color-error);background:var(--color-error-surface);font-size:var(--type-data);line-height:var(--leading-data);padding:12px 14px}.auth-state-page{min-height:100vh;color:var(--color-text-primary);background:var(--color-page-background);text-align:center;place-items:center;padding:32px;display:grid}.auth-state-page>section>svg:first-child{width:54px;height:54px;color:var(--color-text-on-brand);background:var(--color-surface-brand);border-radius:50%;place-items:center;margin-inline:auto;display:grid}.auth-state-page>section{border:1px solid var(--color-border-subtle);background:var(--color-surface-primary);width:min(100%,620px);padding:clamp(32px,6vw,72px)}.auth-state-page h1{font:italic var(--weight-regular) var(--type-data) / var(--leading-data) var(--display);margin-top:24px}.auth-state-page h1+p{max-width:48ch;color:var(--color-text-secondary);font-size:var(--type-data);line-height:var(--leading-data);margin:18px auto 24px}.auth-state-page--form>section{text-align:left}.auth-state-page--form>section>svg:first-child{margin-inline:0}.auth-state-page--form .auth-form{margin-top:28px}
