.tf-auth{--tf-ground:#f4f6f8;--tf-surface:#fff;--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:#fff;--tf-brand-ink-2:#9aa2c0;--tf-brand-line:#ffffff16;--tf-google-blue:#4285f4;--tf-google-green:#34a853;--tf-google-yellow:#fbbc05;--tf-google-red:#ea4335;--tf-radius:8px;--tf-dur-press:.12s;--tf-dur-enter:.28s;--tf-ease-out:cubic-bezier(.22, 1, .36, 1);background:var(--tf-ground);min-height:100svh;color:var(--tf-ink);-webkit-font-smoothing:antialiased;caret-color:var(--tf-primary);grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.tf-auth ::selection{color:var(--tf-ink);background:#d9e1fb}.tf-auth-side{isolation:isolate;box-sizing:border-box;background:var(--tf-brand);color:var(--tf-brand-ink);flex-direction:column;justify-content:center;padding:56px 56px calc(56px + 4vh);display:flex;position:relative;overflow:hidden}.tf-auth-side:before{content:"";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;position:absolute;inset:0;-webkit-mask-image:radial-gradient(135% 115% at 10% 4%,#000 22%,#0000 92%);mask-image:radial-gradient(135% 115% at 10% 4%,#000 22%,#0000 92%)}.tf-auth-sidehead{flex-direction:column;gap:10px;display:flex}.tf-auth-wordmark{letter-spacing:.3em;text-transform:uppercase;color:var(--tf-brand-ink);font-size:13px;font-weight:600;line-height:1}.tf-auth-tagline{color:var(--tf-brand-ink-2);margin:0;font-size:15px;line-height:1.5}.tf-auth-main{box-sizing:border-box;background:var(--tf-surface);place-items:center;padding:48px 48px calc(48px + 4vh);display:grid}.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{letter-spacing:.18em;text-transform:uppercase;color:var(--tf-ink-3);margin:0 0 12px;font-size:11px;font-weight:600;line-height:1}.tf-auth-name{letter-spacing:0;color:var(--tf-ink);overflow-wrap:break-word;margin:0;font-size:28px;font-weight:650;line-height:1.25}.tf-auth-btn{box-sizing:border-box;border:1px solid var(--tf-primary);border-radius:var(--tf-radius);background:var(--tf-primary);color:#fff;white-space:nowrap;cursor:pointer;width:100%;height:46px;transition:transform var(--tf-dur-press) var(--tf-ease-out);justify-content:center;align-items:center;gap:8px;margin:0;padding:0 14px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:flex}.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]{border-color:var(--tf-line);color:var(--tf-ink-2);background:0 0}.tf-auth-btn[data-tone=ghost]:hover{background:var(--tf-surface)}.tf-auth-g{background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tf-auth :focus-visible{outline:2px solid var(--tf-primary);outline-offset:2px}.tf-auth-actions{gap:8px;margin:28px 0 0;display:flex}.tf-auth-actions>form{flex:auto;margin:0}.tf-auth-actions>.tf-auth-btn[data-tone=ghost]{flex:none;width:auto;padding:0 20px}.tf-auth-acct{flex-direction:column;gap:5px;margin:24px 0 0;display:flex}.tf-auth-acct>span:first-child{letter-spacing:.14em;text-transform:uppercase;color:var(--tf-ink-3);font-size:11px;font-weight:600;line-height:1}.tf-auth-acct>span:last-child{color:var(--tf-ink);overflow-wrap:anywhere;font-size:15px;line-height:1.4}.tf-auth-err{background:color-mix(in srgb, var(--tf-danger) 8%, var(--tf-surface));color:color-mix(in srgb, var(--tf-danger) 72%, var(--tf-ink));border-radius:6px;margin:22px 0 0;padding:10px 12px;font-size:13px;line-height:1.5}.tf-auth-label{letter-spacing:.14em;text-transform:uppercase;color:var(--tf-ink-3);font-size:11px;font-weight:600;line-height:1;display:block}.tf-auth-field{box-sizing:border-box;border:1px solid var(--tf-line);background:var(--tf-surface);width:100%;color:var(--tf-ink);font:inherit;resize:vertical;border-radius:6px;padding:9px 11px;font-size:13px;line-height:1.5;display:block}.tf-auth-field::placeholder{color:var(--tf-ink-faint,#9ca3af)}.tf-auth-field:focus{border-color:var(--tf-primary)}.tf-auth-note{background:var(--tf-surface-2);color:var(--tf-ink-2);border-radius:6px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.tf-auth-card>.tf-auth-note{margin-top:22px}.tf-auth-fielderr{color:color-mix(in srgb, var(--tf-danger) 80%, var(--tf-ink));margin:0;font-size:12px;line-height:1.5}.tf-auth-form{flex-direction:column;gap:10px;display:flex}.tf-auth-extra{border-top:1px solid var(--tf-line);text-align:left;margin-top:22px;padding-top:22px}@media (max-width:900px){.tf-auth{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,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}}