:root{--login-input-height:48px;--login-btn-height:48px;--login-strength-weak:var(--login-input-error,hsl(var(--destructive)));--login-strength-fair:var(--login-accent,hsl(var(--warning)));--login-strength-strong:var(--login-btn-bg,hsl(var(--success)));--google-logo-blue:#4285f4;--google-logo-red:#ea4335;--google-logo-yellow:#fbbc05;--google-logo-green:#34a853}.login-page{display:flex;height:100dvh;overflow:hidden;background:var(--login-page-bg);--space-inline-gap:8px;--space-section-gap:48px}.login-left{position:relative;display:none;width:46%;min-width:420px;max-width:680px;flex-direction:column;justify-content:space-between;overflow:hidden;padding:2.5rem 3rem;background:var(--login-left-bg)}@media (min-width:1024px){.login-left{display:flex}}.login-right{overflow-y:auto;background:var(--login-right-bg);padding:clamp(1.5rem,3vw,2.5rem) clamp(1.25rem,4vw,3rem)}.login-card-wrap,.login-right{display:flex;flex:1 1 0%;flex-direction:column}.login-card-wrap{align-items:center;justify-content:center;width:100%;padding-top:var(--space-section-gap,1.5rem);padding-bottom:max(2rem,env(keyboard-inset-height,0px))}@media (max-width:1023px){.login-card-wrap{justify-content:flex-start;padding-top:clamp(1.5rem,6vw,2.5rem)}}.login-brand{color:var(--login-brand-text)}.login-brand-subtext{color:var(--login-brand-subtext)}.login-hero{position:relative;z-index:10;display:flex;height:100%;flex-direction:column;justify-content:space-between}.login-hero-brand{font-size:1.125rem;font-weight:800;letter-spacing:-.01em;color:var(--login-brand-text)}.login-hero-copy{max-width:500px}.login-hero-eyebrow{margin-bottom:.75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--login-brand-subtext)}.login-hero-title{font-size:3rem;line-height:1.05;font-weight:800;letter-spacing:-.02em;color:var(--login-brand-text)}.login-hero-description{margin-top:1.25rem;font-size:1rem;line-height:1.75rem;color:var(--login-brand-subtext)}.login-hero-points{position:relative;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.75rem;font-weight:500;color:var(--login-brand-subtext)}.login-hero-points-sep{opacity:.6}.login-mobile-brand{width:100%;padding-bottom:1rem}.login-mobile-brand-text{font-size:1.125rem;font-weight:800;letter-spacing:-.01em;color:var(--login-heading)}.login-card{width:100%;max-width:420px;border:1px solid var(--login-card-border);border-radius:var(--login-card-radius);background:var(--login-card-bg);box-shadow:var(--login-card-shadow);padding:1.75rem}.login-card--wide{max-width:460px}@media (max-width:639px){.login-card,.login-card--wide{max-width:100%;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}}.login-card-inner{padding:0}.login-heading{color:var(--login-heading)}.login-subtext{color:var(--login-subtext)}.login-accent{color:var(--login-accent)}.login-panel-heading{margin-bottom:1.75rem}.login-panel-eyebrow{margin-bottom:.75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--login-accent)}.login-panel-title{margin-bottom:.25rem;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:var(--login-heading)}.login-panel-description{font-size:.9375rem;line-height:1.5rem;color:var(--login-subtext)}.login-label{color:var(--login-subtext);font-size:.75rem;font-weight:650;letter-spacing:0}.login-form-grid{display:grid;gap:var(--space-inline-gap,.85rem)}.login-form-row,.login-remember-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.25rem}.login-input{width:100%;height:var(--login-input-height);border:1px solid var(--login-input-border);border-radius:var(--login-input-radius);background:var(--login-input-bg);color:var(--login-heading);padding:0 12px;font-size:.875rem;font-weight:500;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.login-input:focus{border-color:var(--login-input-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--login-input-focus) 18%,transparent)}.login-field{display:flex;align-items:center;gap:10px;height:var(--login-input-height);border:1.5px solid var(--login-input-border);border-radius:var(--login-input-radius);background:var(--login-input-bg);padding:0 12px;transition:border-color .16s ease,box-shadow .16s ease}.login-field:focus-within{border-color:var(--login-input-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--login-input-focus) 18%,transparent)}.login-field[data-invalid=true]{border-color:var(--login-input-error);box-shadow:0 0 0 3px color-mix(in srgb,var(--login-input-error) 14%,transparent)}.login-field-icon{flex-shrink:0;color:var(--login-input-icon)}.login-field-affix{flex-shrink:0;font-size:.875rem;font-weight:600;line-height:1.25rem;color:var(--login-heading);font-variant-numeric:tabular-nums;user-select:none}.login-field-input{flex:1 1 0%;height:100%;border:0;background:transparent;color:var(--login-heading);font-size:.875rem;font-weight:500;outline:none}.login-field-input::placeholder{color:var(--login-input-placeholder);opacity:1}.login-error-text{color:var(--login-input-error);font-size:.75rem}:root{--login-notice-info:var(--login-subtext,#64748b);--login-notice-success:#15803d;--login-notice-warning:#b45309;--login-notice-error:var(--login-input-error,#dc2626)}.auth-notice{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.25rem;padding:.5rem .75rem;border:1px solid transparent;border-radius:.5rem;font-size:.75rem;line-height:1rem}.auth-notice-icon{margin-top:.125rem;flex-shrink:0}.auth-notice-message{min-width:0}.auth-notice[data-variant=info]{color:var(--login-notice-info);background:color-mix(in srgb,var(--login-notice-info) 8%,transparent);border-color:color-mix(in srgb,var(--login-notice-info) 22%,transparent)}.auth-notice[data-variant=success]{color:var(--login-notice-success);background:color-mix(in srgb,var(--login-notice-success) 10%,transparent);border-color:color-mix(in srgb,var(--login-notice-success) 30%,transparent)}.auth-notice[data-variant=warning]{color:var(--login-notice-warning);background:color-mix(in srgb,var(--login-notice-warning) 10%,transparent);border-color:color-mix(in srgb,var(--login-notice-warning) 30%,transparent)}.auth-notice[data-variant=error]{color:var(--login-notice-error);background:color-mix(in srgb,var(--login-notice-error) 10%,transparent);border-color:color-mix(in srgb,var(--login-notice-error) 30%,transparent)}.login-button,.login-primary-action{display:inline-flex;width:100%;height:var(--login-btn-height);align-items:center;justify-content:center;gap:8px;border-radius:var(--login-btn-radius);background:var(--login-btn-bg);box-shadow:var(--login-btn-shadow);color:var(--login-btn-text);padding:0 16px;font-size:.875rem;font-weight:600;line-height:1.25rem;transition:background-color .16s ease,transform .12s ease}.login-button:hover,.login-primary-action:hover{background:var(--login-btn-hover)}.login-button:active,.login-primary-action:active{transform:translateY(.5px)}.login-button:disabled,.login-primary-action:disabled{opacity:.6;cursor:not-allowed}.login-icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:transparent;color:var(--login-subtext);opacity:.65;padding:0;border:0;cursor:pointer}.login-icon-button:hover{opacity:1}.login-social-button{display:inline-flex;width:100%;height:var(--login-btn-height);align-items:center;justify-content:center;gap:12px;padding:0 16px;border:1px solid var(--login-social-border);border-radius:var(--login-btn-radius);background:var(--login-social-bg);color:var(--login-social-text);font-size:.875rem;font-weight:500;transition:background-color .16s ease}.login-social-button:hover{background:var(--login-social-hover)}.login-social-button:disabled{opacity:.6;cursor:not-allowed}.login-secondary-button{display:inline-flex;width:100%;height:var(--login-btn-height);align-items:center;justify-content:center;gap:8px;border:1px solid var(--login-input-border);border-radius:var(--login-btn-radius);background:var(--login-input-bg);color:var(--login-link);font-size:.875rem;font-weight:600}.login-secondary-button:hover{color:var(--login-link-hover)}.login-link{color:var(--login-link);font-weight:600}.login-link:hover{color:var(--login-link-hover)}.login-remember-button{display:flex;min-height:44px;align-items:center;justify-content:flex-start;gap:var(--space-inline-gap,.5rem);background:transparent;padding:0;border:0;cursor:pointer;color:var(--login-subtext);font-size:.875rem}.login-remember-check{display:inline-flex;align-items:center;justify-content:center;height:18px;width:18px;border:1.5px solid var(--login-input-border);border-radius:5px;background:transparent;transition:background-color .14s ease,border-color .14s ease}.login-remember-check[data-checked=true]{border-color:var(--login-btn-bg);background:var(--login-btn-bg);color:var(--login-btn-text)}.login-remember-check-icon{color:var(--login-btn-text)}.login-divider{display:flex;align-items:center;gap:var(--space-inline-gap,.85rem);margin:.85rem 0}.login-divider-line{flex:1 1 0%;height:1px;background:var(--login-divider)}.login-divider-text{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--login-subtext);user-select:none}.login-otp-grid{display:flex;justify-content:center;gap:var(--space-inline-gap,.6rem)}.login-otp-digit{height:var(--login-otp-size);width:var(--login-otp-size);flex:0 0 auto;border:1.5px solid var(--login-otp-border);border-radius:var(--login-input-radius);background:var(--login-otp-bg);color:var(--login-heading);text-align:center;font-size:1.125rem;font-weight:600;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.login-otp-digit:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--login-otp-focus) 18%,transparent)}.login-otp-digit:focus,.login-otp-digit[data-filled=true]{border-color:var(--login-otp-focus)}.login-code-block,.login-qr-placeholder{border:1.5px solid var(--login-input-border);border-radius:var(--login-input-radius);background:var(--login-input-bg);color:var(--login-heading)}.login-qr-code{display:block;max-width:200px;border:4px solid var(--login-card-bg)}.login-mfa-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--login-otp-bg);color:var(--login-btn-bg)}.login-footer{display:flex;justify-content:center;padding-bottom:.5rem;font-size:.75rem;color:var(--login-subtext)}.login-hero-footer{position:relative;z-index:10;font-size:.75rem;color:var(--login-brand-subtext)}.login-overlay{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--login-page-bg)}.login-overlay-track{position:absolute;top:0;left:0;right:0;height:2px;overflow:hidden;background:var(--login-card-border)}.login-overlay-progress{height:100%;width:40%;animation:auth-progress 2.4s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(90deg,var(--login-btn-bg),var(--login-link-hover));box-shadow:var(--login-btn-shadow)}.login-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid;border-top:2px solid transparent;border-radius:9999px;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}@keyframes auth-progress{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.login-fade-in{animation:login-fade-in-up .4s cubic-bezier(.4,0,.2,1)}.login-step-transition{transition-duration:.4s}@keyframes login-fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-state{display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:var(--login-right-bg,var(--login-page-bg));padding:clamp(1.5rem,5vw,3rem);text-align:center}.login-state-brand{font-size:1.125rem;font-weight:800;letter-spacing:-.01em;color:var(--login-heading)}.login-state-card{display:flex;width:100%;max-width:420px;flex-direction:column;align-items:center;gap:1rem}.login-state-icon{display:inline-flex;height:56px;width:56px;align-items:center;justify-content:center;border-radius:9999px;background:color-mix(in srgb,var(--login-accent) 12%,transparent);color:var(--login-accent)}.login-state-icon[data-tone=error]{background:color-mix(in srgb,var(--login-input-error) 12%,transparent);color:var(--login-input-error)}.login-state-icon[data-tone=warning]{background:color-mix(in srgb,var(--login-accent) 14%,transparent);color:var(--login-accent)}.login-state-icon[data-tone=success]{background:color-mix(in srgb,var(--login-btn-bg) 12%,transparent);color:var(--login-btn-bg)}.login-state-title{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--login-heading)}.login-state-description{max-width:38ch;font-size:.9375rem;line-height:1.5rem;color:var(--login-subtext)}.login-state-actions{display:flex;width:100%;flex-direction:column;gap:.625rem;margin-top:.5rem}.login-state-footer,.login-state-ref{font-size:.75rem;color:var(--login-subtext)}.login-state-ref{display:inline-flex;align-items:center;gap:.4rem;margin-top:.25rem;padding:.35rem .6rem;border-radius:6px;border:1px solid var(--login-card-border);background:var(--login-input-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;user-select:all}.login-state-ref strong{color:var(--login-heading);font-weight:600}.login-state-support{font-size:.8125rem;color:var(--login-subtext)}@media (prefers-reduced-motion:reduce){.login-fade-in,.login-overlay-progress,.login-spinner{animation:none!important}}