.tf-auth{--tf-ground:#f4f6f8;--tf-surface:#ffffff;--tf-surface-2:#f8f9fa;--tf-line:#e5e8eb;--tf-ink:#1a1d23;--tf-ink-2:#4c5563;--tf-ink-3:#6b7280;--tf-ink-faint:#9ca3af;--tf-primary:#3b5bdb;--tf-primary-strong:#3451c7;--tf-danger:#dc2626;--tf-brand:#171f3d;--tf-brand-2:#1d2749;--tf-brand-ink:#ffffff;--tf-brand-ink-2:#9aa2c0;--tf-brand-line:rgba(255,255,255,.085);--tf-google-blue:#4285f4;--tf-google-green:#34a853;--tf-google-yellow:#fbbc05;--tf-google-red:#ea4335;--tf-radius:8px;--tf-dur-press:120ms;--tf-dur-enter:280ms;--tf-ease-out:cubic-bezier(.22,1,.36,1);min-height:100svh;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);background:var(--tf-ground);color:var(--tf-ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;caret-color:var(--tf-primary)}.tf-auth ::-moz-selection{background:#d9e1fb;color:var(--tf-ink)}.tf-auth ::selection{background:#d9e1fb;color:var(--tf-ink)}.tf-auth-side{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;padding:56px 56px calc(56px + 4vh);box-sizing:border-box;background:var(--tf-brand);color:var(--tf-brand-ink);overflow:hidden}.tf-auth-side:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,var(--tf-brand-line) 1px,transparent 1px),linear-gradient(to bottom,var(--tf-brand-line) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(135% 115% at 10% 4%,#000 22%,transparent 92%);mask-image:radial-gradient(135% 115% at 10% 4%,#000 22%,transparent 92%)}.tf-auth-sidehead{display:flex;flex-direction:column;gap:10px}.tf-auth-wordmark{font-size:13px;font-weight:600;line-height:1;letter-spacing:.3em;text-transform:uppercase;color:var(--tf-brand-ink)}.tf-auth-tagline{margin:0;font-size:15px;line-height:1.5;color:var(--tf-brand-ink-2)}.tf-auth-main{display:grid;place-items:center;padding:48px 48px calc(48px + 4vh);box-sizing:border-box;background:var(--tf-surface)}.tf-auth-card{width:100%;max-width:352px;animation:tf-auth-in var(--tf-dur-enter) var(--tf-ease-out) both}@keyframes tf-auth-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.tf-auth-kicker{margin:0 0 12px;font-size:11px;font-weight:600;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:var(--tf-ink-3)}.tf-auth-name{margin:0;font-size:28px;font-weight:650;line-height:1.25;letter-spacing:0;color:var(--tf-ink);overflow-wrap:break-word}.tf-auth-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;height:46px;margin:0;padding:0 14px;border:1px solid var(--tf-primary);border-radius:var(--tf-radius);background:var(--tf-primary);color:#fff;font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform var(--tf-dur-press) var(--tf-ease-out)}.tf-auth-btn:hover{background:var(--tf-primary-strong);border-color:var(--tf-primary-strong)}.tf-auth-btn:active{transform:scale(.97)}.tf-auth-btn[data-tone=ghost]{background:transparent;border-color:var(--tf-line);color:var(--tf-ink-2)}.tf-auth-btn[data-tone=ghost]:hover{background:var(--tf-surface)}.tf-auth-g{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border-radius:999px;background:#fff}.tf-auth :focus-visible{outline:2px solid var(--tf-primary);outline-offset:2px}.tf-auth-actions{display:flex;gap:8px;margin:28px 0 0}.tf-auth-actions>form{flex:1 1 auto;margin:0}.tf-auth-actions>.tf-auth-btn[data-tone=ghost]{flex:0 0 auto;width:auto;padding:0 20px}.tf-auth-acct{display:flex;flex-direction:column;gap:5px;margin:24px 0 0}.tf-auth-acct>span:first-child{font-size:11px;font-weight:600;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--tf-ink-3)}.tf-auth-acct>span:last-child{font-size:15px;line-height:1.4;color:var(--tf-ink);overflow-wrap:anywhere}.tf-auth-err{margin:22px 0 0;padding:10px 12px;border-radius:6px;background:color-mix(in srgb,var(--tf-danger) 8%,var(--tf-surface));color:color-mix(in srgb,var(--tf-danger) 72%,var(--tf-ink));font-size:13px;line-height:1.5}.tf-auth-label{display:block;font-size:11px;font-weight:600;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--tf-ink-3)}.tf-auth-field{display:block;width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid var(--tf-line);border-radius:6px;background:var(--tf-surface);color:var(--tf-ink);font:inherit;font-size:13px;line-height:1.5;resize:vertical}.tf-auth-field::-moz-placeholder{color:var(--tf-ink-faint,#9ca3af)}.tf-auth-field::placeholder{color:var(--tf-ink-faint,#9ca3af)}.tf-auth-field:focus{border-color:var(--tf-primary)}.tf-auth-note{margin:0;padding:10px 12px;border-radius:6px;background:var(--tf-surface-2);color:var(--tf-ink-2);font-size:13px;line-height:1.5}.tf-auth-fielderr{margin:0;font-size:12px;line-height:1.5;color:color-mix(in srgb,var(--tf-danger) 80%,var(--tf-ink))}.tf-auth-form{display:flex;flex-direction:column;gap:10px}.tf-auth-extra{margin-top:22px;padding-top:22px;border-top:1px solid var(--tf-line);text-align:left}@media (max-width:900px){.tf-auth{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.tf-auth-side{justify-content:flex-start;padding:26px 24px}.tf-auth-main{padding:36px 24px calc(36px + 4vh)}.tf-auth-card{max-width:360px}}@media (prefers-reduced-motion:reduce){.tf-auth-card{animation:none}.tf-auth-btn{transition:none}.tf-auth-btn:active{transform:none}}