.auth{--auth-card-w:26.25rem;--auth-notice-w:var(--hx-form-measure-wide);min-block-size:100dvh;padding-block:var(--hx-space-12);padding-inline:var(--hx-gutter);background:var(--hx-canvas);color:var(--hx-text);font-family:var(--hx-font-sans)}.auth:focus{outline:none}.auth--switch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--hx-space-8)}.auth__notices{inline-size:min(100%,var(--auth-notice-w))}.auth__notices:empty{display:none}.auth__notices:has(.ui-promo-banner){border-radius:var(--hx-radius-card);overflow:hidden}.auth-switch__brand{display:inline-flex;align-items:center;gap:var(--hx-space-3);margin:0;color:var(--hx-text);font-size:var(--hx-type-card-title-size);font-weight:var(--hx-weight-semibold);line-height:var(--hx-type-card-title-leading);letter-spacing:var(--hx-type-card-title-tracking)}.auth__mark-glyph{display:inline-grid;place-items:center;inline-size:var(--hx-space-8);block-size:var(--hx-space-8);border-radius:var(--hx-radius-control);background:transparent;color:inherit;font-size:var(--hx-type-body-size);font-weight:var(--hx-weight-semibold);line-height:1}.auth-switch{display:flex;flex-direction:column;gap:var(--hx-space-4);inline-size:min(100%,var(--auth-card-w))}.auth-switch__forms{display:grid;border:1px solid var(--hx-border-default);border-radius:var(--hx-radius-card);background:var(--hx-surface);box-shadow:var(--hx-elev-sm)}.auth-switch__form{display:flex;flex-direction:column;gap:var(--hx-space-6);min-inline-size:0;padding:var(--hx-space-8)}.auth-switch[data-side=sign-in] .auth-switch__form--sign-up,.auth-switch[data-side=sign-up] .auth-switch__form--sign-in{display:none}.auth-switch .ui-form{max-inline-size:none}.auth-switch__header{display:grid;gap:var(--hx-space-2)}.auth__eyebrow{margin:0;color:var(--hx-text-3);font-size:var(--hx-type-label-sm-size);font-weight:var(--hx-weight-medium);line-height:var(--hx-type-label-sm-leading)}.auth-switch__title{margin:0;color:var(--hx-text);font-size:var(--hx-type-h4-size);font-weight:var(--hx-weight-semibold);line-height:var(--hx-type-h4-leading);letter-spacing:var(--hx-type-h4-tracking);overflow-wrap:anywhere}.auth-switch__title:focus{outline:none}.auth-switch__title:focus-visible{outline:var(--hx-focus-width) solid var(--hx-focus);outline-offset:var(--hx-focus-offset);border-radius:var(--hx-radius-xs)}.auth-switch__lede{margin:0;color:var(--hx-text-2);font-size:var(--hx-type-body-sm-size);line-height:var(--hx-type-body-sm-leading)}.auth__stepper{margin-block-end:var(--hx-space-2)}.auth__body{gap:var(--hx-space-5)}.auth__body,.auth__group{display:flex;flex-direction:column}.auth__group{gap:var(--hx-space-4);margin:0;padding:0;border:0}.auth__group+.auth__group{padding-block-start:var(--hx-space-6);border-block-start:1px solid var(--hx-border-subtle)}.auth__legend{margin-block-end:var(--hx-space-3);padding:0;color:var(--hx-text);font-size:var(--hx-type-body-size);font-weight:var(--hx-weight-semibold);line-height:var(--hx-type-body-leading)}.auth__steps{display:flex;flex-direction:column;gap:var(--hx-space-2);margin:0;padding-inline-start:var(--hx-space-5);color:var(--hx-text-2);font-size:var(--hx-type-body-sm-size);line-height:var(--hx-type-body-sm-leading)}.auth__step-link{margin-inline-start:.35em}.auth__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--hx-space-2);margin-block-start:var(--hx-space-1)}.auth__actions .ui-button{inline-size:100%;min-block-size:var(--hx-control-h-lg);justify-content:center}.auth__actions .ui-button[data-variant=commit],.auth__actions .ui-button[data-variant=primary]{font-size:var(--hx-type-button-lg-size);line-height:var(--hx-type-button-lg-leading)}.auth__actions .ui-button[data-variant=ghost]{min-block-size:var(--hx-touch-min)}.auth__alternatives,.auth__or{display:grid;gap:var(--hx-space-3)}.auth__or{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;margin:0;color:var(--hx-text-3);font-size:var(--hx-type-caption-size);line-height:var(--hx-type-caption-leading);letter-spacing:var(--hx-type-caption-tracking)}.auth__or:after,.auth__or:before{content:"";border-block-start:1px solid var(--hx-border-subtle)}.auth__alternatives .auth__actions{margin-block-start:0}.auth__links{flex-direction:column;gap:0;margin:0;padding-block:var(--hx-space-4) 0;padding-inline:0;border-block-start:1px solid var(--hx-border-subtle);list-style:none;text-align:center;font-size:var(--hx-type-body-sm-size);line-height:var(--hx-type-body-sm-leading)}.auth__links,.auth__links li{display:flex;align-items:center}.auth__links li,.auth__links li>.auth-link{min-block-size:var(--hx-touch-min)}.auth__links li>.auth-link{display:inline-flex;align-items:center}.auth-link{color:var(--hx-link);font-weight:var(--hx-weight-medium);text-decoration:underline;text-decoration-thickness:var(--rule);text-underline-offset:.2em;border-radius:var(--hx-radius-xs);transition:color var(--hx-duration-fast) var(--hx-ease-standard)}@media (hover:hover){.auth-link:hover{color:var(--hx-link-hover);text-decoration-thickness:var(--rule-medium)}}.auth-link:active{color:var(--hx-text-2)}.auth-link:focus-visible{outline:var(--hx-focus-width) solid var(--hx-focus);outline-offset:var(--hx-focus-offset)}.auth__hint{margin:0;color:var(--hx-text-3);font-size:var(--hx-type-body-sm-size);line-height:var(--hx-type-body-sm-leading)}.auth__trap{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.auth-choices{display:grid;gap:var(--hx-space-2);margin:0;padding:0;list-style:none}.auth-choices__label{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--hx-space-1) var(--hx-space-4);inline-size:100%}.auth-choices__id{color:var(--hx-text-3);font-family:var(--hx-font-mono);font-size:var(--hx-type-caption-size);font-weight:var(--hx-weight-regular);font-variant-numeric:tabular-nums}.auth-secret{display:flex;flex-wrap:wrap;gap:var(--hx-space-2) var(--hx-space-4);padding-block:var(--hx-space-4);font-size:var(--hx-type-body-lg-size);line-height:var(--hx-type-body-lg-leading);font-variant-numeric:tabular-nums;letter-spacing:.08em;overflow-wrap:anywhere}.auth-codes,.auth-secret{margin:0;padding-inline:var(--hx-space-5);border:1px solid var(--hx-border-subtle);border-radius:var(--hx-radius-control);background:var(--hx-surface-sunken);color:var(--hx-text);font-family:var(--hx-font-mono);user-select:all}.auth-codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(9rem,100%),1fr));gap:0 var(--hx-space-6);font-size:var(--hx-type-code-size);line-height:var(--hx-type-code-leading);font-variant-numeric:tabular-nums}.auth-codes,.auth-codes__code{padding-block:var(--hx-space-2)}.auth-codes__code{border-block-end:1px solid var(--hx-border-subtle)}.auth-countdown{font-family:var(--hx-font-mono);font-variant-numeric:tabular-nums}.auth-switch__points,.auth__points{display:grid;gap:var(--hx-space-3);margin:0;padding:0;list-style:none}.auth-switch__point,.auth__point{display:grid;grid-template-columns:var(--hx-space-8) minmax(0,1fr);gap:var(--hx-space-3);align-items:center;color:var(--hx-text-2);font-size:var(--hx-type-body-sm-size);line-height:var(--hx-type-body-sm-leading)}.auth-switch__point-icon{justify-self:center;inline-size:var(--hx-space-5);block-size:var(--hx-space-5);color:var(--hx-icon);stroke-width:1.6}.auth__point-icon{display:inline-grid;place-items:center;inline-size:var(--hx-space-8);block-size:var(--hx-space-8);border:1px solid var(--hx-border-subtle);border-radius:var(--hx-radius-pill);background:var(--hx-surface);color:var(--hx-icon)}.auth__point-icon svg{inline-size:var(--hx-space-4);block-size:var(--hx-space-4);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-switch__cta{display:flex}.auth-switch__cta-icon{inline-size:var(--hx-space-4);block-size:var(--hx-space-4)}[dir=rtl] .auth-switch__cta-icon{transform:scaleX(-1)}.auth-switch__panels{display:block}.auth-switch[data-side=sign-in] .auth-switch__panel--end,.auth-switch[data-side=sign-up] .auth-switch__panel--start{display:none}.auth-switch__panel-content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--hx-space-1) var(--hx-space-4);padding-block:var(--hx-space-4);padding-inline:var(--hx-space-5);border:1px solid var(--hx-border-subtle);border-radius:var(--hx-radius-card);background:var(--hx-surface-soft)}.auth-switch__panel-title{grid-column:1;margin:0;color:var(--hx-text);font-size:var(--hx-type-body-sm-size);font-weight:var(--hx-weight-semibold);line-height:var(--hx-type-body-sm-leading)}.auth-switch__panel-body{grid-column:1;margin:0;color:var(--hx-text-3);font-size:var(--hx-type-caption-size);line-height:var(--hx-type-caption-leading);letter-spacing:var(--hx-type-caption-tracking)}.auth-switch__toggle{display:flex;grid-column:2;grid-row:1/span 2}.auth-switch--static .auth-switch__panel-content{grid-template-columns:minmax(0,1fr);gap:var(--hx-space-3);padding:var(--hx-space-5);background:var(--hx-canvas)}.auth-switch--static .auth-switch__panel-title{color:var(--hx-text-2)}.auth-switch--static .auth-switch__panel-body{display:none}@media (forced-colors:active){.auth-switch__forms,.auth-switch__panel-content{border-color:CanvasText}}@media (width < 48rem){.auth{padding-block:var(--hx-space-6) calc(var(--hx-space-6) + var(--hx-safe-bottom))}.auth--switch{justify-content:flex-start;gap:var(--hx-space-6)}.auth-switch__form{padding:var(--hx-space-6)}}@media (width < 30rem){.auth{padding-inline:var(--hx-space-4)}.auth-switch__forms{border-color:transparent;background:transparent;box-shadow:none}.auth-switch__form{padding-inline:0;padding-block:var(--hx-space-2)}.auth-switch__panel-content{grid-template-columns:minmax(0,1fr)}.auth-switch__toggle{grid-column:1;grid-row:auto;inline-size:100%;margin-block-start:var(--hx-space-2)}.auth-codes,.auth-secret{padding-inline:var(--hx-space-4)}}