.mx-auth-page{--mx-auth-surface:var(--surface-raised)}.mx-auth-ambient{pointer-events:none;background:radial-gradient(ellipse 80% 55% at 15% 20%, color-mix(in srgb, var(--brand-500) 5%, transparent), transparent 60%);position:absolute;inset:0}.mx-auth-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-raised)}.mx-auth-input{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-sunken);height:3rem;font-size:var(--text-body);line-height:var(--text-body-lh);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);padding-inline:1rem}.mx-auth-input::placeholder{color:var(--text-tertiary)}.mx-auth-input:focus-visible{border-color:color-mix(in srgb, var(--brand-400) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-400) 18%, transparent);outline:none}.mx-auth-thread{margin:3.5rem 0 0;padding:0;list-style:none}.mx-auth-thread__stage{border-inline-start:1px solid color-mix(in srgb, var(--brand-400) 35%, transparent);padding-block:.65rem;padding-inline-start:1.75rem;position:relative}.mx-auth-thread__stage:first-child{padding-block-start:0}.mx-auth-thread__stage:last-child{border-inline-start-color:#0000;padding-block-end:0}.mx-auth-thread__node{inset-inline-start:-.3125rem;background:var(--brand-500);border:1.5px solid var(--brand-400);border-radius:999px;width:.5625rem;height:.5625rem;position:absolute;top:.85rem}.mx-auth-thread__stage:first-child .mx-auth-thread__node{top:.2rem}.mx-auth-thread__stage[data-state=current] .mx-auth-thread__node{background:var(--surface-base);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-400) 25%, transparent)}.mx-auth-thread__stage[data-state=next] .mx-auth-thread__node{background:var(--surface-base);border-color:var(--border-default)}.mx-auth-thread__label{font-size:var(--text-footnote);line-height:var(--text-footnote-lh);color:var(--text-primary);font-weight:600;display:block}.mx-auth-thread__stage[data-state=next] .mx-auth-thread__label{color:var(--text-secondary);font-weight:500}.mx-auth-thread__meta{font-family:var(--font-mono);letter-spacing:.02em;color:var(--text-tertiary);margin-top:.1rem;font-size:11px;display:block}.mx-auth-headline{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2rem,1.2rem + 2.2vw,3.1rem);font-weight:600;line-height:1.06}.mx-auth-submit{border-radius:var(--radius-sm);background:var(--brand-500);width:100%;height:3rem;font-size:var(--text-body);color:#fff;transition:background var(--duration-fast) var(--ease-standard);border:none;font-weight:600}.mx-auth-submit:hover:not(:disabled){background:var(--brand-400)}.mx-auth-submit:active:not(:disabled){background:var(--brand-600)}.mx-auth-submit:disabled{opacity:.6;cursor:not-allowed}.mx-auth-submit:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-400) 25%, transparent);outline:none}