*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--tf-bg: #07080d;--tf-text: #fafafa;--tf-muted: #71717a;--tf-faint: #3f3f46;--tf-accent: #ff007a;--tf-accent-soft: rgba(255, 0, 122, .15);--tf-purple: #8958ff;--tf-input-size: clamp(1.25rem, 3vw, 1.75rem);--tf-question-size: clamp(1.625rem, 4.5vw, 2.375rem);--tf-max: 720px;--tf-header: 56px;--tf-footer-pad: 12px;--tf-footer: calc(56px + env(safe-area-inset-bottom, 0px)) ;--tf-safe-top: env(safe-area-inset-top, 0px);--tf-safe-left: env(safe-area-inset-left, 0px);--tf-safe-right: env(safe-area-inset-right, 0px)}html{-webkit-text-size-adjust:100%}body.tf-body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--tf-bg);color:var(--tf-text);min-height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}body.tf-body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 50% 40% at 20% 0%,rgba(255,0,122,.08) 0%,transparent 60%),radial-gradient(ellipse 40% 35% at 90% 20%,rgba(137,88,255,.07) 0%,transparent 55%);pointer-events:none}::selection{background:#ff007a59}.tf-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:100;background:#ffffff0f}.tf-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--tf-accent),var(--tf-purple));transition:width .45s cubic-bezier(.4,0,.2,1)}.tf-header{position:fixed;top:calc(4px + var(--tf-safe-top));left:var(--tf-safe-left);right:var(--tf-safe-right);height:var(--tf-header);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,var(--tf-safe-left));z-index:50}.tf-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--tf-text);font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.02em;opacity:.9;transition:opacity .2s}.tf-logo-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.tf-logo-mark img{display:block;width:auto;height:28px;max-width:100%;object-fit:contain}.tf-logo-mark-animated{filter:drop-shadow(0 0 12px rgba(255,0,122,.25));animation:tf-logo-glow 3s ease-in-out infinite}.tf-logo-mark-hero{height:auto}.tf-logo-mark-hero img{height:56px;width:auto}@keyframes tf-logo-glow{0%,to{filter:drop-shadow(0 0 8px rgba(255,0,122,.2))}50%{filter:drop-shadow(0 0 20px rgba(255,0,122,.45))}}.tf-welcome-logo{align-self:flex-start;display:flex;justify-content:flex-start;margin-bottom:32px}.tf-welcome-logo .tf-logo-mark{justify-content:flex-start}.tf-brand:hover{opacity:1}.tf-header-actions{display:flex;align-items:center;gap:20px}.tf-link{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;color:var(--tf-muted);text-decoration:none;transition:color .2s}.tf-link svg{width:15px;height:15px;flex-shrink:0}.tf-header-social{display:flex;align-items:center;gap:14px}.tf-link:hover{color:var(--tf-text)}.tf-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--tf-muted);text-decoration:none;transition:color .2s,background .2s}.tf-close:hover{color:var(--tf-text);background:#ffffff0f}.tf-main{position:fixed;top:calc(4px + var(--tf-safe-top) + var(--tf-header));left:var(--tf-safe-left);right:var(--tf-safe-right);bottom:var(--tf-footer);overflow:hidden}.tf-form{height:100%;position:relative}.tf-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;max-width:var(--tf-max);margin:0 auto;padding:24px 28px max(40px,env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;transform:translateY(28px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility .4s;pointer-events:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.tf-slide.is-active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.tf-slide.is-exiting{opacity:0;transform:translateY(-20px)}.tf-step-label{font-size:.875rem;font-weight:500;color:var(--tf-accent);margin-bottom:12px}.tf-step-num{font-weight:600}.tf-question{font-family:Space Grotesk,Inter,sans-serif;font-size:var(--tf-question-size);font-weight:600;letter-spacing:-.03em;line-height:1.25;margin-bottom:28px;display:block}.tf-hint{font-size:1.0625rem;line-height:1.65;color:var(--tf-muted);margin-bottom:32px;max-width:540px}.tf-sublabel{display:block;font-size:.875rem;font-weight:500;color:var(--tf-muted);margin-bottom:8px;margin-top:20px}.tf-sublabel:first-of-type{margin-top:0}.tf-input,.tf-textarea{width:100%;background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.15);color:var(--tf-text);font-family:inherit;font-size:var(--tf-input-size);font-weight:400;padding:12px 0 14px;outline:none;transition:border-color .25s;resize:none}.tf-input-sm{font-size:clamp(1.0625rem,2.5vw,1.375rem)}.tf-input::placeholder,.tf-textarea::placeholder{color:var(--tf-faint)}.tf-input:focus,.tf-textarea:focus{border-bottom-color:var(--tf-accent)}.tf-textarea{margin-top:8px;line-height:1.55;min-height:100px}.tf-enter-hint{margin-top:16px;font-size:.8125rem;color:var(--tf-faint)}.tf-step-nav{margin-top:16px}.tf-enter-hint kbd{display:inline-block;padding:2px 8px;background:#ffffff0f;border-radius:4px;font-family:inherit;font-size:.75rem;color:var(--tf-muted)}.tf-start{display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:16px 28px;background:var(--tf-accent);border:none;border-radius:4px;color:#fff;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;align-self:flex-start}.tf-start:hover{background:#e6006e;box-shadow:0 8px 32px #ff007a59;transform:translateY(-1px)}.tf-choices-role{margin-top:4px}.tf-role-other{margin-top:10px}.tf-role-other:not([hidden]){display:block}.tf-role-other[hidden]{display:none}.tf-choices{display:flex;flex-direction:column;gap:8px;margin-top:-8px}.tf-choice{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;background:transparent;border:2px solid rgba(255,255,255,.1);border-radius:6px;color:var(--tf-text);font-family:inherit;font-size:1.0625rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.tf-choice-key{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2);border-radius:4px;font-size:.75rem;font-weight:700;color:var(--tf-muted);transition:all .2s}.tf-choice:hover{border-color:#ff007a66;background:#ff007a0a}.tf-choice:hover .tf-choice-key{border-color:var(--tf-accent);color:var(--tf-accent)}.tf-choice.is-selected{border-color:var(--tf-accent);background:var(--tf-accent-soft)}.tf-choice.is-selected .tf-choice-key{background:var(--tf-accent);border-color:var(--tf-accent);color:#fff}.tf-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tf-tag{padding:10px 16px;background:transparent;border:1.5px solid rgba(255,255,255,.12);border-radius:100px;color:var(--tf-muted);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.tf-tag:hover{border-color:#ffffff40;color:var(--tf-text)}.tf-tag.is-active{border-color:var(--tf-accent);background:var(--tf-accent-soft);color:var(--tf-text)}.tf-slide-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.tf-ok,.tf-submit{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:var(--tf-accent);border:none;border-radius:4px;color:#fff;font-family:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s,opacity .2s}.tf-ok span{font-size:1rem}.tf-ok:hover,.tf-submit:hover{background:#e6006e;transform:translateY(-1px)}.tf-ok:disabled,.tf-submit:disabled{opacity:1;background:#ffffff0f;color:var(--tf-faint);cursor:not-allowed;transform:none;box-shadow:none}.tf-ok:disabled:hover,.tf-submit:disabled:hover{background:#ffffff0f;transform:none}.tf-field-error{margin-top:10px;font-size:.8125rem;line-height:1.45;color:#fca5a5}.tf-field-error[hidden]{display:none!important}.tf-submit{padding:14px 28px;font-size:1rem}.tf-skip{background:none;border:none;color:var(--tf-muted);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.tf-skip:hover{color:var(--tf-text)}.tf-skip-block{margin-top:20px;text-align:left}.tf-privacy{margin-top:24px;font-size:.75rem;color:var(--tf-faint)}.tf-privacy a{color:var(--pink-light);text-decoration:none}.tf-privacy a:hover{text-decoration:underline}.tf-slide-actions-submit{margin-top:32px}.tf-slide-success{text-align:left}.tf-success-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#22c55e1f;border:2px solid rgba(34,197,94,.35);border-radius:50%;margin-bottom:24px;color:#4ade80}.tf-success-icon svg{width:28px;height:28px}.tf-success-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.tf-success-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--tf-accent);border-radius:4px;color:#fff;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}.tf-success-btn svg{width:16px;height:16px;flex-shrink:0}.tf-success-btn:hover{background:#e6006e;transform:translateY(-1px)}.tf-success-btn-ghost{background:#ffffff0f;color:var(--tf-text)}.tf-success-btn-ghost:hover{background:#ffffff1a}.tf-toast{position:fixed;top:calc(max(12px,env(safe-area-inset-top,0px)) + 70px);left:50%;right:auto;bottom:auto;transform:translate(-50%) translateY(-8px);padding:12px 16px;background:#080a0ef5;border:1px solid rgba(239,68,68,.35);border-radius:8px;color:#fecaca;font-size:.8125rem;font-weight:500;line-height:1.45;opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;z-index:200;max-width:min(360px,calc(100vw - 32px));text-align:center;box-shadow:0 12px 40px #00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tf-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.tf-footer{position:fixed;bottom:0;left:var(--tf-safe-left);right:var(--tf-safe-right);min-height:var(--tf-footer);display:flex;align-items:center;justify-content:center;padding:var(--tf-footer-pad) max(20px,var(--tf-safe-left)) calc(var(--tf-footer-pad) + env(safe-area-inset-bottom,0px));z-index:50}.tf-back[hidden]{display:none!important}.tf-back{position:absolute;left:max(20px,var(--tf-safe-left));bottom:calc(var(--tf-footer-pad) + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff0f;border:none;border-radius:8px;color:var(--tf-muted);cursor:pointer;transition:color .2s,background .2s}.tf-back:hover{color:var(--tf-text);background:#ffffff1a}.tf-powered{font-size:.75rem;color:var(--tf-faint);letter-spacing:.02em}@keyframes tf-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.tf-input.is-invalid,.tf-textarea.is-invalid{border-bottom-color:#ef4444}@media (max-width: 768px){:root{--tf-question-size: clamp(1.375rem, 5.5vw, 1.875rem);--tf-input-size: 1.125rem;--tf-footer-pad: 14px;--tf-footer: calc(64px + env(safe-area-inset-bottom, 0px)) }.tf-header{padding-inline:max(16px,var(--tf-safe-left))}.tf-header-actions{gap:8px}.tf-header-social{gap:6px}.tf-header-social .tf-link{font-size:0;gap:0;width:44px;height:44px;justify-content:center;border-radius:8px;color:var(--tf-muted)}.tf-header-social .tf-link svg{width:18px;height:18px}.tf-header-social .tf-link:hover{background:#ffffff0f;color:var(--tf-text)}.tf-close{width:44px;height:44px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.tf-close:hover{background:#ffffff1a;color:var(--tf-text)}.tf-slide{padding:12px max(20px,var(--tf-safe-left)) max(28px,env(safe-area-inset-bottom,0px));justify-content:flex-start;padding-top:min(10vh,72px)}.tf-welcome-logo{margin-bottom:24px}.tf-logo-mark-hero img{height:44px}.tf-hint{font-size:.9375rem;margin-bottom:24px}.tf-question{margin-bottom:20px}.tf-choice{padding:14px 16px;font-size:.9375rem;min-height:52px}.tf-choice-key{width:26px;height:26px}.tf-tag{min-height:44px;padding:10px 14px}.tf-start,.tf-ok,.tf-submit{min-height:48px;width:100%;justify-content:center}.tf-slide-actions{flex-direction:column;align-items:stretch;gap:12px;width:100%}.tf-skip-block{text-align:center}.tf-skip{min-height:44px}.tf-success-links{flex-direction:column;align-items:stretch;width:100%;max-width:320px;margin-inline:auto}.tf-success-btn{width:100%;justify-content:center;min-height:48px}.tf-slide-success{text-align:center;align-items:center;justify-content:center;padding-top:min(6vh,40px)}.tf-slide-success .tf-question{text-align:center}.tf-slide-success .tf-hint{text-align:center;max-width:320px;margin-inline:auto}.tf-slide-success .tf-success-icon{margin-inline:auto}.tf-footer{padding-inline:max(16px,var(--tf-safe-left))}.tf-back{left:max(16px,var(--tf-safe-left))}.tf-enter-hint{display:none}.tf-field-error{font-size:.75rem;margin-top:8px}.tf-toast{top:calc(max(12px,env(safe-area-inset-top,0px)) + 66px);max-width:calc(100vw - 24px);padding:11px 14px}.tf-powered{font-size:.6875rem;text-align:center;padding-inline:56px;line-height:1.35}.tf-input,.tf-textarea,.tf-input-sm{font-size:max(1rem,var(--tf-input-size))}}@media (max-width: 380px){.tf-brand span:not(.tf-logo-mark){display:none}.tf-brand{gap:0}}@media (max-width: 640px){.tf-tags{gap:6px}}@media (prefers-reduced-motion: reduce){.tf-slide,.tf-progress-fill,.tf-toast,.tf-logo-mark-animated{transition:none;animation:none}}html.mobile-lite .tf-logo-mark-animated{animation:none}html.mobile-lite .tf-slide{transition-duration:.25s}
