.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field__top{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.auth-field__label{font-size:13px;font-weight:var(--font-semibold);color:var(--color-ink)}.auth-field__box{border:1px solid var(--color-border-strong);background:var(--color-background);border-radius:12px;align-items:center;min-height:48px;transition:border-color .15s ease-out,box-shadow .15s ease-out;display:flex}.auth-field__box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-accent-tint)}.auth-field__box--invalid,.auth-field__box--invalid:focus-within{border-color:var(--color-clash);box-shadow:0 0 0 3px var(--color-clash-tint)}.auth-field__icon{color:var(--color-text-subtle);place-items:center;padding-left:14px;display:grid}.auth-field__input{min-width:0;min-height:46px;color:var(--color-ink);font:inherit;background:0 0;border:none;flex:1;padding:0 14px 0 10px;font-size:16px}.auth-field__box:not(:has(.auth-field__icon)) .auth-field__input{padding-left:14px}.auth-field__input:focus-visible{outline:none}.auth-field__input:-webkit-autofill{-webkit-text-fill-color:var(--color-ink);caret-color:var(--color-ink);box-shadow:0 0 0 1000px var(--color-background) inset;transition:background-color 100000s}.auth-field__input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-ink);caret-color:var(--color-ink);box-shadow:0 0 0 1000px var(--color-background) inset;transition:background-color 100000s}.auth-field__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-ink);caret-color:var(--color-ink);box-shadow:0 0 0 1000px var(--color-background) inset;transition:background-color 100000s}:is(.auth-field__input:-webkit-autofill-strong-password,.auth-field__input:-webkit-autofill-strong-password-viewable){-webkit-text-fill-color:var(--color-ink);box-shadow:0 0 0 1000px var(--color-background) inset;background:var(--color-background)!important}.auth-field__input::placeholder{color:var(--color-text-subtle)}.auth-field__input--code{font-size:22px;font-weight:var(--font-semibold);letter-spacing:.4em;text-align:center}.auth-field__toggle{width:var(--touch-target);height:var(--touch-target);color:var(--color-text-subtle);cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;display:grid}.auth-field__hint{color:var(--color-text-subtle);font-size:12px}.auth-checklist{flex-wrap:wrap;gap:6px 12px;margin:2px 0 0;padding:0;list-style:none;display:flex}.auth-checklist__item{color:var(--color-text-subtle);align-items:center;gap:5px;font-size:12px;transition:color .15s ease-out;display:inline-flex}.auth-checklist__mark{border:1.5px solid var(--color-border-strong);border-radius:50%;place-items:center;width:14px;height:14px;transition:background-color .15s ease-out,border-color .15s ease-out;display:grid}.auth-checklist__item--met{color:var(--color-free-text)}.auth-checklist__item--met .auth-checklist__mark{border-color:var(--color-free);background:var(--color-free);color:var(--color-on-ink)}.auth-field__link{min-height:var(--touch-target);border-radius:var(--radius-tag);color:var(--color-text-muted);font:inherit;font-size:13px;font-weight:var(--font-semibold);cursor:pointer;background:0 0;border:none;margin:-12px -6px;padding:0 6px}.auth-field__link--center{align-self:center;margin:-6px 0}.auth-submit{border-radius:var(--radius-button);background:var(--color-primary);min-height:50px;color:var(--color-on-primary);font:inherit;font-size:16px;font-weight:var(--font-semibold);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;transition:transform .15s ease-out,opacity .15s ease-out;display:inline-flex}.auth-submit:active:not(:disabled){transform:scale(.98)}.auth-submit:disabled{opacity:.75;cursor:default}.auth-submit__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-banner{align-items:flex-start;gap:var(--space-sm);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.auth-banner svg{flex:none;margin-top:1px}.auth-banner--error{background:var(--color-clash-tint);color:var(--color-clash-text)}.auth-banner--success{background:var(--color-free-tint);color:var(--color-free-text)}