*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#6b0ac9 0,#8b5cf6 100%);min-height:100vh;color:#333;line-height:1.6}.survey-container{min-height:500px;display:flex;flex-direction:column;max-width:800px;margin:0 auto;padding:20px}.survey-header{text-align:center;margin-bottom:20px;padding:0}.logo{height:60px;filter:brightness(0) invert(1);width:auto}.progress-container{margin-bottom:20px}.progress-bar{width:100%;height:6px;background-color:rgba(255,255,255,.3);border-radius:3px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#fff 0,#f0f0f0 100%);border-radius:3px;transition:width .3s;width:6.67%}.progress-text{text-align:center;color:#fff;font-size:14px;font-weight:500}.survey-form{flex:1;display:flex;flex-direction:column}.step{display:none;flex:1;animation:.4s ease-in-out fadeIn}.step.active{display:flex;flex-direction:column}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-content{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,.1);flex:1;display:flex;flex-direction:column;justify-content:center;min-height:300px}.step-title{font-size:28px;font-weight:700;color:#2d3748;margin-bottom:20px;line-height:1.3}.step-description{font-size:18px;color:#4a5568;margin-bottom:40px;line-height:1.5}h2.step-title{font-size:24px}.options-container{margin:0}.option-label{display:block;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:16px;cursor:pointer;transition:.2s;position:relative}.option-label:hover{background:#edf2f7;border-color:#6b0ac9;transform:translateY(-2px);box-shadow:0 4px 12px rgba(107,10,201,.15)}.option-label input[type=radio]{position:absolute;opacity:0;cursor:pointer}.option-label input[type=radio]:checked+.option-text{color:#6b0ac9;font-weight:600}.option-label:has(input[type=radio]:checked){background:#f3e8ff;border-color:#6b0ac9;box-shadow:0 4px 12px rgba(107,10,201,.15)}.option-text{font-size:16px;color:#2d3748;display:block;transition:color .2s}.template-container{margin:0 auto 40px;text-align:center;background:#f7fafc;border-radius:12px;padding:0;border:2px solid #e2e8f0;max-width:600px}.template-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.template-iframe{width:100%;height:500px;border:none;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);background:#fff}.template-content{width:100%;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;font-family:Arial,sans-serif;text-align:left;pointer-events:none}.textarea-container{margin:30px 0 40px}textarea{width:100%;padding:20px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;font-family:inherit;resize:vertical;min-height:120px;transition:border-color .2s;background:#f7fafc}textarea:focus{outline:0;border-color:#6b0ac9;background:#fff;box-shadow:0 0 0 3px rgba(107,10,201,.1)}textarea::placeholder{color:#a0aec0}.button-container{display:flex;gap:16px;justify-content:center;margin-top:auto;padding-top:20px}.btn{padding:16px 32px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:.2s;min-width:120px;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,#6b0ac9 0,#8b5cf6 100%);color:#fff;box-shadow:0 4px 12px rgba(107,10,201,.3)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(107,10,201,.4)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:#cbd5e0;color:#a0aec0;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:#fff;color:#4a5568;border:2px solid #e2e8f0}.btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(107,10,201,.9);display:none;align-items:center;justify-content:center;flex-direction:column;z-index:1000}.loading-overlay.active{display:flex}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;animation:1s linear infinite spin;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-overlay p{color:#fff;font-size:18px;font-weight:500}.success-container{flex:1;display:flex;align-items:center;justify-content:center}.success-content{background:#fff;border-radius:16px;padding:60px 40px;box-shadow:0 10px 40px rgba(0,0,0,.1);text-align:center;width:100%}.success-icon{margin-bottom:30px;display:flex;justify-content:center}.success-title{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:20px}.success-message{font-size:18px;color:#6b0ac9;font-weight:600;margin-bottom:30px}.success-details p{font-size:16px;color:#4a5568;line-height:1.6}@media (max-width:768px){.survey-container{padding:15px}.step-content{padding:30px 25px;min-height:300px}.step-title{font-size:24px}h2.step-title{font-size:20px}.step-description{font-size:16px}.option-label{padding:16px}.option-text{font-size:15px}.btn{padding:14px 24px;font-size:15px;min-width:100px}.button-container{flex-direction:column-reverse;gap:12px}.template-image{max-height:400px;object-fit:contain}.template-iframe{height:400px}.success-content{padding:40px 25px}.success-title{font-size:28px}}@media (max-width:480px){.survey-container{padding:10px}.step-content{padding:25px 20px;border-radius:12px}.step-title{font-size:22px}h2.step-title{font-size:18px}.logo{height:50px}.template-image{max-height:300px}.template-iframe{height:300px}}.btn:focus,.option-label:focus-within,textarea:focus{outline:#6b0ac9 solid 2px;outline-offset:2px}.error-container{flex:1;display:flex;align-items:center;justify-content:center}.error-content{background:#fff;border-radius:16px;padding:60px 40px;box-shadow:0 10px 40px rgba(0,0,0,.1);text-align:center;width:100%}.error-icon{margin-bottom:30px;display:flex;justify-content:center}.error-title{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:20px}.error-message{font-size:18px;color:#dc3545;font-weight:600;margin-bottom:30px}.error-details p{font-size:16px;color:#4a5568;line-height:1.6;margin-bottom:15px}@media (prefers-contrast:high){.option-label{border-width:3px}.btn-primary{background:#6b0ac9}.progress-fill{background:#fff}}
/*# sourceMappingURL=styles.min.css.map */