.tf-auth{--a-primary:#1b2fd8;--a-primary-hover:#4056e6;--a-primary-active:#0c18b3;--a-on-primary:#fff;--a-focus-shadow:#1e5cff14;--a-btn-outline:#99adff;--a-link-hover:#6d83f2;--a-link-active:#0c18b3;--a-error:#b42318;--a-error-hover:#cf6c5d;--a-error-border:#db9486;--a-font:"Mona Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font:400 14px/22px var(--a-font);font-variant-numeric:tabular-nums;color:var(--ink)}html[data-theme=dark] .tf-auth{--a-primary:#8091dc;--a-primary-hover:#acb9e8;--a-primary-active:#93a7ff;--a-on-primary:#04081c;--a-focus-shadow:#eff5fd36;--a-btn-outline:#3a405b;--a-link-hover:#4d567e;--a-link-active:#6774ad;--a-error:#dc867d;--a-error-hover:#7e504b;--a-error-border:#5b3c39}.tf-auth *,.tf-auth :before,.tf-auth :after{box-sizing:border-box}.tf-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;width:100%;max-width:380px;padding:24px;position:relative}.tf-title{color:var(--ink);word-break:break-word;letter-spacing:-.02em;margin:0 0 12px;font-family:Mona Sans,ui-sans-serif,system-ui,sans-serif;font-size:24px;font-weight:600;font-stretch:125%;line-height:32px}.tf-lead{color:var(--muted);word-break:break-word;margin:0 0 14px}.tf-more{color:var(--muted);word-break:break-word;margin:16px 0 0}.tf-more-2{margin-top:8px}.tf-more a{color:var(--a-primary);text-underline-offset:3px;text-decoration:underline;transition:color .3s}.tf-more a:hover{color:var(--a-link-hover)}.tf-more a:active{color:var(--a-link-active)}.tf-alert{border:1px solid var(--a-error-border);background:var(--danger-bg);color:var(--ink);border-radius:8px;align-items:center;margin:0 0 16px;padding:8px 12px;display:flex}.tf-alert-icon{width:14px;height:14px;color:var(--a-error);flex:none;margin-right:8px;font-size:14px;line-height:0;display:block}.tf-alert-icon svg,.tf-eye svg,.tf-spin svg{vertical-align:baseline;display:inline-block}.tf-alert-icon,.tf-eye>span,.tf-spin{text-rendering:optimizelegibility}.tf-item{vertical-align:top;margin:0 0 24px}.tf-item.has-error{margin-bottom:0}.tf-label{padding:0 0 8px}.tf-label label{cursor:default;max-width:100%;height:22px;color:var(--ink);align-items:center;padding-right:13px;display:inline-flex;position:relative}.tf-explain{min-height:22px}.has-error{padding-bottom:2px}.tf-error{color:var(--a-error)}.tf-input{width:100%;height:40px;font:400 16px/24px var(--a-font);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;outline:none;margin:0;padding:7px 11px;transition:all .2s;display:inline-block;position:relative}.tf-input:hover{border-color:var(--a-primary-hover)}.tf-input:focus{border-color:var(--a-primary);box-shadow:0 0 0 2px var(--a-focus-shadow);outline:0}.has-error .tf-input,.has-error .tf-affix{border-color:var(--a-error)}.has-error .tf-input:hover,.has-error .tf-affix:hover{border-color:var(--a-error-hover)}.tf-affix{width:100%;height:40px;font:400 16px/24px var(--a-font);background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;padding:7px 11px;transition:all .2s;display:inline-flex;position:relative}.tf-affix:hover{border-color:var(--a-primary-hover)}.tf-affix:focus-within{border-color:var(--a-primary);box-shadow:0 0 0 2px var(--a-focus-shadow)}.has-error .tf-affix:focus-within{border-color:var(--a-error)}.tf-affix .tf-input{min-width:0;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;flex:auto;padding:0}.tf-suffix{height:24px;font:400 16px/24px var(--a-font);flex:none;align-items:center;margin-left:4px;display:flex}.tf-eye{width:16px;height:16px;color:var(--muted);cursor:pointer;justify-content:center;align-items:center;line-height:0;transition:all .3s;display:flex}.tf-eye:hover{color:var(--ink)}.tf-eye>span{text-align:center;vertical-align:-2px;align-items:center;font-size:16px;line-height:0;display:flex}.tf-btn{width:100%;height:40px;font:400 16px/1.57143 var(--a-font);white-space:nowrap;color:var(--a-on-primary);background:var(--a-primary);box-shadow:none;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 15px;transition:all .2s cubic-bezier(.645,.045,.355,1);display:inline-flex;position:relative}.tf-btn:hover{background:var(--a-primary-hover)}.tf-btn:active{background:var(--a-primary-active)}.tf-btn:focus-visible{outline:3px solid var(--a-btn-outline);outline-offset:1px}.tf-btn.is-loading{opacity:.65;cursor:default}.tf-spin{font-size:16px;line-height:0;animation:1s linear infinite tf-spin;display:inline-flex}.tf-spin svg{display:block}@keyframes tf-spin{to{transform:rotate(360deg)}}.tf-account .tf-input,.tf-account .tf-btn{height:44px}.tf-account .tf-input{padding:9px 11px}.tf-account .tf-affix{height:44px;padding:9px 11px}.tf-account .tf-affix .tf-input{height:auto;padding:0}.tf-account .tf-eye{background:0 0;border:0;width:44px;height:44px;margin-right:-10px;padding:0}.tf-account .tf-eye:focus-visible{outline:2px solid var(--a-btn-outline);outline-offset:2px}.tf-account .tf-hint{color:var(--muted);margin:4px 0 0}.tf-account .tf-success{background:var(--surface);border-color:var(--line-strong)}@media (width<=1023.98px){.tf-input,.tf-btn{height:44px}.tf-input{padding:9px 11px}.tf-affix{height:44px;padding:9px 11px}.tf-affix .tf-input{height:auto;padding:0}.tf-suffix{height:24px}}