.thx-auth {
    --ax-bg:        var(--th-bg, #08080A);
    --ax-surface:   var(--th-surface, #0F0F12);
    --ax-surface-2: var(--th-surface-2, #16161A);
    --ax-raise:     #1D1D22;
    --ax-line:      var(--th-line, #23232A);
    --ax-line-2:    var(--th-line-strong, #35353E);
    --ax-ink:       var(--th-ink, #F2F2EF);
    --ax-ink-2:     var(--th-ink-2, #A5A5A2);
    --ax-ink-3:     var(--th-ink-3, #8C8C8E);
    --ax-metal:     var(--th-metal, #D2A72C);
    --ax-metal-2:   var(--th-metal-2, #E7BF4A);
    --ax-metal-ink: var(--th-metal-ink, #08080A);
    --ax-ok:        var(--th-success, #35C759);
    --ax-warn:      var(--th-warn, #FFB020);
    --ax-danger:    var(--th-danger, #FF3B30);
    --ax-danger-ink:#FF8A80;
    --ax-sans:      var(--th-font-sans, 'Archivo', system-ui, -apple-system, sans-serif);
    --ax-mono:      var(--th-font-mono, 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace);
    --ax-ease:      cubic-bezier(.16, 1, .3, 1);
    --ax-ease-in:   cubic-bezier(.7, 0, .84, 0);
    --ax-d1:        160ms;
    --ax-d2:        240ms;
    --ax-d3:        420ms;
    --ax-field-h:   52px;
}

@keyframes ax-rise      { from { opacity: 0; transform: translate3d(0, 8px, 0); } }
@keyframes ax-fade      { from { opacity: 0; } }
@keyframes ax-err       { from { opacity: 0; transform: translate3d(0, -4px, 0); } }
@keyframes ax-in-right  { from { opacity: 0; transform: translate3d(28px, 0, 0); } }
@keyframes ax-in-left   { from { opacity: 0; transform: translate3d(-28px, 0, 0); } }
@keyframes ax-flag {
    0%   { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0); }
    30%  { box-shadow: 0 0 0 6px rgba(255, 59, 48, .18); }
    100% { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0); }
}
@keyframes ax-check     { from { opacity: 0; transform: scale(.4); } }




.thf-auth-wrap.thx-auth {
    padding: clamp(16px, 5vw, 64px) 16px calc(40px + env(safe-area-inset-bottom, 0px)) !important;
    color: var(--ax-ink);
    -webkit-tap-highlight-color: transparent;
}
.thf-auth-wrap.thx-auth :focus-visible { outline: 2px solid var(--ax-metal); outline-offset: 3px; }
.thf-auth-wrap.thx-auth [tabindex="-1"]:focus { outline: none; }

.thf-auth-wrap.thx-auth .thf-auth-card {
    position: relative;
    max-width: 440px;
    padding: 28px 20px 24px !important;
    background: var(--ax-surface) !important;
    border: 1px solid var(--ax-line) !important;
    border-radius: 26px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
    color: var(--ax-ink) !important;
    font-family: var(--ax-sans);
}
.thf-auth-wrap.thx-auth .thf-auth-card::before { display: none !important; }
 
.thf-auth-wrap.thx-auth .thf-auth-card.is-resizing {
    overflow: hidden;
    transition: height var(--ax-d3) var(--ax-ease);
}
@media (min-width: 481px) {
    .thf-auth-wrap.thx-auth .thf-auth-card { padding: 40px 40px 32px !important; }
}

.thf-auth-wrap.thx-auth .thf-brand { margin-bottom: 22px; }


.thf-auth-wrap.thx-auth .thf-brand img { height: 26px !important; }

 
.thf-auth-wrap.thx-auth .thx-auth-return {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 20px;
    padding: 10px 16px 10px 10px;
    border: 1px solid var(--ax-line-2);
    border-radius: 999px;
    color: var(--ax-ink-2);
    font: 500 .8125rem/1.35 var(--ax-mono);
    animation: ax-rise var(--ax-d3) var(--ax-ease) both;
}
.thf-auth-wrap.thx-auth .thx-auth-return-icon {
    flex: none;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--ax-surface-2);
    color: var(--ax-ink);
}
.thf-auth-wrap.thx-auth .thx-auth-return-icon svg { width: 15px; height: 15px; }
.thf-auth-wrap.thx-auth .thx-auth-return span:last-child { color: var(--ax-ink-2) !important; }




.thf-auth-wrap.thx-auth .thf-tabs {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 !important;
    margin: 0 0 26px;
    padding: 4px;
    border: 1px solid var(--ax-line) !important;
    border-radius: 999px;
    background: var(--ax-bg);
}
.thf-auth-wrap.thx-auth .thf-tabs::before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    width: calc(50% - 4px);
    border: 1px solid var(--ax-line-2);
    border-radius: 999px;
    background: var(--ax-raise);
    transition: transform var(--ax-d3) var(--ax-ease);
}
.thf-auth-wrap.thx-auth .thf-tabs:has(#thf-tab-register.is-active)::before { transform: translate3d(100%, 0, 0); }
@supports not selector(:has(a)) {
    .thf-auth-wrap.thx-auth .thf-tabs::before { display: none; }
    .thf-auth-wrap.thx-auth .thf-tab-btn.is-active { background: var(--ax-raise) !important; }
}
.thf-auth-wrap.thx-auth .thf-tab-btn {
    position: relative;
    z-index: 1;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--ax-ink-3) !important;
    font: 500 .8125rem/1 var(--ax-mono) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    touch-action: manipulation;
    transition: color var(--ax-d2) var(--ax-ease) !important;
}
.thf-auth-wrap.thx-auth .thf-tab-btn.is-active { color: var(--ax-ink) !important; font-weight: 600 !important; }
@media (hover: hover) {
    .thf-auth-wrap.thx-auth .thf-tab-btn:not(.is-active):hover { color: var(--ax-ink-2) !important; }
}

 
.thf-auth-wrap.thx-auth .thf-panel,
.thf-auth-wrap.thx-auth .thf-panel.is-active,
.thf-auth-wrap.thx-auth .thf-panel form,
.thf-auth-wrap.thx-auth #thf-form-login,
.thf-auth-wrap.thx-auth #thf-form-register,
.thf-auth-wrap.thx-auth #thf-form-reset,
.thf-auth-wrap.thx-auth #thf-form-forgot {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.thf-auth-wrap.thx-auth .thf-panel.is-active { animation: ax-fade var(--ax-d2) var(--ax-ease) both; }
.thf-auth-wrap.thx-auth.thx-moved #thf-panel-register.is-active { animation: ax-in-right var(--ax-d3) var(--ax-ease) both; }
.thf-auth-wrap.thx-auth.thx-moved #thf-panel-login.is-active { animation: ax-in-left var(--ax-d3) var(--ax-ease) both; }

 
.thf-auth-wrap.thx-auth .thx-auth-lead { margin: 0 0 22px; }
.thf-auth-wrap.thx-auth .thx-auth-lead h2,
.thf-auth-wrap.thx-auth #thf-panel-reset h2 {
    margin: 0 !important;
    font-family: var(--ax-sans) !important;
    font-stretch: 110%;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    line-height: 1.15 !important;
    letter-spacing: -.01em !important;
    text-transform: none !important;
    text-align: left !important;
    color: var(--ax-ink) !important;
    text-wrap: balance;
}
.thf-auth-wrap.thx-auth .thx-auth-lead p,
.thf-auth-wrap.thx-auth #thf-panel-reset > p {
    margin: 8px 0 0 !important;
    font: 400 14.5px/1.55 var(--ax-sans) !important;
    text-align: left !important;
    color: var(--ax-ink-2) !important;
    text-wrap: pretty;
}
.thf-auth-wrap.thx-auth #thf-panel-reset > p { margin-bottom: 22px !important; }

 
.thf-auth-wrap.thx-auth .thx-auth-progress { margin: -6px 0 22px; }
.thf-auth-wrap.thx-auth .thx-auth-progress-text {
    display: flex;
    justify-content: space-between;
    margin: 0 0 10px;
    font: 500 12px/1 var(--ax-mono);
    color: var(--ax-ink-3);
    font-variant-numeric: tabular-nums;
}
.thf-auth-wrap.thx-auth .thx-auth-progress-text b { color: var(--ax-ink); font-weight: 600; }
.thf-auth-wrap.thx-auth .thx-auth-progress-bar {
    position: relative;
    height: 2px;
    border-radius: 999px;
    background: var(--ax-line);
}
.thf-auth-wrap.thx-auth .thx-auth-progress-fill {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(210, 167, 44, .35), var(--ax-metal));
    transform-origin: left center;
    transform: scaleX(var(--ax-p, 0));
    transition: transform 640ms var(--ax-ease);
}
.thf-auth-wrap.thx-auth .thx-auth-progress-head {
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    border-radius: 50%;
    background: var(--ax-metal-2);
    box-shadow: 0 0 0 3px rgba(231, 191, 74, .16), 0 0 14px 2px rgba(231, 191, 74, .45);
    transform: translate3d(var(--ax-px, 0px), 0, 0);
    opacity: 0;
    transition: transform 640ms var(--ax-ease), opacity var(--ax-d2) var(--ax-ease);
}
.thf-auth-wrap.thx-auth .thx-auth-progress.has-some .thx-auth-progress-head { opacity: 1; }





.thf-auth-wrap.thx-auth .thf-form-group {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "label aux"
        "field field"
        "err   err";
    align-items: end;
    margin: 0 0 20px !important;
}
.thf-auth-wrap.thx-auth .thf-form-group::after { display: none !important; }
.thf-auth-wrap.thx-auth .thf-field-wrap { display: contents; }

.thf-auth-wrap.thx-auth .thf-form-group label {
    grid-area: label;
    position: static !important;
    top: auto !important;
    display: flex;
    align-items: center;
    margin: 0 0 8px;
    padding: 0;
    color: var(--ax-ink-2) !important;
    font: 500 12.5px/1.2 var(--ax-mono) !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    pointer-events: auto;
    transform: none !important;
    transition: color var(--ax-d1) var(--ax-ease) !important;
}
.thf-auth-wrap.thx-auth .thf-form-group input:focus ~ label,
.thf-auth-wrap.thx-auth .thf-form-group input:not(:placeholder-shown) ~ label {
    top: auto !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    color: var(--ax-ink-2) !important;
}
.thf-auth-wrap.thx-auth .thf-form-group input:focus ~ label { color: var(--ax-ink) !important; }
.thf-auth-wrap.thx-auth .thf-form-group.is-invalid label { color: var(--ax-danger-ink) !important; }

.thf-auth-wrap.thx-auth .thf-form-group input {
    grid-area: field;
    display: block;
    width: 100%;
    height: var(--ax-field-h);
    min-height: var(--ax-field-h);
    margin: 0;
    padding: 0 20px !important;
    border: 1px solid var(--ax-line-2) !important;
    border-radius: 999px !important;
    background: var(--ax-bg) !important;
    background-color: var(--ax-bg) !important;
    color: var(--ax-ink) !important;
    caret-color: var(--ax-metal);
    font: 450 16px/1.3 var(--ax-sans) !important;   
    letter-spacing: 0 !important;
    box-shadow: none !important;
    outline: none;
    -webkit-appearance: none;
            appearance: none;
    transition: border-color var(--ax-d1) var(--ax-ease), box-shadow var(--ax-d2) var(--ax-ease) !important;
}
.thf-auth-wrap.thx-auth .thf-form-group input.thx-has-toggle { padding-right: 56px !important; }
.thf-auth-wrap.thx-auth .thf-form-group input::placeholder {
    background: transparent !important;
    color: var(--ax-ink-3) !important;
    opacity: 1;
}
@media (hover: hover) {
    .thf-auth-wrap.thx-auth .thf-form-group input:hover { border-color: #4A4A55 !important; }
}
.thf-auth-wrap.thx-auth .thf-form-group input:focus {
    border-color: var(--ax-metal) !important;
    box-shadow: 0 0 0 4px rgba(210, 167, 44, .14) !important;
}
.thf-auth-wrap.thx-auth .thf-form-group input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 40px var(--ax-bg) inset !important;
    -webkit-text-fill-color: var(--ax-ink) !important;
}



.thf-auth-wrap.thx-auth .thf-form-group.is-valid input {
    padding-right: 48px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2335C759' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 20px center !important;
    background-size: 15px 15px !important;
}
.thf-auth-wrap.thx-auth .thf-form-group.is-valid input.thx-has-toggle {
    padding-right: 84px !important;
    background-position: right 56px center !important;
}

 
.thf-auth-wrap.thx-auth .thf-form-group.is-invalid input,
.thf-auth-wrap.thx-auth .thf-form-group input[aria-invalid="true"] { border-color: var(--ax-danger) !important; }
.thf-auth-wrap.thx-auth .thf-form-group input[aria-invalid="true"]:focus { box-shadow: 0 0 0 4px rgba(255, 59, 48, .14) !important; }
.thf-auth-wrap.thx-auth .thf-form-group.is-flag input { animation: ax-flag 640ms var(--ax-ease); }

.thf-auth-wrap.thx-auth .thf-field-error {
    grid-area: err;
    position: relative;
    margin: 8px 0 0 !important;
    padding: 0 0 0 22px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--ax-danger-ink) !important;
    font: 500 12.5px/1.45 var(--ax-mono) !important;
}
.thf-auth-wrap.thx-auth .thf-field-error.is-visible { animation: ax-err var(--ax-d2) var(--ax-ease) both; }
.thf-auth-wrap.thx-auth .thf-field-error.is-visible::before {
    content: "!";
    position: absolute;
    left: 0;
    top: 1px;
    display: grid;
    place-items: center;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgba(255, 59, 48, .16);
    color: var(--ax-danger-ink);
    font: 700 10px/1 var(--ax-mono);
}
.thf-auth-wrap.thx-auth #thf-reg-terms-error { margin: -8px 0 16px !important; }

 
.thf-auth-wrap.thx-auth .thx-hint {
    grid-area: err;
    margin: 8px 0 0;
    font: 500 12px/1.4 var(--ax-mono);
    color: var(--ax-ink-3);
}
.thf-auth-wrap.thx-auth .thf-field-error.is-visible ~ .thx-hint { display: none; }

 
.thf-auth-wrap.thx-auth .thf-form-group > .thx-aux {
    grid-area: aux;
    align-self: start;
    margin: -15px -10px 0 8px;
}

 
.thf-auth-wrap.thx-auth .thf-pwd-toggle,
.thf-auth-wrap.thx-auth .thf-toggle-pwd {
    grid-area: field;
    justify-self: end;
    align-self: center;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin: 0 4px 0 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: var(--ax-ink-3) !important;
    cursor: pointer;
    touch-action: manipulation;
    transition: color var(--ax-d1) var(--ax-ease), background-color var(--ax-d1) var(--ax-ease), transform var(--ax-d1) var(--ax-ease);
}
.thf-auth-wrap.thx-auth .thf-pwd-toggle svg,
.thf-auth-wrap.thx-auth .thf-toggle-pwd svg { width: 19px; height: 19px; }
.thf-auth-wrap.thx-auth .thf-pwd-toggle:active,
.thf-auth-wrap.thx-auth .thf-toggle-pwd:active { transform: scale(.9); }
.thf-auth-wrap.thx-auth .thf-pwd-toggle[aria-pressed="true"],
.thf-auth-wrap.thx-auth .thf-toggle-pwd[aria-pressed="true"] { color: var(--ax-ink) !important; }
@media (hover: hover) {
    .thf-auth-wrap.thx-auth .thf-pwd-toggle:hover,
    .thf-auth-wrap.thx-auth .thf-toggle-pwd:hover { color: var(--ax-ink) !important; background: var(--ax-surface-2) !important; }
}

 
.thf-auth-wrap.thx-auth .thf-pwd-strength {
    display: inline-grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    width: 96px;
    height: 3px;
    margin: -10px 0 0 4px;
    vertical-align: middle;
}
.thf-auth-wrap.thx-auth .thf-pwd-strength-bar {
    display: block;
    height: 3px;
    border-radius: 999px;
    background: var(--ax-line-2);
    transition: background-color var(--ax-d2) var(--ax-ease);
}
.thf-auth-wrap.thx-auth .thf-pwd-strength[data-level="1"] .thf-pwd-strength-bar:nth-child(1) { background: var(--ax-danger); }
.thf-auth-wrap.thx-auth .thf-pwd-strength[data-level="2"] .thf-pwd-strength-bar:nth-child(-n+2) { background: var(--ax-warn); }
.thf-auth-wrap.thx-auth .thf-pwd-strength[data-level="3"] .thf-pwd-strength-bar:nth-child(-n+3),
.thf-auth-wrap.thx-auth .thf-pwd-strength[data-level="4"] .thf-pwd-strength-bar { background: var(--ax-ok); }
.thf-auth-wrap.thx-auth .thf-pwd-strength-label {
    display: inline-block !important;
    min-height: 0;
    margin: -10px 0 0 12px;
    vertical-align: middle;
    font: 500 12px/1.3 var(--ax-mono) !important;
    color: var(--ax-ink-3) !important;
}
.thf-auth-wrap.thx-auth .thf-pwd-strength[data-level="0"] + .thf-pwd-strength-label::before { content: "Mínimo 8 caracteres"; }
.thf-auth-wrap.thx-auth .thf-pwd-strength[data-level="1"] + .thf-pwd-strength-label { color: var(--ax-danger-ink) !important; }
.thf-auth-wrap.thx-auth .thf-pwd-strength[data-level="2"] + .thf-pwd-strength-label { color: var(--ax-warn) !important; }
.thf-auth-wrap.thx-auth .thf-pwd-strength[data-level="3"] + .thf-pwd-strength-label,
.thf-auth-wrap.thx-auth .thf-pwd-strength[data-level="4"] + .thf-pwd-strength-label { color: var(--ax-ink-2) !important; }
 
.thf-auth-wrap.thx-auth #thf-form-register .thf-pwd-strength-label + .thf-form-group { margin-top: 18px !important; }




.thf-auth-wrap.thx-auth .thf-alert {
    position: relative;
    margin: 0 0 18px;
    padding: 12px 16px 12px 42px;
    border: 1px solid transparent !important;
    border-radius: 18px;
    font: 500 .875rem/1.45 var(--ax-sans);
    scroll-margin: 96px 0 24px;
}
.thf-auth-wrap.thx-auth .thf-alert::before {
    content: "!";
    position: absolute;
    top: 13px;
    left: 14px;
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font: 700 .6875rem/1 var(--ax-mono);
}
.thf-auth-wrap.thx-auth .thf-alert-error {
    background: rgba(255, 59, 48, .07) !important;
    border-color: rgba(255, 59, 48, .35) !important;
    color: var(--ax-danger-ink) !important;
}
.thf-auth-wrap.thx-auth .thf-alert-error::before { background: rgba(255, 59, 48, .18); color: var(--ax-danger-ink); }
.thf-auth-wrap.thx-auth .thf-alert-success {
    background: rgba(53, 199, 89, .07) !important;
    border-color: rgba(53, 199, 89, .35) !important;
    color: #7FE39A !important;
}
.thf-auth-wrap.thx-auth .thf-alert-success::before { content: "✓"; background: rgba(53, 199, 89, .18); color: #7FE39A; }
.thf-auth-wrap.thx-auth .thf-alert.is-visible { animation: ax-rise var(--ax-d3) var(--ax-ease) both; }


.thf-auth-wrap.thx-auth #thf-reset-alert.is-visible,
.thf-auth-wrap.thx-auth #thf-reset-success.is-visible { display: block !important; }

 
.thf-auth-wrap.thx-auth .thf-check-group {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    margin: -4px 0 18px;
    cursor: pointer;
}
.thf-auth-wrap.thx-auth .thf-check-group input[type="checkbox"] {
    flex: none;
    width: 22px;
    height: 22px;
    min-width: 22px;
    margin: 0;
    border: 1.5px solid var(--ax-line-2) !important;
    border-radius: 7px !important;
    background: var(--ax-bg) !important;
    background-position: center !important;
    background-size: 14px 14px !important;
    background-repeat: no-repeat !important;
    -webkit-appearance: none;
            appearance: none;
    cursor: pointer;
    transition: background-color var(--ax-d1) var(--ax-ease), border-color var(--ax-d1) var(--ax-ease), transform var(--ax-d1) var(--ax-ease);
}
.thf-auth-wrap.thx-auth .thf-check-group input[type="checkbox"]:active { transform: scale(.9); }
.thf-auth-wrap.thx-auth .thf-check-group input[type="checkbox"]:checked {
    border-color: var(--ax-ink) !important;
    background-color: var(--ax-ink) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308080A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") !important;
}
.thf-auth-wrap.thx-auth .thf-check-group input[type="checkbox"][aria-invalid="true"] { border-color: var(--ax-danger) !important; }
.thf-auth-wrap.thx-auth .thf-check-group input[type="checkbox"]:focus-visible { outline: 2px solid var(--ax-metal); outline-offset: 2px; }
.thf-auth-wrap.thx-auth .thf-check-group span {
    font: 400 14px/1.4 var(--ax-sans) !important;
    color: var(--ax-ink-2) !important;
}
.thf-auth-wrap.thx-auth .thf-check-group a {
    color: var(--ax-ink) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--ax-line-2) !important;
    text-underline-offset: 3px;
}

 
.thf-auth-wrap.thx-auth .thf-btn {
    min-height: 54px;
    padding: 0 24px !important;
    border-radius: 999px !important;
    font: 600 14.5px/1.1 var(--ax-mono) !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    touch-action: manipulation;
}
.thf-auth-wrap.thx-auth .thf-btn-primary {
    border: 1px solid var(--ax-metal) !important;
    background: var(--ax-metal) !important;
    color: var(--ax-metal-ink) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28) !important;
    filter: none !important;
    transform: none;
    transition: background-color var(--ax-d1) var(--ax-ease), border-color var(--ax-d1) var(--ax-ease), color var(--ax-d1) var(--ax-ease), transform var(--ax-d1) var(--ax-ease) !important;
}
.thf-auth-wrap.thx-auth .thf-btn-primary:hover { transform: none !important; }
@media (hover: hover) {
    .thf-auth-wrap.thx-auth .thf-btn-primary:hover:not(:disabled) {
        background: var(--ax-metal-2) !important;
        border-color: var(--ax-metal-2) !important;
    }
}
.thf-auth-wrap.thx-auth .thf-btn-primary:active:not(:disabled) { transform: scale(.98) !important; }
.thf-auth-wrap.thx-auth .thf-btn .thf-ripple { background: rgba(8, 8, 10, .14); }

 
.thf-auth-wrap.thx-auth .thf-btn-spinner { display: none !important; animation: none !important; }
.thf-auth-wrap.thx-auth .thf-btn .thx-btn-halo { display: none; }
.thf-auth-wrap.thx-auth .thf-btn.is-loading .thx-btn-halo { display: inline-block; }
.thf-auth-wrap.thx-auth .thf-btn.is-loading .thf-btn-text { opacity: 1; }
.thf-auth-wrap.thx-auth .thf-btn-primary.is-loading,
.thf-auth-wrap.thx-auth .thf-btn-primary:disabled {
    opacity: 1;
    border-color: var(--ax-line-2) !important;
    background: var(--ax-surface-2) !important;
    color: var(--ax-ink) !important;
    box-shadow: none !important;
    cursor: progress;
}
.thf-auth-wrap.thx-auth #thf-btn-forgot { min-height: 48px; font-size: 13.5px !important; }

 
.thf-auth-wrap.thx-auth .thf-links-row { justify-content: center; margin-top: 8px; }
.thf-auth-wrap.thx-auth .thf-link,
.thf-auth-wrap.thx-auth #thf-panel-reset a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 10px;
    border-radius: 999px;
    color: var(--ax-ink-2) !important;
    font: 500 12.5px/1 var(--ax-mono) !important;
    text-decoration: none !important;
    transition: color var(--ax-d1) var(--ax-ease), background-color var(--ax-d1) var(--ax-ease);
}
@media (hover: hover) {
    .thf-auth-wrap.thx-auth .thf-link:hover,
    .thf-auth-wrap.thx-auth #thf-panel-reset a:hover { color: var(--ax-ink) !important; background: var(--ax-surface-2); }
}

 
.thf-auth-wrap.thx-auth .thf-forgot-panel {
    margin-top: 12px;
    padding: 18px 16px 16px;
    border: 1px solid var(--ax-line) !important;
    border-radius: 22px;
    background: var(--ax-bg) !important;
    scroll-margin: 96px 0 24px;
}
.thf-auth-wrap.thx-auth .thf-forgot-panel.is-open { animation: ax-rise var(--ax-d3) var(--ax-ease) both; }
.thf-auth-wrap.thx-auth .thf-forgot-title {
    font: 600 1rem/1.2 var(--ax-sans) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: var(--ax-ink) !important;
}
.thf-auth-wrap.thx-auth .thf-forgot-close {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin: -12px -10px -12px 0;
    border-radius: 50%;
    color: var(--ax-ink-3);
}
@media (hover: hover) {
    .thf-auth-wrap.thx-auth .thf-forgot-close:hover { color: var(--ax-ink); background: var(--ax-surface-2); }
}

 
.thf-auth-wrap.thx-auth .thf-seller-note {
    margin: 22px 0 0;
    padding: 18px 0 0;
    border: 0 !important;
    border-top: 1px solid var(--ax-line) !important;
    border-radius: 0;
    background: transparent !important;
    text-align: center;
    font: 400 13px/1.5 var(--ax-sans);
    color: var(--ax-ink-3);
}
.thf-auth-wrap.thx-auth .thf-seller-note a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 6px;
    color: var(--ax-ink-2) !important;
    font: 500 12.5px/1 var(--ax-mono);
    text-decoration: underline !important;
    text-decoration-color: var(--ax-line-2) !important;
    text-underline-offset: 3px;
}




.thf-auth-wrap.thx-auth .thx-auth-done {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 6px;
    padding: 24px;
    border-radius: inherit;
    background: var(--ax-surface);
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--ax-d3) var(--ax-ease);
}
.thf-auth-wrap.thx-auth .thf-auth-card.is-done .thx-auth-done { opacity: 1; pointer-events: auto; }
.thf-auth-wrap.thx-auth .thx-auth-done .thd-halo { margin: 0 0 18px; }
.thf-auth-wrap.thx-auth .thf-auth-card.is-done .thx-auth-done .thd-halo { animation: ax-check var(--ax-d3) var(--ax-ease) both; }
.thf-auth-wrap.thx-auth .thx-auth-done-title {
    margin: 0 !important;
    font: 700 1.375rem/1.2 var(--ax-sans) !important;
    font-stretch: 110%;
    color: var(--ax-ink) !important;
}
.thf-auth-wrap.thx-auth .thx-auth-done-text {
    margin: 0 !important;
    max-width: 30ch;
    font: 400 14.5px/1.5 var(--ax-sans) !important;
    color: var(--ax-ink-2) !important;
}

 
.thf-auth-wrap.thx-auth .thf-logged-icon {
    width: 52px;
    height: 52px;
    border: 1px solid rgba(53, 199, 89, .4);
    background: rgba(53, 199, 89, .08);
    color: var(--ax-ok);
    font-size: 22px;
}
.thf-auth-wrap.thx-auth .thf-logged-msg { font: 400 1rem/1.55 var(--ax-sans); color: var(--ax-ink-2); }
.thf-auth-wrap.thx-auth .thf-logged-msg strong { color: var(--ax-ink); }




@media (prefers-reduced-motion: reduce) {
    .thx-auth *,
    .thx-auth *::before,
    .thx-auth *::after {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        animation-delay: 0s !important;
        transition-duration: 1ms !important;
        scroll-behavior: auto !important;
    }
    .thf-auth-wrap.thx-auth .thf-auth-card.is-resizing { transition: none !important; }
}