.auth-shell{--auth-page:var(--app-surface-page);--auth-surface:var(--app-surface-card);--auth-surface-raised:var(--app-surface-raised);--auth-surface-soft:var(--app-surface-raised);--auth-ink:var(--app-fg-primary);--auth-muted:var(--app-fg-secondary);--auth-supporting:var(--app-fg-supporting);--auth-line:var(--app-border-subtle);--auth-line-strong:var(--app-border-default);--auth-accent-fill:var(--brand-main-accent-fill);--auth-accent-text:#ec6680;--auth-accent-text-hover:#f18499;--auth-focus:#ec6680;--auth-shadow:0 1px 2px #00000024, 0 12px 32px -24px #0000008c;--color-primary:var(--auth-accent-fill);--color-primary-content:#fff;background:var(--auth-page);min-height:100dvh;color:var(--auth-ink);font-family:var(--font-manrope), system-ui, sans-serif;isolation:isolate;overflow-x:clip}[data-theme=fieldproflow-light] .auth-shell{--auth-page:#f7f7f5;--auth-surface:#fff;--auth-surface-raised:#fff;--auth-surface-soft:#fbecef;--auth-ink:#1a1917;--auth-muted:#5d5957;--auth-supporting:#625e5b;--auth-line:#d8d4d1;--auth-line-strong:#bdb7b2;--auth-accent-text:#b92f4c;--auth-accent-text-hover:#9e2340;--auth-focus:#b92f4c;--auth-shadow:0 1px 2px #1a19170f, 0 12px 32px -24px #1a191747;--app-surface-page:var(--auth-page);--app-surface-card:var(--auth-surface);--app-surface-raised:var(--auth-surface-raised);--app-surface-overlay:var(--auth-surface-raised);--app-fg-primary:var(--auth-ink);--app-fg-secondary:var(--auth-muted);--app-fg-supporting:var(--auth-supporting);--app-border-subtle:var(--auth-line);--app-border-default:var(--auth-line-strong);--app-border-control:color-mix(in oklab, var(--auth-ink) 52%, transparent)}.auth-topbar,.auth-main,.auth-footer{width:min(100% - 2rem,70rem);margin-inline:auto}.auth-topbar{min-height:5.75rem;padding-top:max(1rem, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:1rem;display:flex}.auth-brand{align-items:center;min-width:0;display:flex}.auth-theme-toggle{border:1px solid var(--auth-line);background:color-mix(in oklab, var(--auth-surface-raised) 94%, transparent);border-radius:999px;flex:none;gap:.125rem;padding:.1875rem;display:inline-flex;box-shadow:0 1px 2px #00000014}.auth-theme-toggle__option{width:2.75rem;height:2.75rem;color:var(--auth-muted);border-radius:999px;justify-content:center;align-items:center;transition:background-color .15s cubic-bezier(.31,.94,.34,1),color .15s cubic-bezier(.31,.94,.34,1),transform .12s cubic-bezier(.31,.94,.34,1);display:inline-flex}.auth-theme-toggle__option:hover{color:var(--auth-ink)}.auth-theme-toggle__option:active{transform:scale(.96)}.auth-theme-toggle__option[aria-pressed=true]{background:var(--auth-accent-fill);color:#fff}.auth-theme-toggle__option:focus-visible,.auth-link:focus-visible{outline:3px solid var(--auth-focus);outline-offset:3px}.auth-main{flex:1;align-items:center;padding-block:clamp(1.5rem,5vw,4.5rem);display:flex}.auth-page-grid{gap:clamp(1.25rem,3vw,2.5rem);width:100%;display:grid}.auth-card{border:1px solid var(--auth-line);background:var(--auth-surface);width:100%;max-width:29rem;box-shadow:var(--auth-shadow);color:var(--auth-ink);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:.75rem;margin-inline:auto;animation:.22s cubic-bezier(.31,.94,.34,1) both auth-surface-enter}.auth-card .card-body{gap:1rem}.auth-card__header{text-align:left;padding:1.5rem 1.5rem .75rem}.auth-card__content{padding:.75rem 1.5rem}.auth-card__footer{padding:.75rem 1.5rem 1.5rem}.auth-card__footer .auth-link{vertical-align:middle;align-items:center;min-height:2.75rem;margin-block:-.75rem;display:inline-flex}.auth-success-icon{background:var(--auth-surface-soft);width:2.75rem;height:2.75rem;color:var(--color-success);border-radius:.625rem;justify-content:center;align-items:center;margin-bottom:.125rem;display:inline-flex}.auth-kicker{color:var(--auth-accent-text);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1.35}.auth-title,.auth-trust__title{color:var(--auth-ink);font-family:var(--font-geogrotesque,var(--font-manrope)), system-ui, sans-serif;letter-spacing:-.018em;font-weight:600}.auth-title{text-wrap:balance;margin:0;font-size:clamp(1.65rem,4vw,2rem);line-height:1.08}.auth-description{color:var(--auth-muted);text-wrap:pretty;font-size:.9375rem;line-height:1.55}.auth-form{gap:1rem;display:grid}.auth-field{gap:.5rem;display:grid}.auth-field__meta{justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;display:flex}.auth-field__meta .auth-link{align-self:stretch;align-items:center;display:inline-flex}.auth-help{color:var(--auth-supporting);font-size:.75rem;line-height:1.5}.auth-link{color:var(--auth-accent-text);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--auth-accent-text) 46%, transparent);text-decoration-color:color-mix(in oklab, var(--auth-accent-text) 46%, transparent);text-underline-offset:.2em;border-radius:2px;font-weight:600;transition:color .15s cubic-bezier(.31,.94,.34,1),text-decoration-color .15s cubic-bezier(.31,.94,.34,1)}.auth-link:hover{color:var(--auth-accent-text-hover);text-decoration-color:currentColor}.auth-card .btn{min-height:2.75rem;font-family:var(--font-geogrotesque,var(--font-manrope)), system-ui, sans-serif;border-radius:3px;font-weight:600}.auth-card .btn-primary{border-color:var(--auth-accent-fill);background:var(--auth-accent-fill);color:#fff}.auth-card .btn-primary:hover:not(:disabled){border-color:var(--auth-accent-text-hover);background:var(--auth-accent-text-hover)}.auth-card .btn-outline{border-color:var(--auth-line-strong);background:var(--auth-surface-raised);color:var(--auth-ink)}.auth-card .btn-outline:hover:not(:disabled){border-color:var(--auth-accent-fill);background:var(--auth-surface-soft);color:var(--auth-ink)}.auth-card .auth-provider-button{font-family:var(--font-manrope), system-ui, sans-serif;justify-content:center;gap:.625rem;font-size:.875rem;font-weight:600}.auth-card .auth-provider-button--google{color:#e3e3e3;background:#131314;border-color:#8e918f}.auth-card .auth-provider-button--google:hover:not(:disabled){color:#fff;background:#202124;border-color:#aeb1af}.auth-card .auth-provider-button--apple{color:#000;background:#fff;border-color:#fff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.auth-card .auth-provider-button--apple:hover:not(:disabled){color:#000;background:#f2f2f2;border-color:#f2f2f2}[data-theme=fieldproflow-light] .auth-card .auth-provider-button--google{color:#1f1f1f;background:#fff;border-color:#747775}[data-theme=fieldproflow-light] .auth-card .auth-provider-button--google:hover:not(:disabled){color:#1f1f1f;background:#f7f8f8;border-color:#5f6368}[data-theme=fieldproflow-light] .auth-card .auth-provider-button--apple{color:#fff;background:#000;border-color:#000}[data-theme=fieldproflow-light] .auth-card .auth-provider-button--apple:hover:not(:disabled){color:#fff;background:#1d1d1f;border-color:#1d1d1f}.auth-provider-logo{flex:0 0 1.25rem;width:1.25rem;height:1.25rem;display:block}.auth-provider-logo--google{border-radius:2px}.auth-provider-logo--apple{width:1.05rem}.auth-card .btn:focus-visible{outline:3px solid var(--auth-focus);outline-offset:3px;box-shadow:none}.auth-card .input{border-radius:.375rem;min-height:2.75rem}.auth-card .input:-webkit-any(:autofill,:-webkit-autofill){border-color:var(--auth-line-strong);box-shadow:inset 0 0 0 1000px var(--auth-surface-raised);caret-color:var(--auth-ink);-webkit-text-fill-color:var(--auth-ink)}.auth-card .input:is(:autofill,:autofill){border-color:var(--auth-line-strong);box-shadow:inset 0 0 0 1000px var(--auth-surface-raised);caret-color:var(--auth-ink);-webkit-text-fill-color:var(--auth-ink)}.auth-connection-status{border:1px solid color-mix(in oklab, var(--color-warning) 34%, var(--auth-line));background:color-mix(in oklab, var(--color-warning) 9%, var(--auth-surface));width:min(100% - 2rem,70rem);color:var(--auth-ink);border-radius:.5rem;align-items:flex-start;gap:.625rem;margin:.75rem auto 0;padding:.75rem 1rem;font-size:.8125rem;line-height:1.45;animation:.15s cubic-bezier(.31,.94,.34,1) both auth-notice-enter;display:flex}.auth-connection-status>svg{width:1rem;height:1rem;color:var(--color-warning);flex:none;margin-top:.1rem}.auth-trust{border-top:1px solid var(--auth-line);gap:.875rem;padding:1.25rem .25rem 0;animation:.22s cubic-bezier(.31,.94,.34,1) both auth-surface-enter;display:grid}.auth-trust__title{max-width:30rem;margin:0;font-size:clamp(1.35rem,5vw,2rem);line-height:1.08}.auth-trust__body{max-width:34rem;color:var(--auth-muted);font-size:.875rem;line-height:1.6}.auth-trust__preview,.auth-trust__proof{display:none}.auth-preview{border:1px solid var(--auth-line);background:var(--auth-surface-raised);border-radius:.75rem;position:relative;overflow:hidden}.auth-preview--phone{min-height:20rem;padding:2rem 1.5rem 0}.auth-preview__device{z-index:1;border:5px solid color-mix(in oklab, var(--auth-ink) 12%, transparent);background:var(--auth-page) url(/images/marketing/generated/fieldproflow-my-day-mobile-current.webp) top / cover no-repeat;border-radius:1.5rem;width:12.25rem;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000002e,0 18px 42px -20px #00000075}.auth-preview__bar{justify-content:space-between;align-items:center;padding:0 .25rem .625rem;display:flex}.auth-preview__label,.auth-proof__label{color:var(--auth-supporting);letter-spacing:.09em;text-transform:uppercase;font-size:.6875rem;font-weight:700;line-height:1.35}.auth-preview__signal{background:var(--auth-accent-fill);clip-path:polygon(22% 0,100% 0,78% 100%,0 100%);width:1.6rem;height:.55rem}.auth-proof{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.auth-proof__item{border-top:1px solid var(--auth-line);align-items:flex-start;gap:.625rem;padding-top:.75rem;display:flex}.auth-proof__item>svg{width:1rem;height:1rem;color:var(--auth-accent-text);flex:none;margin-top:.1rem}.auth-proof__value{color:var(--auth-ink);margin-top:.25rem;font-size:.8125rem;line-height:1.45}.auth-divider{color:var(--auth-supporting);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.6875rem;font-weight:700;line-height:1.35;display:flex}.auth-divider:before,.auth-divider:after{background:var(--auth-line);content:"";flex:1;height:1px}.auth-secondary-copy{color:var(--auth-muted);font-size:.8125rem;line-height:1.55}.auth-footer{padding:.75rem 0 max(1.5rem, env(safe-area-inset-bottom));justify-content:center;display:flex}.auth-footer .auth-link{min-height:2.75rem;color:var(--auth-muted);align-items:center;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.auth-footer .auth-link:hover{color:var(--auth-accent-text)}@keyframes auth-surface-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes auth-notice-enter{0%{opacity:0;transform:translateY(.125rem)}to{opacity:1;transform:translateY(0)}}@media (min-width:48rem){.auth-card__header{padding:1.75rem 1.75rem .875rem}.auth-card__content{padding:.875rem 1.75rem}.auth-card__footer{padding:.875rem 1.75rem 1.75rem}}@media (min-width:64rem){.auth-page-grid{grid-template-columns:minmax(0,1fr) minmax(25rem,32rem);grid-template-areas:"trust form";align-items:center}.auth-page-grid>.auth-card{grid-area:form;margin-inline:0}.auth-trust{border:1px solid var(--auth-line);background:color-mix(in oklab, var(--auth-surface) 90%, transparent);border-radius:.75rem;grid-area:trust;align-content:start;gap:1rem;min-height:34rem;padding:2rem;box-shadow:0 1px 2px #0000000d}.auth-trust__title{max-width:24rem;font-size:clamp(2.25rem,2.8vw,2.75rem);line-height:1}.auth-trust__body{max-width:28rem}.auth-trust__preview,.auth-trust__proof{display:block}.auth-trust__proof{margin-top:auto}}@media (max-width:30rem){.auth-topbar,.auth-main,.auth-footer,.auth-connection-status{width:min(100% - 1.5rem,70rem)}.auth-topbar{min-height:5rem}.auth-main{align-items:flex-start;padding-block:1rem 1.5rem}.auth-card{border-radius:.625rem}.auth-card__header{padding:1.25rem 1.25rem .625rem}.auth-card__content{padding:.625rem 1.25rem}.auth-card__footer{padding:.625rem 1.25rem 1.25rem}.auth-theme-toggle__option{width:2.75rem;height:2.75rem}}@media (prefers-reduced-motion:reduce){.auth-theme-toggle__option:active,.auth-card .app-interactive:active{transform:none}.auth-theme-toggle__option,.auth-card,.auth-card .app-interactive,.auth-trust,.auth-link{transition:none}.auth-card,.auth-trust,.auth-connection-status{animation:none}}
