html{height:100%;--mat-sys-background: light-dark(#fff8f5, #181210);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#fbeee8, #362f2b);--mat-sys-inverse-primary: light-dark(#ffb787, #964900);--mat-sys-inverse-surface: light-dark(#362f2b, #ece0da);--mat-sys-on-background: light-dark(#201a17, #ece0da);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #502400);--mat-sys-on-primary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-primary-fixed: light-dark(#311300, #311300);--mat-sys-on-primary-fixed-variant: light-dark(#723600, #723600);--mat-sys-on-secondary: light-dark(#ffffff, #422b1b);--mat-sys-on-secondary-container: light-dark(#5b4130, #ffdcc7);--mat-sys-on-secondary-fixed: light-dark(#2b1708, #2b1708);--mat-sys-on-secondary-fixed-variant: light-dark(#5b4130, #5b4130);--mat-sys-on-surface: light-dark(#201a17, #ece0da);--mat-sys-on-surface-variant: light-dark(#52443c, #f4ded3);--mat-sys-on-tertiary: light-dark(#ffffff, #502400);--mat-sys-on-tertiary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-tertiary-fixed: light-dark(#311300, #311300);--mat-sys-on-tertiary-fixed-variant: light-dark(#723600, #723600);--mat-sys-outline: light-dark(#84746a, #9f8d83);--mat-sys-outline-variant: light-dark(#d7c3b8, #52443c);--mat-sys-primary: light-dark(#964900, #ffb787);--mat-sys-primary-container: light-dark(#ffdcc7, #723600);--mat-sys-primary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-primary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#755846, #e5bfa8);--mat-sys-secondary-container: light-dark(#ffdcc7, #5b4130);--mat-sys-secondary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-secondary-fixed-dim: light-dark(#e5bfa8, #e5bfa8);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f5, #181210);--mat-sys-surface-bright: light-dark(#fff8f5, #3f3834);--mat-sys-surface-container: light-dark(#f8ebe6, #241e1b);--mat-sys-surface-container-high: light-dark(#f2e6e1, #2f2926);--mat-sys-surface-container-highest: light-dark(#ece0da, #3a3330);--mat-sys-surface-container-low: light-dark(#fef1ec, #201a17);--mat-sys-surface-container-lowest: light-dark(#ffffff, #120d0b);--mat-sys-surface-dim: light-dark(#e3d8d3, #181210);--mat-sys-surface-tint: light-dark(#964900, #ffb787);--mat-sys-surface-variant: light-dark(#f4ded3, #52443c);--mat-sys-tertiary: light-dark(#964900, #ffb787);--mat-sys-tertiary-container: light-dark(#ffdcc7, #723600);--mat-sys-tertiary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-tertiary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-neutral-variant20: #3a2e26;--mat-sys-neutral10: #201a17;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-sys-primary: #B29157;--mat-sys-on-primary: #FAF8F3;--mat-sys-primary-container: #e8d5b5;--mat-sys-on-primary-container: #0A0706;--mat-sys-secondary: #0A0706;--mat-sys-on-secondary: #FAF8F3;--mat-sys-secondary-container: #2a2420;--mat-sys-on-secondary-container: #FAF8F3;--mat-sys-background: #FAF8F3;--mat-sys-on-background: #0A0706;--mat-sys-surface: #FAF8F3;--mat-sys-on-surface: #0A0706;--mat-sys-surface-variant: #ede8df;--mat-sys-on-surface-variant: #3a3530}body{color-scheme:light;background-color:var(--mat-sys-background);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}.auth-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--mat-sys-surface)}@media(min-width:900px){.auth-layout{flex-direction:row}}.auth-image-panel{position:relative;width:100%;height:220px;background-image:url(https://hplpqbyclajckntkciqv.supabase.co/storage/v1/object/public/assets/headquarters.jpg);background-size:cover;background-position:center 60%;overflow:hidden;flex-shrink:0}@media(min-width:900px){.auth-image-panel{background-position:center 30%;width:48%;height:auto;min-height:100vh;position:sticky;top:0}}.auth-image-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(155deg,#0a0706f7,#0a0706c7 40%,#785a288c 75%,#b2915759);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem}.auth-image-overlay:after{content:"";position:absolute;top:20%;left:15%;width:70%;height:50%;background:radial-gradient(ellipse,rgba(178,145,87,.08) 0%,transparent 70%);pointer-events:none;z-index:0}@media(max-width:899px){.auth-image-overlay:after{display:none}}.auth-image-overlay>*{position:relative;z-index:1}@media(min-width:900px){.auth-image-overlay{justify-content:space-between;padding:3rem 3.5rem}}.auth-brand{display:none}@media(min-width:900px){.auth-brand{display:block}}.auth-brand__mark{display:flex;align-items:center;gap:1.25rem;margin-bottom:2.75rem}.auth-brand__logo{height:72px;width:auto;object-fit:contain;filter:drop-shadow(0 0 12px rgba(178,145,87,.55));flex-shrink:0}.auth-brand__wordmark{display:flex;flex-direction:column;line-height:1;gap:.35rem}.auth-brand__name-top{font-size:1.3rem;font-weight:900;letter-spacing:.2em;color:var(--mat-sys-on-primary);text-transform:uppercase}.auth-brand__name-mid{font-size:.7rem;font-weight:700;letter-spacing:.25em;color:var(--mat-sys-primary);text-transform:uppercase}.auth-brand__name-bottom{font-size:.65rem;font-weight:400;font-style:italic;letter-spacing:.1em;color:#faf8f38c}.auth-brand__title{font:var(--mat-sys-title-large);font-weight:500;color:#faf8f3d9;margin:0 0 2rem;line-height:1.4;max-width:340px}.auth-brand__cycling{position:relative;height:1.6em;overflow:hidden;margin-bottom:2.5rem}.auth-brand__cycling span{position:absolute;top:0;left:0;font-size:.8rem;font-weight:700;letter-spacing:.22em;color:var(--mat-sys-primary);opacity:0;transform:translateY(10px);animation:cycleTagline 7.5s infinite}.auth-brand__cycling span:nth-child(1){animation-delay:0s}.auth-brand__cycling span:nth-child(2){animation-delay:2.5s}.auth-brand__cycling span:nth-child(3){animation-delay:5s}.auth-brand__stats{display:flex;align-items:center;gap:1rem}.auth-brand__stat{display:flex;align-items:center;gap:.4rem;color:#faf8f399;font:var(--mat-sys-label-small);font-weight:500}.auth-brand__stat mat-icon{font-size:.95rem;width:.95rem;height:.95rem;color:var(--mat-sys-primary);opacity:.8}.auth-brand__stat-divider{width:1px;height:14px;background-color:#faf8f326;flex-shrink:0}.auth-brand-mobile{display:flex;align-items:center;gap:.875rem}@media(min-width:900px){.auth-brand-mobile{display:none}}.auth-brand-mobile__logo{height:64px;width:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(178,145,87,.55));flex-shrink:0}.auth-brand-mobile__text{display:flex;flex-direction:column;gap:.28rem;line-height:1}.auth-brand-mobile__name{font-size:1.3rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--mat-sys-on-primary)}.auth-brand-mobile__sub{font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mat-sys-primary);text-shadow:0 0 1px #000,0 0 4px rgba(0,0,0,.8),1px 1px 0 rgba(0,0,0,.6),-1px -1px 0 rgba(0,0,0,.6)}.auth-brand-mobile__archive{font-size:.72rem;font-weight:400;font-style:italic;letter-spacing:.1em;color:#faf8f399}.auth-image-badge{display:none}@media(min-width:900px){.auth-image-badge{display:flex;align-items:center;gap:.75rem;background:#faf8f312;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(178,145,87,.25);border-radius:var(--mat-sys-corner-full);padding:.875rem 1.375rem;color:#faf8f3b3;font:var(--mat-sys-label-large)}.auth-image-badge mat-icon{font-size:1.125rem;width:1.125rem;height:1.125rem;color:var(--mat-sys-primary);flex-shrink:0}}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem 3rem;background-color:var(--mat-sys-surface);overflow-y:auto}@media(min-width:900px){.auth-form-panel{padding:4rem 5rem}}.auth-form-wrapper{width:100%;max-width:420px;position:relative;overflow:hidden}.auth-view{width:100%}.auth-view__eyebrow{display:flex;align-items:center;gap:.375rem;margin-bottom:.875rem;color:var(--mat-sys-primary)}.auth-view__eyebrow mat-icon{font-size:1rem;width:1rem;height:1rem}.auth-view__eyebrow span{font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.auth-view__header{margin-bottom:2.25rem}.auth-view__title{font:var(--mat-sys-headline-small);font-weight:700;color:var(--mat-sys-on-surface);margin:0 0 .625rem;letter-spacing:-.02em;line-height:1.2}.auth-view__title em{font-style:italic;color:var(--mat-sys-primary)}@media(min-width:900px){.auth-view__title{font-size:2.1rem}}.auth-view__subtitle{font:var(--mat-sys-body-medium);color:var(--mat-sys-on-surface-variant);margin:0;line-height:1.6}.auth-view__subtitle strong{color:var(--mat-sys-on-surface);font-weight:600}.auth-form{display:flex;flex-direction:column;gap:.75rem}.auth-fields-group{display:flex;flex-direction:column;background:color-mix(in srgb,var(--mat-sys-surface-variant) 35%,transparent);border:1px solid var(--mat-sys-outline-variant);border-radius:16px;padding:.5rem .875rem}.auth-field{width:100%}.auth-form__meta{display:flex;justify-content:flex-end;margin-top:-.5rem}.auth-alert{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;border-radius:var(--mat-sys-corner-medium);font:var(--mat-sys-body-small);line-height:1.5}.auth-alert mat-icon{font-size:1.125rem;width:1.125rem;height:1.125rem;flex-shrink:0;margin-top:1px}.auth-alert--error{background-color:color-mix(in srgb,var(--mat-sys-error) 10%,transparent);color:var(--mat-sys-error);border:1px solid color-mix(in srgb,var(--mat-sys-error) 25%,transparent)}.auth-alert--error a{color:inherit;font-weight:600;text-underline-offset:3px}.auth-alert--success{background-color:color-mix(in srgb,var(--mat-sys-primary) 12%,transparent);color:color-mix(in srgb,var(--mat-sys-primary) 80%,var(--mat-sys-on-surface));border:1px solid color-mix(in srgb,var(--mat-sys-primary) 30%,transparent)}.auth-submit{width:100%;height:52px;margin-top:.25rem;font:var(--mat-sys-label-large)!important;font-weight:600!important;letter-spacing:.06em!important;border-radius:var(--mat-sys-corner-medium)!important;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;text-decoration:none}.auth-submit:not([disabled]):after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.18) 50%,transparent 80%);transform:skew(-15deg);animation:shimmerSweep 3.5s ease-in-out infinite;pointer-events:none}.auth-text-btn{font:var(--mat-sys-label-medium);color:var(--mat-sys-primary);padding:0 4px}.auth-secondary-btn{width:100%;height:48px;font:var(--mat-sys-label-large)!important;font-weight:500!important;border-radius:var(--mat-sys-corner-medium)!important;display:flex;align-items:center;justify-content:center;text-decoration:none}.auth-back-btn{margin-bottom:1rem;color:var(--mat-sys-on-surface-variant);display:block}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0 1rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--mat-sys-outline-variant)}.auth-divider span{font:var(--mat-sys-label-small);color:var(--mat-sys-on-surface-variant);white-space:nowrap}.confirm-icon-wrap{display:flex;justify-content:center;margin-bottom:2rem}.confirm-icon-ring{width:80px;height:80px;border-radius:50%;border:2px solid color-mix(in srgb,var(--mat-sys-primary) 35%,transparent);background:color-mix(in srgb,var(--mat-sys-primary) 10%,transparent);display:flex;align-items:center;justify-content:center;animation:ringPulse 2.8s ease-in-out infinite}.confirm-icon-ring mat-icon{font-size:2.25rem;width:2.25rem;height:2.25rem;color:var(--mat-sys-primary)}.confirm-steps{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.confirm-step{display:flex;align-items:flex-start;gap:.875rem}.confirm-step__num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background-color:color-mix(in srgb,var(--mat-sys-primary) 14%,var(--mat-sys-surface-variant));border:1px solid color-mix(in srgb,var(--mat-sys-primary) 30%,transparent);color:var(--mat-sys-primary);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.confirm-step p{font:var(--mat-sys-body-small);color:var(--mat-sys-on-surface-variant);margin:0;line-height:1.55;padding-top:4px}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease-out}@keyframes cycleTagline{0%{opacity:0;transform:translateY(10px)}6%{opacity:1;transform:translateY(0)}27%{opacity:1;transform:translateY(0)}33%{opacity:0;transform:translateY(-10px)}to{opacity:0;transform:translateY(10px)}}@keyframes shimmerSweep{0%{left:-100%}45%,to{left:160%}}@keyframes ringPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--mat-sys-primary) 20%,transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--mat-sys-primary) 0%,transparent)}}
