.questions-wrapper.active{min-height:400px}@media(max-width:768px){.questions-wrapper.active{min-height:475px}}.questionnaire-container{background:#fff;border-radius:20px;width:100%;max-width:600px;overflow:hidden;position:relative;margin:0 auto;width:-webkit-fill-available}.welcome-screen{padding:60px 40px;text-align:center;background:linear-gradient(to right,#002982,#0048b5);color:#fff;position:relative;overflow:hidden}.welcome-screen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="80" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="60" r="1" fill="rgba(255,255,255,0.05)"/></svg>');animation:float 20s ease-in-out infinite;z-index:1}.welcome-content{position:relative;z-index:2}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.welcome-title{font-size:36px;color:#fff;font-weight:700;margin-bottom:20px;animation:slideDown 1s ease-out}.welcome-description{font-size:18px;margin-bottom:40px;opacity:.9;line-height:1.6;animation:slideUp 1s ease-out .3s both}.start-quiz-btn{background:#fff;color:#002982;padding:var(--btn-padding-y) var(--btn-padding-x);border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;animation:fadeIn 1s ease-out .6s both;position:relative;overflow:hidden}.start-quiz-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}.start-quiz-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s}.start-quiz-btn:hover:before{left:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.progress-bar{height:6px;background:#f0f0f0;position:relative;overflow:hidden;display:none;width:20em;margin:auto;border-radius:1em}.progress-bar.active{display:block}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);width:0%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:50px 50px;animation:move 2s linear infinite}@keyframes move{0%{background-position:0 0}to{background-position:50px 50px}}.progress-text{text-align:center;padding:15px;font-weight:600;color:#666;font-size:14px;display:none}.progress-text.active{display:block}.question-container{padding:30px 40px;min-height:400px;display:flex;flex-direction:column;justify-content:center}.question-slide{display:none;opacity:0;transform:translate(50px);transition:all .6s cubic-bezier(.4,0,.2,1)}.question-slide.active{display:block;opacity:1;transform:translate(0)}.question-slide.slide-out{opacity:0;transform:translate(-50px)}.question-title{font-size:28px!important;font-weight:700;color:#333;margin-bottom:30px;text-align:center;line-height:1.3;opacity:0;margin-top:0;animation:questionAppear .8s ease-out .2s forwards}.answers-grid{display:grid;gap:15px;margin-bottom:30px;width:-webkit-fill-available}@media(min-width:760px){.answers-grid{grid-template-columns:repeat(2,1fr)}}.answer-option{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:20px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden;opacity:0;transform:translateY(20px)}.answer-option.animate{animation:answerAppear .6s ease-out forwards}.answer-option:nth-child(1){animation-delay:.4s}.answer-option:nth-child(2){animation-delay:.5s}.answer-option:nth-child(3){animation-delay:.6s}.answer-option:nth-child(4){animation-delay:.7s}@keyframes questionAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes answerAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.answer-option:hover{border-color:#0048b5;transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px #667eea33}.answer-option.selected{border-color:#0048b5;background:linear-gradient(to right,#002982,#0048b5);color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 15px 35px #667eea4d}.answer-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.answer-option:hover:before{left:100%}.answer-text{font-weight:600;font-size:16px;margin-bottom:5px}.answer-description{font-size:14px;opacity:.8}.navigation-buttons{display:none;justify-content:space-between;padding:0 40px 40px}.navigation-buttons.active{display:flex}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.loader-container{display:none;padding:80px 40px;text-align:center}.loader-container.active{display:block}.analysis-icon{width:100px;height:100px;margin:0 auto 30px;position:relative}.loader{width:100px;height:100px;border:6px solid #f3f3f3;border-top:6px solid #002982;border-radius:50%;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-text{font-size:24px;font-weight:700;color:#333;margin-bottom:10px;animation:pulse 2s ease-in-out infinite}.loader-subtext{color:#666;font-size:16px;margin-bottom:20px}.analysis-steps{list-style:none;text-align:left;max-width:300px;margin:0 auto}.analysis-steps li{padding:8px 0;color:#999;position:relative;opacity:.3;transition:all .5s ease}.analysis-steps li.active{color:#002982;opacity:1;font-weight:600}.analysis-steps li:before{content:"\2713";position:absolute;left:-25px;color:#4caf50;opacity:0;transition:opacity .3s ease}.analysis-steps li.completed:before{opacity:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.email-subscription{display:none;background:#fff;padding:30px;animation:slideUp .8s ease-out}.email-form-container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:20px 10px}.email-form-container input{width:100%;padding:1.5em;height:fit-content;border:1px solid #ccc;border-radius:5px;margin-bottom:10px}.email-form-title{font-size:20px;font-weight:700;color:#333;margin-bottom:10px;text-align:center}.email-form-subtitle{color:#666;margin-bottom:20px;text-align:center;font-size:14px}.email-form{display:flex;gap:10px;align-items:center}.email-input{flex:1;padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:border-color .3s ease}.email-input:focus{outline:none;border-color:#667eea}.subscribe-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 25px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.results-container{display:none;text-align:center}.results-container.active{display:block;animation:fadeIn 1s ease-out}.results-container .product-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.results-title{font-size:32px;font-weight:700;color:#333;margin-bottom:20px;animation:slideDown .8s ease-out}.results-subtitle{font-size:16px;color:#666;margin-bottom:40px;animation:slideUp .8s ease-out .2s both;margin-top:0}.results-container .product-card{transition:transform .3s ease;animation:scaleIn .8s ease-out .4s both}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.results-container .product-card:hover{transform:translateY(-5px) scale(1.02)}.results-container .product-image{width:200px;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600}.results-container .product-name{font-size:24px;font-weight:700;color:#333;margin-bottom:10px}.results-container .product-description{color:#666;margin-bottom:20px;line-height:1.6}.results-container .product-price{font-size:28px;font-weight:700;color:#002982;margin-bottom:20px}.results-container .restart-btn{background:#6c757d;color:#fff;margin-top:20px}.results-container .restart-btn:hover{background:#5a6268}@media(max-width:768px){.welcome-screen,.question-container{padding:20px 10px}.navigation-buttons{padding:0 20px 20px}.welcome-title{font-size:20px;color:#fff}.welcome-description{font-size:16px}.start-quiz-btn{font-size:13px;padding:18.75px 37.5px}.question-title{font-size:18px!important;margin-bottom:15px}.answer-option{padding:10px;font-size:14px}.email-form{flex-direction:column}.email-input,.subscribe-btn{width:100%}.loader-text{font-size:16px}.loader-subtext{font-size:14px}.analysis-icon{width:50px;height:50px}.results-subtitle{margin-bottom:20px}.results-container .product-name{font-size:18px}.results-container .product-description{font-size:14px}.results-container .product-price{font-size:18px}.results-container .product-image{width:100px;height:100px}}.overlay-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center}.loader-content{text-align:center;color:#fff;max-width:400px;padding:20px}.dynamic-question-container{min-height:400px;display:flex;align-items:center;justify-content:center}.add-to-cart-buttons{display:flex;justify-content:center;align-items:center;gap:10px;flex-direction:column}.skip-btn{margin-top:20px;background:none;border:none;color:#666;text-decoration:underline;cursor:pointer;font-size:14px}.skip-btn:hover{color:#333}
/*# sourceMappingURL=/cdn/shop/t/13/assets/quiz-product.css.map */