@layer components{.auth-page{--auth-panel-from:#f2fcff;--auth-panel-to:#fff;--auth-heading:#007a99;--auth-body:#757575;--auth-input-border:#dde5ed;--auth-primary:#007a99;--auth-primary-hover:#00637b;--auth-link:#007a99;--auth-brand-padding-top:3.5rem;--auth-brand-logo-height:3rem;--auth-brand-copy-gap:2.75rem;--auth-headline-offset:calc(var(--auth-brand-padding-top) + var(--auth-brand-logo-height) + var(--auth-brand-copy-gap));height:100vh;max-height:100vh;overflow:hidden}.auth-page .auth-brand-panel{background:linear-gradient(180deg, var(--auth-panel-from) 0%, var(--auth-panel-to) 100%)}.auth-page .auth-illustration-wrap{justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.auth-page .auth-illustration{object-fit:contain;object-position:bottom center;width:100%;max-width:100%;height:auto;max-height:100%;display:block}.auth-page .auth-brand-copy{gap:var(--auth-brand-copy-gap);padding:var(--auth-brand-padding-top) 4rem 0;inset-inline:0;z-index:1;flex-direction:column;display:flex;position:absolute;top:0}@media (width>=1280px){.auth-page .auth-brand-copy{padding-inline:5rem}}.auth-page .auth-brand-logo{min-height:var(--auth-brand-logo-height)}.auth-page .auth-brand-message{max-width:34rem}.auth-page .auth-brand-headline{font-size:clamp(2.75rem,4.2vw,4rem);line-height:1.04}.auth-page .auth-brand-subheadline{max-width:30rem;font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.55}.auth-page .auth-form-panel{background:#fff;overflow-y:auto}@media (width>=1024px){.auth-page .auth-form-panel--headline-aligned{padding-top:var(--auth-headline-offset)}}.auth-page .auth-heading{color:var(--auth-heading)}.auth-page .auth-muted{color:var(--auth-body)}.auth-page .auth-field-label{color:var(--auth-heading);font-size:.875rem;font-weight:600;line-height:1.25rem}.auth-page .auth-field-input{border:1px solid var(--auth-input-border);color:#0a0a0a;height:3rem;box-shadow:none;background:#fff;border-radius:.625rem;padding-left:2.75rem;padding-right:1rem;font-size:.875rem;font-weight:500}.auth-page .auth-field-input::placeholder{color:#9aa3ad;font-weight:500}.auth-page .auth-field-input:focus-visible{border-color:var(--auth-primary);outline:none;box-shadow:0 0 0 2px #007a9926}.auth-page .auth-field-input.auth-field-input-with-trailing{padding-right:2.75rem}.auth-page .auth-primary-button{background:var(--auth-primary);color:#fff;border-radius:.625rem;height:3rem;font-size:.9375rem;font-weight:600;box-shadow:0 1px 1px #00000014}.auth-page .auth-primary-button:hover{background:var(--auth-primary-hover)}.auth-page .auth-google-button{border:1px solid var(--auth-input-border);color:#0a0a0a;height:3rem;box-shadow:none;background:#fff;border-radius:.625rem;font-size:.9375rem;font-weight:600}.auth-page .auth-google-button:hover{background:#f5f8fc}.auth-page .auth-link{color:var(--auth-link);font-weight:600}}