@layer ah.components{.auth-page{overscroll-behavior:none;background:var(--ah-color-surface);grid-template-columns:minmax(22rem,44vw) minmax(0,1fr);min-block-size:100dvh;display:grid;position:relative;overflow-x:clip}.auth-page:before{background-color:var(--ah-color-surface-muted);content:"";background-image:url(/images/brand/hong-kong-after-work-small-table.jpg);background-position:50%;background-size:cover;grid-area:1/1;min-block-size:100dvh}.auth-page--join:before{background-image:url(/images/editorial/hong-kong-waterfront-woman.jpg);background-position:56%}.auth-page--recover:before,.auth-page--update-password:before{background-image:url(/images/editorial/hong-kong-cafe-woman.jpg)}.auth-page__header{z-index:3;inset:calc(var(--ah-safe-top) + 1rem) 1rem auto;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed}.auth-page__header>*{pointer-events:auto}.auth-page__back,.auth-page__locale .ah-select__trigger{border:1px solid color-mix(in srgb, var(--ah-color-text-primary) 10%, transparent);border-radius:var(--ah-radius-round);background:color-mix(in srgb, var(--ah-color-surface) 94%, transparent);block-size:2.75rem;min-block-size:2.75rem;inline-size:2.75rem;box-shadow:var(--ah-shadow-low);color:var(--ah-color-text-primary);cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);place-items:center;display:grid}.auth-page__back svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;block-size:1.2rem;inline-size:1.2rem}.auth-page__main{min-block-size:100dvh;padding:calc(var(--ah-safe-top) + 5.5rem) var(--ah-grid-padding) calc(var(--ah-safe-bottom) + 3rem);grid-area:1/2;align-items:center;display:grid}.auth-page__primary{gap:var(--ah-text-body-action-gap);inline-size:min(100%,27rem);margin-inline:auto;display:grid}.auth-page__identity{margin-block-end:1rem}.auth-page__introduction{gap:var(--ah-text-title-body-gap);display:grid}.auth-page__introduction h1{color:var(--ah-color-text-primary);font-family:var(--ah-font-sans);font-size:var(--ah-type-display-medium-size);font-weight:var(--ah-type-display-medium-weight);letter-spacing:var(--ah-type-display-medium-letter-spacing);line-height:var(--ah-type-display-medium-line-height);margin:0}.auth-page__description{max-inline-size:34rem;color:var(--ah-color-text-secondary);font-size:var(--ah-type-body-small-size);font-weight:var(--ah-type-body-small-weight);letter-spacing:var(--ah-type-body-small-letter-spacing);line-height:var(--ah-type-body-small-line-height);margin:0}.auth-page__form-area,.auth-form,.auth-form__fields{display:grid}.auth-form{gap:var(--ah-text-body-action-gap)}.auth-form__fields{gap:var(--ah-grid-gap)}.auth-field{gap:var(--ah-space-2);display:grid}.auth-field__label-row{justify-content:space-between;align-items:baseline;gap:var(--ah-space-4);display:flex}.auth-field__label-row label{color:var(--ah-color-text-primary);font-size:var(--ah-type-label-small-size);font-weight:var(--ah-type-label-small-weight);letter-spacing:var(--ah-type-label-small-letter-spacing);line-height:var(--ah-type-label-small-line-height)}.auth-field__optional{color:var(--ah-color-text-tertiary);font-size:var(--ah-type-micro-size);font-weight:var(--ah-type-micro-weight);letter-spacing:var(--ah-type-micro-letter-spacing);line-height:var(--ah-type-micro-line-height)}.auth-field input,.auth-field select,.auth-field textarea,.auth-form input,.auth-form select,.auth-form textarea{border:1px solid var(--ah-color-border-default);border-radius:var(--ah-radius-md);background:var(--ah-color-surface);min-block-size:3.5rem;inline-size:100%;color:var(--ah-color-text-primary);outline:0;padding:.85rem 1rem;transition:border-color .15s,box-shadow .15s}.auth-field input:hover,.auth-form input:hover{border-color:var(--ah-color-border-strong)}.auth-field input:focus,.auth-form input:focus{border-color:var(--ah-color-text-primary);box-shadow:0 0 0 1px var(--ah-color-text-primary)}.auth-field[data-invalid=true] input{border-color:var(--ah-color-danger)}.auth-field__hint,.auth-field__error,.auth-form__integration-note,.auth-form__footer-copy{color:var(--ah-color-text-tertiary);font-size:var(--ah-type-caption-size);font-weight:var(--ah-type-caption-weight);letter-spacing:var(--ah-type-caption-letter-spacing);line-height:var(--ah-type-caption-line-height);margin:0}.auth-field__error{color:var(--ah-color-danger)}.auth-form__footer-copy{color:var(--ah-color-text-secondary);text-align:center}.auth-form__footer-copy a{font-size:var(--ah-type-label-size);font-weight:var(--ah-type-label-weight);letter-spacing:var(--ah-type-label-letter-spacing);line-height:var(--ah-type-label-line-height);text-decoration:underline;-webkit-text-decoration-color:var(--ah-color-border-strong);text-decoration-color:var(--ah-color-border-strong);text-underline-offset:.25rem}.auth-field__control-with-link{gap:var(--ah-space-2);display:grid}.auth-field__inline-link{color:var(--ah-color-text-secondary);font-size:var(--ah-type-label-small-size);font-weight:var(--ah-type-label-small-weight);letter-spacing:var(--ah-type-label-small-letter-spacing);line-height:var(--ah-type-label-small-line-height);justify-self:end}.auth-submit{border-radius:var(--ah-action-radius);background:var(--ah-color-brand);min-block-size:3.5rem;inline-size:100%;color:var(--ah-color-brand-on);cursor:pointer;font-size:var(--ah-type-label-size);font-weight:var(--ah-type-label-weight);letter-spacing:var(--ah-type-label-letter-spacing);line-height:var(--ah-type-label-line-height);border:0;justify-content:center;align-items:center;padding-inline:1.5rem;transition:background-color .15s,transform .15s;display:inline-flex}.auth-submit:hover:not(:disabled){background:var(--ah-color-brand-hover);transform:translateY(-1px)}.auth-submit:active:not(:disabled){background:var(--ah-color-brand-pressed);transform:scale(.99)}.auth-submit:disabled{background:var(--ah-color-surface-muted);color:var(--ah-color-text-tertiary);cursor:not-allowed}.auth-form__integration-note{border-inline-start:3px solid var(--ah-color-accent);background:var(--ah-color-accent-subtle);padding:.9rem 1rem}.auth-form__toast{z-index:70;inset-inline:var(--ah-space-4);gap:var(--ah-space-3);inline-size:min(calc(100% - var(--ah-space-8)), 28rem);padding:var(--ah-space-3) var(--ah-space-3) var(--ah-space-3) var(--ah-space-4);border:1px solid var(--ah-color-border-subtle);border-radius:var(--ah-radius-lg);background:var(--ah-color-surface-raised);box-shadow:var(--ah-shadow-high);color:var(--ah-color-text-primary);animation:auth-toast-enter var(--ah-duration-deliberate) var(--ah-ease-enter) both;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-inline:auto;display:grid;position:fixed;inset-block-end:calc(var(--ah-safe-bottom) + var(--ah-space-4))}.auth-form__toast-copy{align-items:center;gap:var(--ah-space-3);min-inline-size:0;font-size:var(--ah-type-body-small-size);font-weight:var(--ah-type-body-small-weight);letter-spacing:var(--ah-type-body-small-letter-spacing);line-height:var(--ah-type-body-small-line-height);margin:0;display:flex}.auth-form__toast-mark{inline-size:var(--ah-space-2);block-size:var(--ah-space-2);border-radius:var(--ah-radius-pill);background:var(--ah-color-brand);flex:none}.auth-form__toast[data-state=success] .auth-form__toast-mark{background:var(--ah-color-success)}.auth-form__toast[data-state=field-error] .auth-form__toast-mark,.auth-form__toast[data-state=service-error] .auth-form__toast-mark{background:var(--ah-color-danger)}.auth-form__toast-dismiss{inline-size:var(--ah-tap-target-minimum);min-block-size:var(--ah-tap-target-minimum);border-radius:var(--ah-radius-pill);color:var(--ah-color-text-secondary);cursor:pointer;font:inherit;touch-action:manipulation;transition:background-color var(--ah-duration-fast) var(--ah-ease-standard), color var(--ah-duration-fast) var(--ah-ease-standard), transform var(--ah-duration-instant) var(--ah-ease-standard);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.auth-form__toast-dismiss span{font-size:var(--ah-type-heading-small-size);line-height:1}.auth-form__toast-dismiss:hover{background:var(--ah-color-surface-muted);color:var(--ah-color-text-primary)}.auth-form__toast-dismiss:active{transform:scale(.96)}.auth-form__toast-dismiss:focus-visible{outline:3px solid var(--ah-color-focus-ring);outline-offset:2px}@keyframes auth-toast-enter{0%{opacity:0;transform:translateY(var(--ah-space-3))}to{opacity:1;transform:translateY(0)}}.auth-consent-section,.auth-checklist,.auth-privacy-note{display:grid}.auth-consent-section{gap:var(--ah-space-4)}.auth-checklist,.auth-privacy-note{gap:var(--ah-space-3)}.auth-consent-section+.auth-consent-section{margin-block-start:var(--ah-space-3)}.auth-consent-toolbar{justify-content:space-between;align-items:start;gap:var(--ah-space-4);display:flex}.auth-consent-section__heading{gap:var(--ah-text-title-body-gap);display:grid}.auth-consent-section__heading h2{font-size:var(--ah-type-body-small-size);letter-spacing:var(--ah-type-body-small-letter-spacing);font-weight:700;line-height:var(--ah-type-body-small-line-height);margin:0}.auth-consent-section__heading p,.auth-privacy-note{color:var(--ah-color-text-secondary);font-size:var(--ah-type-caption-size);font-weight:var(--ah-type-caption-weight);letter-spacing:var(--ah-type-caption-letter-spacing);line-height:var(--ah-type-caption-line-height);margin:0}.auth-consent-select-all{min-block-size:var(--ah-tap-target-minimum);align-items:center;gap:var(--ah-space-2);border:1px solid var(--ah-color-border-default);border-radius:var(--ah-radius-pill);padding-inline:var(--ah-space-4);background:var(--ah-color-surface);color:var(--ah-color-text-primary);cursor:pointer;font:inherit;font-size:var(--ah-type-label-small-size);font-weight:var(--ah-type-label-small-weight);transition:border-color var(--ah-duration-fast) var(--ah-ease-standard), background-color var(--ah-duration-fast) var(--ah-ease-standard), transform var(--ah-duration-instant) var(--ah-ease-standard);flex:none;display:inline-flex}.auth-consent-select-all:hover:not(:disabled){border-color:var(--ah-color-text-primary)}.auth-consent-select-all:active:not(:disabled){transform:scale(.98)}.auth-consent-select-all:focus-visible{outline:3px solid var(--ah-color-focus-ring);outline-offset:2px}.auth-consent-select-all:disabled{cursor:default;opacity:.72}.auth-consent-select-all[aria-pressed=true]{border-color:var(--ah-color-success);background:var(--ah-color-success-subtle)}.auth-consent-select-all__mark{border-radius:var(--ah-radius-round);background:var(--ah-color-success);block-size:1.15rem;inline-size:1.15rem;color:var(--ah-color-brand-on);font-size:var(--ah-type-micro-size);place-items:center;line-height:1;display:grid}.auth-consent-options{border:1px solid var(--ah-color-border-default);border-radius:var(--ah-radius-md);display:grid;overflow:hidden}.auth-consent-option{gap:var(--ah-space-3);padding:var(--ah-space-3) var(--ah-space-4);border-block-end:1px solid var(--ah-color-border-subtle);background:var(--ah-color-surface);cursor:pointer;transition:background-color var(--ah-duration-fast) var(--ah-ease-standard);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.auth-consent-option:last-child{border-block-end:0}.auth-consent-option:hover{background:var(--ah-color-surface-muted)}.auth-consent-option:has(input:checked){background:var(--ah-color-success-subtle)}.auth-consent-option input{block-size:1.25rem;min-block-size:0;inline-size:1.25rem;accent-color:var(--ah-color-success);box-shadow:none;margin:.15rem 0 0;padding:0}.auth-consent-option__content{gap:var(--ah-space-1);display:grid}.auth-consent-option__heading{justify-content:space-between;gap:var(--ah-space-1) var(--ah-space-3);flex-wrap:wrap;align-items:baseline;display:flex}.auth-consent-option__heading>span:first-child{font-size:var(--ah-type-label-small-size);font-weight:var(--ah-type-label-small-weight);letter-spacing:var(--ah-type-label-small-letter-spacing);line-height:var(--ah-type-label-small-line-height)}.auth-consent-option__requirement,.auth-consent-option__version{color:var(--ah-color-text-tertiary);font-size:var(--ah-type-micro-size);font-weight:var(--ah-type-micro-weight);letter-spacing:var(--ah-type-micro-letter-spacing);line-height:var(--ah-type-micro-line-height)}.auth-consent-option__description{color:var(--ah-color-text-secondary);font-size:var(--ah-type-caption-size);font-weight:var(--ah-type-caption-weight);letter-spacing:var(--ah-type-caption-letter-spacing);line-height:var(--ah-type-caption-line-height);margin:0}.auth-checklist{margin:0;padding:0;list-style:none}.auth-checklist__item{min-block-size:var(--ah-tap-target-minimum);gap:var(--ah-space-3);color:var(--ah-color-text-secondary);cursor:pointer;font-size:var(--ah-type-caption-size);font-weight:var(--ah-type-caption-weight);letter-spacing:var(--ah-type-caption-letter-spacing);line-height:var(--ah-type-caption-line-height);align-items:center;display:flex}.auth-checklist__item input{block-size:1.25rem;min-block-size:0;inline-size:1.25rem;accent-color:var(--ah-color-success);box-shadow:none;flex:none;margin:0;padding:0}.auth-checklist__documents{gap:var(--ah-space-3);flex-wrap:wrap;display:flex}.auth-checklist__documents a{color:var(--ah-color-text-primary);font-size:var(--ah-type-label-size);font-weight:var(--ah-type-label-weight);letter-spacing:var(--ah-type-label-letter-spacing);line-height:var(--ah-type-label-line-height);text-underline-offset:.2rem;text-decoration:underline}.auth-consent-section--optional{border-block-start:1px solid var(--ah-color-border-subtle);padding-block-start:var(--ah-space-4)}.auth-consent-section--optional summary{min-block-size:var(--ah-tap-target-minimum);cursor:pointer;color:var(--ah-color-text-primary);font-size:var(--ah-type-label-size);font-weight:var(--ah-type-label-weight);letter-spacing:var(--ah-type-label-letter-spacing);line-height:var(--ah-tap-target-minimum)}.auth-consent-section--optional>p{color:var(--ah-color-text-secondary);font-size:var(--ah-type-caption-size);line-height:var(--ah-type-caption-line-height);margin:0}.auth-page--consent input[type=month]{font-variant-numeric:tabular-nums;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.auth-page--consent .auth-page__main{align-items:start}.auth-page--consent .auth-page__primary{inline-size:min(100%,35rem)}.auth-consent-loading{gap:var(--ah-grid-gap);display:grid}.auth-consent-loading__line,.auth-consent-loading__field{border-radius:var(--ah-radius-md);background:var(--ah-color-surface-muted);animation:auth-consent-loading-breathe var(--ah-duration-slow) var(--ah-ease-standard) infinite alternate;display:block}.auth-consent-loading__line{inline-size:100%;block-size:var(--ah-space-3)}.auth-consent-loading__line--short{inline-size:42%}.auth-consent-loading__field{block-size:3.5rem}@keyframes auth-consent-loading-breathe{0%{opacity:.58}to{opacity:1}}.auth-page.is-dialog{min-block-size:0;display:block}.auth-page.is-dialog:before{display:none}.auth-page.is-dialog .auth-page__header{background:var(--ah-color-surface);padding:.75rem;position:sticky;inset:0}.auth-page.is-dialog .auth-page__main{min-block-size:0;padding:0 2rem 2.5rem;display:block}.auth-page.is-dialog .auth-page__primary{gap:var(--ah-text-body-action-gap);inline-size:100%}.auth-page.is-dialog .auth-page__identity{display:none}.auth-page.is-dialog .auth-page__introduction h1{font-size:var(--ah-type-heading-large-size);font-weight:var(--ah-type-heading-large-weight);letter-spacing:var(--ah-type-heading-large-letter-spacing);line-height:var(--ah-type-heading-large-line-height)}@media (max-width:56rem){.auth-page{min-block-size:100dvh;padding-block-start:calc(var(--ah-safe-top) + 4rem);display:block}.auth-page.is-dialog{min-block-size:0;padding-block-start:0}.auth-page:before{display:none}.auth-page__header{inset:calc(var(--ah-safe-top) + .65rem) .75rem auto}.auth-page__back,.auth-page__locale .ah-select__trigger{border-color:var(--ah-color-border-subtle);box-shadow:none}.auth-page__main{min-block-size:0;padding:2rem var(--ah-grid-padding) calc(var(--ah-safe-bottom) + 2rem);display:block}.auth-page.is-dialog .auth-page__header{padding:.85rem 1rem .5rem}.auth-page.is-dialog .auth-page__main{padding:.5rem var(--ah-grid-padding) calc(var(--ah-safe-bottom) + 1.5rem)}.auth-page__primary{gap:var(--ah-text-body-action-gap);inline-size:100%;max-inline-size:32rem}.auth-page.is-dialog .auth-page__primary{gap:var(--ah-text-body-action-gap)}.auth-page__identity{margin-block-end:2rem}.auth-submit{z-index:2;box-shadow:var(--ah-shadow-medium);position:sticky;inset-block-end:calc(var(--ah-safe-bottom) + .75rem)}.auth-form__toast{inset-block-end:calc(var(--ah-safe-bottom) + 14rem)}.auth-page.is-dialog .auth-submit{box-shadow:none;position:static}.auth-page.is-dialog .auth-form__toast{inset-block-end:calc(var(--ah-safe-bottom) + var(--ah-space-4))}.auth-page--consent .auth-submit{position:static}.auth-page--consent .auth-form__toast{inset-block-end:calc(var(--ah-safe-bottom) + var(--ah-space-4))}}@media (max-width:28rem){.auth-page__main,.auth-page.is-dialog .auth-page__main{padding-inline:var(--ah-grid-padding)}.auth-consent-toolbar{display:grid}.auth-consent-select-all{justify-content:center;inline-size:100%}}@media (prefers-reduced-motion:reduce){.auth-submit,.auth-form__toast,.auth-form__toast-dismiss,.auth-consent-select-all,.auth-consent-option,.auth-consent-loading__line,.auth-consent-loading__field{transition:none;animation:none}}}