.auth-page{--auth-font:var(--font-primary);--auth-ink:var(--color-neutral-900);--auth-navy:var(--color-neutral-900);--auth-muted:var(--color-neutral-500);--auth-body:var(--color-neutral-600);--auth-accent:var(--color-primary-500);--auth-accent-hover:var(--color-primary-600);--auth-border:var(--color-neutral-200);--auth-border-soft:var(--color-neutral-100);--auth-surface:var(--color-neutral-100);--auth-shell-tint:var(--color-neutral-50);--auth-canvas:var(--color-primary-900);--auth-accent-tint:color-mix(in srgb,var(--color-primary-500)12%,var(--color-neutral-0));--auth-accent-tint-hover:color-mix(in srgb,var(--color-primary-500)18%,var(--color-neutral-0));--auth-radius:var(--radius-md);--auth-radius-lg:var(--radius-lg);--auth-radius-shell:var(--radius-xl);--auth-ease:var(--ease-standard);--auth-ease-out:var(--ease-out-ds);--auth-duration:var(--duration-fast);--auth-duration-slow:.3s;--auth-shadow-sm:var(--shadow-sm);--auth-shadow-md:var(--shadow-md);--auth-shadow-shell:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--color-neutral-0)6%,transparent);background:var(--auth-canvas);width:100%;min-height:100vh;color:var(--auth-navy);font-family:var(--auth-font);box-sizing:border-box}.auth-page.auth-flow{justify-content:center;align-items:center;padding:clamp(1.25rem,4vw,2.5rem);display:flex}.auth-page *,.auth-page :before,.auth-page :after{box-sizing:inherit}@media (prefers-reduced-motion:no-preference){.auth-flow__shell{animation:auth-enter var(--auth-duration-slow)var(--auth-ease-out)both}.auth-flow__secondary .auth-side-card{animation:auth-enter var(--auth-duration-slow)var(--auth-ease-out)60ms both}}@keyframes auth-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-flow__shell{border-radius:var(--auth-radius-shell);width:100%;max-width:58rem;min-height:min(36rem,100%);box-shadow:var(--auth-shadow-shell);background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;display:grid;overflow:hidden}.auth-flow__primary{border-right:1px solid var(--auth-border);background:#fff;justify-content:center;align-items:flex-start;padding:clamp(2.25rem,4.5vw,3.25rem) clamp(1.5rem,4vw,2.75rem);display:flex}.auth-flow__inner{width:100%;max-width:26rem}.auth-flow__inner--wide{max-width:30rem}.auth-flow__secondary{background:var(--auth-shell-tint);justify-content:center;align-items:flex-start;padding:clamp(2.25rem,4.5vw,3.25rem) clamp(1.5rem,4vw,2.75rem);display:flex}.auth-flow__secondary .auth-side-card{width:100%;max-width:24rem;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;overflow:visible}.auth-flow__secondary .auth-side-card:hover{box-shadow:none;border-color:#0000}@media (max-width:960px){.auth-flow__shell{grid-template-columns:1fr;min-height:0}.auth-flow__primary{border-right:none;border-bottom:1px solid var(--auth-border)}.auth-flow__secondary{padding-top:clamp(2rem,5vw,2.5rem);padding-bottom:clamp(2.25rem,5vw,3rem)}}.auth-side-card{border:1px solid var(--auth-border-soft);border-radius:var(--auth-radius-lg);box-shadow:var(--auth-shadow-sm);transition:box-shadow var(--auth-duration)var(--auth-ease),border-color var(--auth-duration)var(--auth-ease);background:#fff;padding:clamp(1.75rem,4vw,2.25rem);position:relative;overflow:hidden}.auth-side-card:hover{box-shadow:var(--auth-shadow-md);border-color:var(--auth-border)}.auth-side-card__glow{background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--color-accent-blue)45%,transparent)0%,transparent 55%),radial-gradient(circle,color-mix(in srgb,var(--color-accent-purple)38%,transparent)0%,transparent 65%);pointer-events:none;width:15rem;height:15rem;transition:transform var(--auth-duration-slow)var(--auth-ease);border-radius:50%;position:absolute;top:-28%;right:-18%}@media (prefers-reduced-motion:no-preference){.auth-side-card:hover .auth-side-card__glow{transform:scale(1.05)}}.auth-side-card__eyebrow{z-index:1;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--auth-muted);margin:0 0 .65rem;position:relative}.auth-side-card__title{z-index:1;letter-spacing:-.02em;color:var(--auth-ink);margin:0 0 .75rem;font-size:clamp(1.35rem,2.5vw,1.5rem);font-weight:700;line-height:1.25;position:relative}.auth-side-card__lead{z-index:1;color:var(--auth-body);margin:0 0 1.5rem;font-size:.9375rem;line-height:1.55;position:relative}.auth-side-card__list{z-index:1;border-left:3px solid var(--color-primary-500);margin:0 0 1.75rem;padding:0 0 0 .85rem;list-style:none;position:relative}.auth-side-card__list li{margin-bottom:1.1rem}.auth-side-card__list li:last-child{margin-bottom:0}.auth-side-card__list strong{color:var(--auth-ink);margin-bottom:.2rem;font-size:.9rem;display:block}.auth-side-card__list span{color:var(--auth-body);font-size:.875rem;line-height:1.45;display:block}.auth-side-card__cta{z-index:1;padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);background:var(--auth-accent-tint);color:var(--color-primary-700);font-size:var(--text-sm);font-weight:var(--font-semibold);box-shadow:var(--shadow-sm);transition:background var(--auth-duration)var(--auth-ease),color var(--auth-duration)var(--auth-ease),transform var(--auth-duration)var(--auth-ease),box-shadow var(--auth-duration)var(--auth-ease);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.auth-side-card__cta:hover{background:var(--auth-accent-tint-hover);color:var(--auth-accent-hover);box-shadow:var(--shadow-md)}@media (prefers-reduced-motion:no-preference){.auth-side-card__cta:hover{transform:translateY(-1px)}.auth-side-card__cta:active{transform:translateY(0)}}.auth-side-card__stats{z-index:1;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid;position:relative}@media (max-width:640px){.auth-side-card__stats{grid-template-columns:1fr}}.auth-side-card__stat-num{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-600);letter-spacing:-.02em;display:block}.auth-side-card__stat-label{color:var(--auth-muted);margin-top:.2rem;font-size:.75rem;display:block}.auth-brand{align-items:center;gap:.75rem;margin-bottom:clamp(2rem,4vw,2.5rem);display:flex}.auth-brand__mark{border-radius:var(--radius-md);background:var(--auth-accent-tint);width:2.5rem;height:2.5rem;transition:transform var(--auth-duration)var(--auth-ease),box-shadow var(--auth-duration)var(--auth-ease);flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:no-preference){.auth-brand:hover .auth-brand__mark{box-shadow:var(--shadow-glow-blue);transform:scale(1.03)}}.auth-brand__fi{font-weight:var(--font-bold);letter-spacing:-.06em;align-items:center;gap:.02em;font-size:.78rem;line-height:1;display:inline-flex}.auth-brand__fi-letter{background:var(--gradient-accent);color:#0000;-webkit-background-clip:text;background-clip:text}.auth-brand--dark .auth-brand__name{color:var(--color-text-on-dark)}.auth-brand--dark .auth-brand__tagline{color:var(--color-text-muted-on-dark)}.auth-brand--dark .auth-brand__mark{background:color-mix(in srgb,var(--color-primary-500)18%,transparent);box-shadow:none}.auth-brand--dark .auth-brand__fi-letter{background:var(--gradient-accent);color:#0000;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:no-preference){.auth-brand--dark:hover .auth-brand__mark{box-shadow:var(--shadow-glow-blue)}}.auth-brand__text{flex-direction:column;gap:.1rem;display:flex}.auth-brand__name{font-weight:var(--font-bold);letter-spacing:.04em;color:var(--auth-ink);font-size:.95rem}.auth-brand__tagline{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--auth-muted)}.auth-panel--flush{padding:0}.auth-panel__eyebrow{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--auth-muted);margin:0 0 .5rem}.auth-panel__headline{letter-spacing:-.02em;color:var(--auth-ink);margin:0 0 .75rem;font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700;line-height:1.2}.auth-panel__title{color:var(--auth-ink);margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.auth-panel__muted{color:var(--auth-body);margin:0 0 1.75rem;font-size:.9375rem;line-height:1.55}.auth-panel__code{border-radius:var(--radius-sm);background:var(--auth-shell-tint);color:var(--color-neutral-800);padding:.12em .35em;font-size:.85em}.auth-inline-link{font:inherit;color:var(--auth-accent);cursor:pointer;text-underline-offset:2px;transition:color var(--auth-duration)var(--auth-ease);background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline;display:inline}.auth-inline-link:hover{color:var(--auth-accent-hover)}.auth-method-tabs{border-radius:var(--auth-radius);border:1px solid var(--auth-border);background:var(--auth-surface);gap:2px;margin-bottom:1.25rem;padding:2px;display:flex;overflow:hidden}.auth-method-tabs__btn{border-radius:calc(var(--auth-radius) - 2px);font:inherit;color:var(--auth-muted);cursor:pointer;transition:background var(--auth-duration)var(--auth-ease),color var(--auth-duration)var(--auth-ease),box-shadow var(--auth-duration)var(--auth-ease);background:0 0;border:none;flex:1;padding:.5rem .65rem;font-size:.8rem;font-weight:500}.auth-method-tabs__btn:hover{color:var(--auth-ink);background:#fff9}.auth-method-tabs__btn--active{color:var(--auth-ink);box-shadow:var(--auth-shadow-sm);background:#fff}.auth-method-tabs__btn:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary-500)42%,var(--auth-border));outline-offset:2px}.auth-form{flex-direction:column;gap:.25rem;display:flex}.auth-form__row{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.25rem;display:grid}@media (max-width:520px){.auth-form__row{grid-template-columns:1fr}}.auth-form__cell{min-width:0}.auth-label{color:var(--auth-ink);margin-top:.85rem;margin-bottom:.35rem;font-size:.8rem;font-weight:600}.auth-label__optional{color:#94a3b8;font-weight:500}.auth-input{border-radius:var(--auth-radius);border:1px solid var(--auth-border);width:100%;color:var(--auth-ink);font:inherit;transition:border-color var(--auth-duration)var(--auth-ease),box-shadow var(--auth-duration)var(--auth-ease);background:#fff;padding:.65rem .75rem;font-size:.9375rem}.auth-input::placeholder{color:#9ca3af}.auth-input:hover{border-color:#cbd5e1}.auth-input:focus{border-color:color-mix(in srgb,var(--color-primary-500)40%,var(--color-neutral-300));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500)16%,transparent);outline:none}.auth-input:focus-visible{outline:none}.auth-select-wrap{position:relative}.auth-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.auth-textarea{resize:vertical;min-height:6rem}.auth-field-error{color:#be123c;margin:.15rem 0 0;font-size:.8rem}.auth-alert{border-radius:var(--auth-radius);animation:auth-alert-in var(--auth-duration-slow)var(--auth-ease-out)both;margin:0 0 1rem;padding:.75rem .85rem;font-size:.9rem;line-height:1.45}@keyframes auth-alert-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-alert{animation:none}}.auth-alert--error{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3}.auth-alert--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.auth-btn{border-radius:var(--auth-radius);width:100%;font:inherit;cursor:pointer;transition:transform var(--auth-duration)var(--auth-ease),box-shadow var(--auth-duration)var(--auth-ease),filter var(--auth-duration)var(--auth-ease),background-color var(--auth-duration)var(--auth-ease),border-color var(--auth-duration)var(--auth-ease);border:none;margin-top:1rem;padding:.7rem 1rem;font-size:.9375rem;font-weight:600}.auth-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary-500)55%,var(--auth-ink));outline-offset:2px}.auth-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-btn--primary{padding:var(--space-3)var(--space-5);border-radius:var(--radius-md);background:var(--gradient-accent);color:var(--color-neutral-0);font-weight:var(--font-semibold);font-size:var(--text-base);box-shadow:var(--shadow-md)}.auth-btn--primary:hover:not(:disabled){filter:brightness(1.04);box-shadow:var(--shadow-lg)}.auth-btn--gradient{color:var(--color-neutral-0);background:var(--gradient-accent);font-weight:var(--font-semibold);border-radius:var(--radius-md);padding:var(--space-3)var(--space-5);box-shadow:var(--shadow-md);margin-top:1.25rem}.auth-btn--gradient:hover:not(:disabled){filter:brightness(1.04);box-shadow:var(--shadow-lg)}.auth-btn--outline{color:var(--color-neutral-800);border:1px solid var(--color-neutral-300);background:0 0}.auth-btn--outline:hover:not(:disabled){border-color:var(--color-neutral-400);background:var(--color-neutral-50)}@media (prefers-reduced-motion:no-preference){.auth-btn--primary:hover:not(:disabled),.auth-btn--gradient:hover:not(:disabled),.auth-btn--outline:hover:not(:disabled){transform:translateY(-1px)}.auth-btn:active:not(:disabled){transform:translateY(0)}}.auth-divider{text-align:center;color:#94a3b8;margin:1.5rem 0;font-size:.8rem;position:relative}.auth-divider:before{content:"";background:var(--auth-border);z-index:0;height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{z-index:1;background:#fff;padding:0 .75rem;position:relative}.auth-link-back{font:inherit;color:var(--auth-accent);cursor:pointer;transition:color var(--auth-duration)var(--auth-ease);background:0 0;border:none;margin-top:1.5rem;padding:0;font-size:.875rem;font-weight:600;text-decoration:none}.auth-link-back:hover{color:var(--auth-accent-hover);text-underline-offset:2px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.auth-flow__shell,.auth-flow__secondary .auth-side-card{animation:none}.auth-brand:hover .auth-brand__mark,.auth-side-card__cta:hover,.auth-btn--primary:hover:not(:disabled),.auth-btn--gradient:hover:not(:disabled),.auth-btn--outline:hover:not(:disabled){transform:none}}#root{text-align:left;max-width:none;min-height:100vh;margin:0;padding:0}.app-shell{width:100%;max-width:36rem;padding:var(--space-8)var(--space-5)var(--space-12);text-align:center;color:var(--color-text-on-dark);box-sizing:border-box;min-height:100vh;margin:0 auto}.app-shell--auth{max-width:none;min-height:100vh;color:inherit;margin:0;padding:0;display:block}.app-home__title{margin:0 0 var(--space-3);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.02em;color:var(--color-text-on-dark)}.app-home__lead{margin:0 auto var(--space-8);max-width:28rem;font-size:var(--text-base);color:var(--color-text-muted-on-dark);line-height:1.55}.user-bar{justify-content:center;align-items:center;gap:var(--space-3)var(--space-4);margin-bottom:var(--space-8);padding:var(--space-2)0;flex-wrap:wrap;display:flex}.user-bar__email{font-size:var(--text-sm);color:var(--color-text-muted-on-dark)}.user-bar__sign-out{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-on-dark);background:var(--color-surface-dark);color:var(--color-text-on-dark);font:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:border-color var(--duration-fast)var(--ease-standard),background-color var(--duration-fast)var(--ease-standard)}.user-bar__sign-out:hover{border-color:color-mix(in srgb,var(--color-primary-500)45%,transparent);background:var(--color-primary-800)}.user-bar__sign-out:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary-500)65%,var(--color-neutral-0));outline-offset:2px}.read-the-docs{color:var(--color-text-muted-on-dark);font-size:var(--text-sm)}.app-shell code{border-radius:var(--radius-sm);background:var(--color-surface-dark);border:1px solid var(--color-border-on-dark);color:var(--color-neutral-100);padding:.1em .35em;font-size:.88em}.app-shell .app-loading{color:var(--color-text-muted-on-dark);animation:app-fade-in var(--duration-base)var(--ease-out-ds)both}@keyframes app-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.app-shell .app-loading{animation:none}}:root{--color-primary-900:#0b1f2a;--color-primary-800:#102a3a;--color-primary-700:#1a3d52;--color-primary-600:#2c5d7a;--color-primary-500:#3e7fa3;--gradient-primary:linear-gradient(135deg,#0b1f2a 0%,#1a3d52 100%);--gradient-accent:linear-gradient(135deg,#3e7fa3 0%,#6bb6d9 100%);--color-neutral-0:#fff;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-accent-blue:#bcd8ec;--color-accent-green:#d6e5bd;--color-accent-yellow:#f9e1a8;--color-accent-purple:#dcccec;--color-accent-peach:#ffdab4;--color-accent-pink:#ffcbe1;--color-text-on-dark:#f9fafb;--color-text-muted-on-dark:#9ca3af;--color-border-on-dark:#3e7fa347;--color-surface-dark:#102a3a;--font-primary:"Inter","SF Pro Display",system-ui,sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001f;--shadow-glow-blue:0 0 20px #bcd8ec66;--shadow-glow-purple:0 0 20px #dcccec66;--container-max-width:1200px;--grid-gap:24px;--ease-out-ds:ease-out;--ease-standard:cubic-bezier(.4,0,.2,1);--duration-fast:.2s;--duration-base:.25s;font-family:var(--font-primary);line-height:1.5;font-weight:var(--font-regular);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background-color:var(--color-primary-900);min-width:320px;min-height:100vh;color:var(--color-text-on-dark);margin:0}#root{min-height:100vh}.app-shell:not(.app-shell--auth) a{font-weight:var(--font-medium);color:#6bb6d9;border-bottom:1px solid color-mix(in srgb,var(--color-primary-500)55%,var(--color-neutral-400));transition:color var(--duration-fast)var(--ease-out-ds),border-color var(--duration-fast)var(--ease-out-ds);text-decoration:none}.app-shell:not(.app-shell--auth) a:hover{color:#93c5e6;border-bottom-color:var(--color-primary-500)}