body{background-color:#000!important}#quiz-container{max-width:900px;margin:40px auto;padding:0 20px;background-color:#000;color:#fff;position:relative}#quiz-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(23,212,230,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(19,181,197,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(23,212,230,.08) 0%,transparent 50%);animation:gradientShift 20s ease infinite;pointer-events:none;z-index:-1}@keyframes gradientShift{0%,to{transform:rotate(0) scale(1)}33%{transform:rotate(120deg) scale(1.1)}66%{transform:rotate(240deg) scale(1.05)}}.quiz-header{text-align:center;margin-bottom:50px;animation:slideDown .6s ease-out;position:relative;z-index:2}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.quiz-header h2{font-size:clamp(32px,6vw,48px);font-weight:800;background:linear-gradient(135deg,#17d4e6,#13b5c5,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-bottom:15px;line-height:1.2;filter:drop-shadow(0 0 30px rgba(23,212,230,.5))}.quiz-header p{color:#9ca3af;font-size:clamp(16px,3vw,20px);font-weight:400;opacity:.9}.progress-container{position:relative;margin-bottom:50px}.progress-bar{width:100%;height:8px;background-color:#ffffff1a;border-radius:100px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 2px 4px #00000080}.progress-fill{height:100%;background:linear-gradient(90deg,#17d4e6,#13b5c5);transition:width .6s cubic-bezier(.4,0,.2,1);width:0%;border-radius:100px;position:relative;overflow:hidden;box-shadow:0 0 20px #17d4e6cc}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.quiz-step-indicator{display:flex;justify-content:space-between;margin-top:15px;padding:0 10px}.step-dot{width:12px;height:12px;border-radius:50%;background-color:#fff3;transition:all .3s ease;position:relative;box-shadow:0 0 10px #00000080}.step-dot.active{background-color:#17d4e6;transform:scale(1.3);box-shadow:0 0 20px #17d4e6cc}.step-dot.completed{background-color:#17d4e6;box-shadow:0 0 15px #17d4e6cc}.step-dot.step-dot-extra{display:none}.step-dot.step-dot-extra.visible{display:block}.quiz-content{min-height:400px;position:relative}.quiz-question{display:none;opacity:0;transform:translate(50px);transition:all .4s cubic-bezier(.4,0,.2,1)}.quiz-question.active{display:block;opacity:1;transform:translate(0);animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.question-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#17d4e6,#13b5c5);color:#000;border-radius:50%;font-weight:700;font-size:18px;margin-bottom:20px;animation:bounce .6s ease-out;box-shadow:0 0 30px #17d4e699}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.question-title{font-size:clamp(24px,5vw,32px);color:#fff;margin-bottom:40px;font-weight:700;line-height:1.3;text-shadow:0 2px 10px rgba(0,0,0,.5)}.quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:30px}@media(max-width:640px){.quiz-options{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:360px){.quiz-options{grid-template-columns:1fr;gap:10px}}.quiz-option{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:20px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media(max-width:360px){.quiz-option{min-height:80px;flex-direction:row;padding:16px;gap:12px}}.quiz-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#17d4e6,#13b5c5);opacity:0;transition:opacity .3s ease;z-index:1}.quiz-option:hover{border-color:#17d4e6;transform:translateY(-5px) scale(1.02);box-shadow:0 10px 40px #17d4e64d,inset 0 0 30px #17d4e61a;background:#17d4e614}.quiz-option:hover:before{opacity:.15}.quiz-option:active{transform:translateY(-2px) scale(1)}.option-icon{font-size:clamp(32px,7vw,48px);margin-bottom:4px;z-index:2;position:relative;transition:transform .3s ease;filter:drop-shadow(0 0 10px rgba(23,212,230,.5))}@media(max-width:360px){.option-icon{font-size:28px;margin-bottom:0}}.quiz-option:hover .option-icon{transform:scale(1.1) rotate(5deg)}.option-text{font-size:clamp(13px,2.5vw,16px);color:#fff;line-height:1.4;font-weight:600;z-index:2;position:relative}.option-text small{display:block;font-size:.85em;color:#9ca3af;font-weight:400;margin-top:4px;opacity:.8}@media(max-width:360px){.option-text small{display:none}}.quiz-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding:20px 0}.quiz-back{display:inline-flex;align-items:center;gap:8px;color:#17d4e6;text-decoration:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;padding:10px 20px;border-radius:100px;background-color:#17d4e61a;border:1px solid rgba(23,212,230,.3);opacity:0;visibility:hidden}.quiz-back.show{opacity:1;visibility:visible}.quiz-back:hover{background-color:#17d4e633;transform:translate(-5px);box-shadow:0 0 20px #17d4e64d}.quiz-results{display:none;animation:fadeIn .6s ease-out}.quiz-results.active{display:block}.result-title{font-size:clamp(26px,5vw,36px);color:#fff;margin-bottom:16px;font-weight:800;text-align:center;line-height:1.3;background:linear-gradient(135deg,#17d4e6,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 2px 20px rgba(23,212,230,.4))}.result-subtitle{text-align:center;color:#9ca3af;font-size:clamp(15px,3vw,18px);margin-bottom:30px;opacity:.9}.coupon-banner{background:linear-gradient(135deg,#17d4e6,#13b5c5);color:#000;padding:20px 24px;border-radius:16px;margin-bottom:32px;text-align:center;box-shadow:0 4px 20px #17d4e64d;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out .2s both}.coupon-banner h4{margin:0 0 6px;font-size:16px;font-weight:700;position:relative;z-index:1}.coupon-banner .coupon-desc{margin:0 0 12px;font-size:14px;opacity:.9;position:relative;z-index:1;font-weight:500}.coupon-discount{display:inline-block;font-size:28px;font-weight:900;position:relative;z-index:1;margin-bottom:4px}.coupon-code{background:#000;color:#17d4e6;padding:10px 24px;border-radius:10px;font-size:18px;font-weight:800;display:inline-block;margin:8px 0;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;letter-spacing:1.5px;border:2px solid rgba(23,212,230,.5);text-transform:uppercase}.coupon-code:hover{transform:scale(1.03);border-color:#17d4e6}.coupon-code:active{transform:scale(.98)}.coupon-copied{background:#10b981!important;color:#000!important;border-color:#10b981!important}.coupon-timer{font-size:12px;opacity:.75;margin-top:4px;position:relative;z-index:1;font-weight:600}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:50px}@media(max-width:640px){.product-grid{grid-template-columns:1fr;gap:20px}}.product-card{background:#ffffff08;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000080;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:productFadeIn .6s ease-out;animation-fill-mode:both}.product-card:nth-child(1){animation-delay:.1s}.product-card:nth-child(2){animation-delay:.2s}.product-card:nth-child(3){animation-delay:.3s}@keyframes productFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.product-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #17d4e633;border-color:#17d4e64d;background:#ffffff0d}.product-image-wrapper{width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,#17d4e61a,#13b5c50d);position:relative}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;filter:brightness(.9)}.product-card:hover .product-image{transform:scale(1.05);filter:brightness(1)}.product-info{padding:clamp(16px,3vw,25px)}.product-title{font-size:clamp(16px,3.5vw,20px);font-weight:700;color:#fff;margin-bottom:10px;line-height:1.3}.product-price{color:#17d4e6;font-size:clamp(22px,5vw,28px);font-weight:800;margin-bottom:15px;text-shadow:0 0 20px rgba(23,212,230,.5)}.product-description{color:#9ca3af;font-size:14px;line-height:1.6;margin-bottom:20px;opacity:.9}.product-buttons{display:flex;gap:10px;flex-wrap:wrap}.product-button{flex:1;min-width:120px;display:inline-block;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;text-align:center;border:none;cursor:pointer;font-size:14px;position:relative;overflow:hidden}@media(max-width:400px){.product-buttons{flex-direction:column}.product-button{min-width:100%}}.add-to-cart-btn{background:linear-gradient(135deg,#17d4e6,#13b5c5);color:#000;box-shadow:0 4px 15px #17d4e666}.add-to-cart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #17d4e699}.view-product-btn{background-color:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.view-product-btn:hover{background-color:#ffffff26;border-color:#17d4e680;box-shadow:0 0 20px #17d4e64d}.quiz-restart-wrapper{text-align:center}.quiz-restart{display:inline-flex;align-items:center;gap:8px;color:#17d4e6;text-decoration:none;font-size:16px;font-weight:600;cursor:pointer;margin:40px auto 0;padding:14px 28px;border-radius:100px;border:2px solid #17d4e6;transition:all .3s ease;background-color:transparent}.quiz-restart:hover{background-color:#17d4e6;color:#000;transform:translateY(-2px);box-shadow:0 8px 25px #17d4e680}.scroll-down-arrow{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;animation:arrow-bounce 1.5s infinite;margin-top:0}.scroll-down-arrow svg{display:block;margin:0 auto;filter:drop-shadow(0 2px 10px #17d4e678);opacity:.85}.scroll-tip{color:#17d4e6;font-size:15px;margin-top:3px;letter-spacing:.03em;opacity:.9;font-weight:600;text-align:center}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media(min-width:800px){.scroll-down-arrow{display:none!important}}.loading-spinner{text-align:center;padding:60px 20px;color:#9ca3af}.loading-spinner:after{content:"";display:block;width:40px;height:40px;margin:20px auto;border:3px solid rgba(23,212,230,.3);border-top-color:#17d4e6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/quiz-global.css.map */