.auth-shell{--auth-night:#0d1b1e;--auth-lagoon:#0f6e69;--auth-sand:#f5efe6;--auth-mist:#dce8e6;--auth-ember:#ff5a36;--auth-ember-hover:#ff7753;--auth-error:#b42318;--auth-white:#fff;--auth-night-75:#0d1b1ebf;--auth-sand-75:#f5efe6bf;--auth-sand-16:#f5efe629;--auth-radius-panel:22px;--auth-shadow:0 24px 48px -24px #0d1b1e47, 0 8px 16px -8px #0d1b1e1f;--auth-font-display:var(--font-display-src), var(--font-body-src), var(--font-ethiopic-src), system-ui, sans-serif;--auth-font-body:var(--font-body-src), var(--font-ethiopic-src), system-ui, sans-serif;--bg:var(--auth-sand);--surface:var(--auth-white);--surface-2:var(--auth-mist);--border:#0d1b1e8c;--text:var(--auth-night);--text-muted:var(--auth-night-75);--danger:var(--auth-error);--success:var(--auth-lagoon);--warning:#8a5a00;--radius:12px;--shadow-sm:none;--tap-min:44px;--tap-comfort:48px;--brand-100:#0f6e691f;--brand-500:var(--auth-ember-hover);--brand-600:var(--auth-lagoon);--background:var(--bg);--foreground:var(--text);--card:var(--surface);--card-foreground:var(--text);--heading:var(--auth-night);--primary:var(--auth-ember);--primary-foreground:var(--auth-night);--secondary:var(--surface-2);--secondary-foreground:var(--heading);--ring:var(--auth-lagoon);background:var(--auth-sand);min-height:100dvh;color:var(--auth-night);font-family:var(--auth-font-body);overflow-wrap:anywhere;flex-direction:column;font-size:1rem;line-height:1.55;display:flex;position:relative}.auth-shell *,.auth-shell :before,.auth-shell :after{box-sizing:border-box}.auth-shell :focus-visible{outline:3px solid var(--auth-lagoon);outline-offset:2px}.auth-shell h1:focus-visible,.auth-main:focus-visible{outline:none}.auth-shell a{color:var(--auth-lagoon);text-underline-offset:3px;min-height:var(--tap-min);align-items:center;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.auth-shell a:hover{text-decoration-thickness:2px}.auth-shell a[data-slot=button]{color:var(--auth-night);text-decoration:none}.auth-shell h1,.auth-shell h2{font-family:var(--auth-font-display);letter-spacing:-.02em;color:inherit;margin:0;font-weight:600}.auth-shell p{margin:0}.auth-skip{z-index:10;background:var(--auth-night);color:var(--auth-sand);min-height:var(--tap-min);border-radius:0 0 12px 12px;align-items:center;padding:.75rem 1rem;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;inset-block-start:0;inset-inline-start:1rem;transform:translateY(-120%)}.auth-skip:focus{transform:translateY(0)}.auth-brand{background:var(--auth-night);color:var(--auth-sand);padding:.5rem 1.25rem}.auth-brand__bar{min-height:var(--tap-comfort);align-items:center;display:flex}.auth-shell .auth-wordmark{font-family:var(--auth-font-display);letter-spacing:-.03em;color:var(--auth-sand);padding-block:.25rem;font-size:1.5rem;font-weight:600;line-height:1;text-decoration:none}.auth-shell .auth-wordmark:hover{text-decoration:underline;text-decoration-thickness:2px}.auth-shell .auth-wordmark:focus-visible{outline-color:var(--auth-sand)}.auth-brand__story{display:none}.auth-main{flex:1;justify-content:center;align-items:flex-start;padding:1.5rem 1.25rem 2.5rem;display:flex}.auth-main:focus{outline:none}.auth-column{flex-direction:column;gap:1.5rem;width:100%;max-width:28rem;display:flex}.auth-head{flex-direction:column;gap:.5rem;display:flex}.auth-title{font-size:1.75rem;line-height:1.1}.auth-intro{color:var(--auth-night-75)}.auth-panel{border-radius:var(--auth-radius-panel);box-shadow:var(--auth-shadow);border-color:#0d1b1e1f;padding:1.5rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-links{border-top:1px solid #0d1b1e1f;flex-direction:column;gap:.25rem;margin-top:.25rem;padding-top:.75rem;font-size:.9375rem;display:flex}.auth-note{color:var(--auth-night-75);flex-wrap:wrap;align-items:center;column-gap:.375rem;font-size:.9375rem;display:flex}.auth-outcome{flex-direction:column;gap:.75rem;display:flex}.auth-outcome__icon{flex-shrink:0;width:2rem;height:2rem}.auth-outcome__icon--error{color:var(--auth-error)}.auth-outcome__title{font-size:1.5rem;line-height:1.15}.auth-alert{border:1px solid var(--auth-error);background:var(--auth-white);color:var(--auth-night);border-radius:12px;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;font-size:.9375rem;display:flex}.auth-alert svg{width:1.125rem;height:1.125rem;color:var(--auth-error);flex-shrink:0;margin-top:.125rem}.auth-devlink{border:1px dashed var(--auth-night);background:var(--auth-mist);border-radius:12px;padding:.75rem 1rem;font-size:.9375rem}.auth-shell [data-slot=input]:hover:not(:disabled){border-color:var(--auth-night)}.auth-devlink__title{font-weight:600}.auth-reveal{min-width:var(--tap-min);min-height:var(--tap-min);color:var(--auth-night);cursor:pointer;background:0 0;border:0;border-radius:0 12px 12px 0;justify-content:center;align-items:center;padding:0 .75rem;display:inline-flex;position:absolute;inset-block:0;inset-inline-end:0}.auth-reveal:hover{background:var(--brand-100)}.auth-reveal svg{width:1.25rem;height:1.25rem}.auth-section{flex-direction:column;gap:.75rem;display:flex}.auth-section__title{font-size:1.125rem;line-height:1.25}.auth-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.auth-list__item{background:var(--auth-white);border:1px solid #0d1b1e47;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.75rem 1rem;display:flex}.auth-list__name{font-weight:600}.auth-list__meta{color:var(--auth-night-75);font-size:.9375rem}.auth-badge{background:var(--auth-mist);min-height:1.75rem;color:var(--auth-night);border-radius:999px;align-items:center;padding:0 .625rem;font-size:.875rem;font-weight:600;display:inline-flex}.auth-facts{grid-template-columns:1fr;gap:.25rem 1rem;margin:0;display:grid}.auth-facts dt{color:var(--auth-night-75);font-size:.9375rem}.auth-facts dd{margin:0 0 .5rem;font-weight:600}@media (min-width:600px){.auth-facts{grid-template-columns:max-content 1fr}.auth-facts dd{margin:0}}.auth-spinner{border:2px solid;border-inline-end-color:#0000;border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){.auth-panel{animation:.4s cubic-bezier(.22,1,.36,1) both auth-rise}@keyframes auth-rise{0%{opacity:0;transform:translateY(8px)}}}@media (prefers-reduced-motion:reduce){.auth-spinner{border-inline-end-color:currentColor;border-style:dotted;animation:none}.auth-shell [data-slot=button]{transition:none}}@media (min-width:600px){.auth-brand{padding-inline:2rem}.auth-main{padding:3rem 2rem 4rem}.auth-title{font-size:2.125rem}.auth-panel{padding:2rem}}@media (min-width:900px){.auth-shell{background:linear-gradient(to right, var(--auth-night) 45%, var(--auth-sand) 45%);grid-template-columns:45fr 55fr;align-items:stretch;display:grid}.auth-brand{flex-direction:column;justify-content:space-between;min-height:100dvh;padding:2.5rem clamp(2rem,4vw,4rem);display:flex;position:relative;overflow:hidden}.auth-brand:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#0f6e698c,#0f6e6900);border-radius:50%;width:36rem;height:36rem;position:absolute;inset-block-end:-10%;inset-inline-end:-20%}.auth-brand>*{position:relative}.auth-brand__bar{min-height:0}.auth-shell .auth-wordmark{font-size:1.75rem}.auth-brand__story{flex-direction:column;gap:2rem;max-width:30rem;display:flex}.auth-brand__headline{font-family:var(--auth-font-display);letter-spacing:-.03em;font-size:clamp(2.25rem,1.2rem + 2.2vw,3.25rem);font-weight:600;line-height:1.04}.auth-brand__points{color:var(--auth-sand-75);flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.auth-brand__points li{border-top:1px solid var(--auth-sand-16);align-items:baseline;gap:.75rem;padding-top:1rem;display:flex}.auth-brand__points li:before{content:"";background:var(--auth-ember);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;transform:translateY(-.05rem)}.auth-brand__foot{color:var(--auth-sand-75);font-size:.9375rem}.auth-main{align-items:center;min-height:100dvh;padding:4rem clamp(2rem,5vw,5rem)}}@media (min-width:900px) and (max-height:640px){.auth-brand__story{display:none}}@media (min-width:900px){.auth-note--mobile-only{display:none}}@media (max-width:899px){.auth-brand__foot{display:none}}@media (forced-colors:active){.auth-panel,.auth-alert,.auth-devlink{border:1px solid canvastext}}
