@keyframes orbFloat1{0%{opacity:.7;transform:translate(0)scale(1)}25%{opacity:.95;transform:translate(140px,-90px)scale(1.25)}50%{opacity:.5;transform:translate(-80px,160px)scale(.85)}75%{opacity:.85;transform:translate(-160px,-70px)scale(1.15)}to{opacity:.7;transform:translate(0)scale(1)}}@keyframes orbFloat2{0%{opacity:.6;transform:translate(0)scale(1.1)}33%{opacity:.85;transform:translate(-160px,120px)scale(.85)}66%{opacity:.65;transform:translate(120px,-130px)scale(1.3)}to{opacity:.6;transform:translate(0)scale(1.1)}}@keyframes orbFloat3{0%{opacity:.6;transform:translate(0)scale(.9)}20%{opacity:.85;transform:translate(100px,130px)scale(1.2)}40%{opacity:.5;transform:translate(-120px,-100px)scale(.95)}60%{opacity:.75;transform:translate(140px,-50px)scale(1.25)}80%{opacity:.65;transform:translate(-80px,100px)scale(1.05)}to{opacity:.6;transform:translate(0)scale(.9)}}.animate-orb-1{animation:26s ease-in-out infinite orbFloat1}.animate-orb-2{animation:38s ease-in-out infinite orbFloat2}.animate-orb-3{animation:44s ease-in-out infinite orbFloat3}.tfa-wrapper{background:#09090b;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.tfa-section{max-width:540px;margin:0 auto}.tfa-card{background:linear-gradient(135deg,#111113,#09090b);border:1px solid #18181b;border-radius:20px;padding:32px;box-shadow:0 25px 60px #00000080}.tfa-icon{background:#6366f11a;border:1px solid #6366f133;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.tfa-title{color:#fafafa;text-align:center;letter-spacing:-.02em;margin-bottom:8px;font-size:22px;font-weight:700}.tfa-subtitle{color:#a1a1aa;text-align:center;margin-bottom:28px;font-size:14px;line-height:1.5}.tfa-step{border-bottom:1px solid #18181b;gap:20px;margin-bottom:28px;padding-bottom:28px;display:flex}.tfa-step-num{color:#818cf8;background:#6366f11a;border:1px solid #6366f133;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.tfa-step-content{flex:1}.tfa-step-title{color:#fafafa;margin-bottom:4px;font-size:16px;font-weight:600}.tfa-step-desc{color:#a1a1aa;margin-bottom:16px;font-size:13px;line-height:1.5}.tfa-qr-wrap{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px;display:inline-block}.tfa-qr-wrap svg{max-width:180px;height:auto;display:block}.tfa-secret{color:#818cf8;letter-spacing:1px;word-break:break-all;background:#6366f114;border-radius:8px;padding:8px 12px;font-family:monospace;font-size:13px;display:inline-block}.tfa-input{color:#fafafa;text-align:center;letter-spacing:8px;caret-color:#6366f1;background:#27272a4d;border:1px solid #27272a;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-family:monospace;font-size:24px;font-weight:600;transition:border-color .2s}.tfa-input:focus{background:#27272a80;border-color:#6366f1}.tfa-input::placeholder{letter-spacing:0;color:#52525b;font-family:inherit;font-weight:400}.tfa-code-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.tfa-code-item{color:#e4e4e7;text-align:center;letter-spacing:2px;background:#27272a4d;border:1px solid #27272a;border-radius:8px;padding:10px 14px;font-family:monospace;font-size:14px;font-weight:600}.tfa-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.tfa-btn:hover{background:#4f46e5}.tfa-btn:disabled{opacity:.5;cursor:not-allowed}.tfa-btn.primary{color:#fff;background:#6366f1}.tfa-btn.primary:hover{background:#4f46e5}.tfa-btn.secondary{color:#e4e4e7;background:#27272a80;border:1px solid #3f3f46;width:auto;padding:10px 16px;font-size:13px}.tfa-btn.secondary:hover{background:#3f3f4680}.tfa-btn.danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;width:auto}.tfa-btn.danger:hover{background:#ef444433}.tfa-error{color:#ef4444;text-align:center;margin-top:12px;font-size:13px}.tfa-footer{text-align:center;border-top:1px solid #27272a;margin-top:20px;padding-top:20px}.tfa-footer a{color:#818cf8;font-size:13px;text-decoration:none}.tfa-footer a:hover{color:#a5b4fc}@keyframes tfaFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tfaSlideIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}