.tf-modal{position:fixed;inset:0;z-index:10000;display:none;opacity:0;transition:opacity 0.4s ease;align-items:center;justify-content:center;}.tf-modal.active{display:flex;opacity:1;}.tf-modal-overlay{position:absolute;inset:0;background:rgba(0, 0, 0, 0.4);backdrop-filter:blur(8px);}.tf-modal-container{position:relative;width:90%;max-width:600px;background:white;border-radius:24px;padding:60px 40px;box-shadow:0 30px 60px rgba(0,0,0,0.15);transform:translateY(20px);transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);display:flex;flex-direction:column;}.tf-modal.active .tf-modal-container{transform:translateY(0);}.tf-modal-close{position:absolute;top:24px;right:24px;background:#f8f9fa;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;color:#1a1a1a;display:flex;align-items:center;justify-content:center;transition:all 0.3s;}.tf-modal-close:hover{background:#eee;transform:rotate(90deg);}.tf-modal-content{width:100%;min-height:280px;}.tf-step{display:none;width:100%;opacity:0;}.tf-step.active{display:block;opacity:1;animation:tf-fade-in 0.5s ease forwards;}@keyframes tf-fade-in{from{opacity:0;transform:translateX(10px);}to{opacity:1;transform:translateX(0);}}.tf-step-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#2EC4B6;margin-bottom:16px;font-family:'Space Grotesk', sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;}.tf-question{font-size:28px;font-weight:700;color:#1a1a1a;line-height:1.3;margin-bottom:32px;}.tf-input-group{width:100%;}.tf-input{width:100%;background:#f8f9fa;border:1px solid #eee;border-radius:12px;font-size:18px;padding:16px;color:#1a1a1a;font-family:inherit;transition:all 0.3s;margin-bottom:12px;}.tf-input:focus{outline:none;background:white;border-color:#2EC4B6;box-shadow:0 0 0 4px rgba(46, 196, 182, 0.1);}.tf-textarea{width:100%;background:#f8f9fa;border:1px solid #eee;border-radius:12px;font-size:18px;padding:16px;color:#1a1a1a;font-family:inherit;resize:none;min-height:120px;transition:all 0.3s;}.tf-textarea:focus{outline:none;background:white;border-color:#2EC4B6;box-shadow:0 0 0 4px rgba(46, 196, 182, 0.1);}.tf-options{display:grid;grid-template-columns:1fr;gap:12px;width:100%;}.tf-option{background:#f8f9fa;border:1px solid #eee;padding:16px 20px;border-radius:12px;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;}.tf-option:hover{background:white;border-color:#2EC4B6;}.tf-option.selected{background:#2EC4B6;color:white;border-color:#2EC4B6;}.tf-option-key{width:20px;height:20px;border:1px solid rgba(0,0,0,0.1);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;}.tf-option.selected .tf-option-key{border-color:rgba(255,255,255,0.3);background:rgba(255,255,255,0.1);}.tf-file-upload{width:100%;border:2px dashed #eee;border-radius:16px;padding:40px 20px;text-align:center;cursor:pointer;transition:all 0.3s;background:#f8f9fa;}.tf-file-upload:hover, .tf-file-upload.dragover{border-color:#2EC4B6;background:white;}.tf-file-upload-icon{margin-bottom:12px;color:#2EC4B6;}.tf-file-info{margin-top:8px;font-size:13px;color:#666;}.tf-modal-nav{display:flex;justify-content:flex-end;gap:12px;margin-top:40px;}.tf-nav-btn{height:52px;padding:0 32px;border-radius:12px;border:none;background:#2EC4B6;color:white;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.3s;}.tf-nav-btn:hover{background:#26a69a;transform:translateY(-2px);box-shadow:0 10px 20px rgba(46, 196, 182, 0.2);}.tf-prev{background:#f1f3f5;color:#1a1a1a;padding:0 16px;}.tf-prev:hover{background:#e9ecef;box-shadow:none;}.tf-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:6px;background:#f1f3f5;border-bottom-left-radius:24px;border-bottom-right-radius:24px;overflow:hidden;}.tf-progress-fill{height:100%;background:#2EC4B6;width:0;transition:width 0.4s ease;}.tf-success{text-align:center;padding:20px 0;}.tf-success-icon{width:64px;height:64px;background:#dcfce7;color:#16a34a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;}.tf-success-title{font-size:24px;font-weight:700;margin-bottom:12px;}.tf-success-text{color:#666;font-size:16px;line-height:1.5;}.tf-alert{border:1px solid transparent;padding:12px 16px;display:flex;gap:8px;align-items:center;border-radius:16px;font-size:14px;margin-bottom:24px;cursor:pointer;opacity:0;filter:blur(10px);transform:translateY(10px);animation:tf-alert-fade-in 0.2s ease-in-out forwards;transition:transform 0.2s ease-in-out;}.tf-alert:hover{transform:scale(1.01) rotate(1deg);}.tf-alert:active{transform:scale(0.99);}@keyframes tf-alert-fade-in{to{opacity:1;filter:blur(0px);transform:translateY(0) rotate(0);}}.tf-alert-error{background-color:#fee2e2;color:#991b1b;border-color:#fca5a5;}.tf-alert-type{font-weight:bold;text-transform:capitalize;}@media (max-width:480px){.tf-modal-container{padding:40px 24px;width:95%;}.tf-question{font-size:24px;}.tf-nav-btn{flex:1;justify-content:center;}}