.vitafive-quiz-section{--quiz-green: #4ade80;--quiz-green-light: #86efac;--quiz-green-dark: #22c55e;--quiz-peach: #fb7185;--quiz-peach-light: #fda4af;--quiz-lavender: #a78bfa;--quiz-lavender-light: #c4b5fd;--quiz-mint: #5eead4;--quiz-sage: #6ee7b7;--quiz-rose: #f472b6;--quiz-text-primary: #1f2937;--quiz-text-secondary: #4b5563;--quiz-text-muted: #6b7280;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.quiz-welcome-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--quiz-green) 0%,var(--quiz-mint) 100%);padding:2rem 1.5rem;position:relative}.quiz-welcome-screen:before{content:"";position:absolute;top:5rem;left:2rem;width:4rem;height:4rem;border-radius:50%;background:#fff3}.quiz-welcome-screen:after{content:"";position:absolute;bottom:6rem;right:3rem;width:3rem;height:3rem;border-radius:50%;background:#ffffff26}.quiz-welcome-content{text-align:center;color:#fff;max-width:400px;position:relative;z-index:1}.quiz-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem;animation:slideInDown .8s ease-out}.quiz-logo-icon{width:3rem;height:3rem;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #00000026}.quiz-logo-icon svg{width:2rem;height:2rem}.quiz-brand-text{display:flex;flex-direction:column;align-items:flex-start}.quiz-brand-name{font-weight:600;font-size:1rem;letter-spacing:-.025em;color:#fffffff2}.quiz-brand-tagline{font-size:.75rem;font-weight:400;letter-spacing:.1em;color:#fffc}.quiz-welcome-title{font-size:2rem;font-weight:600;margin-bottom:1rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1);animation:slideInUp .8s ease-out .2s both}.quiz-welcome-subtitle{font-size:1rem;margin-bottom:2rem;opacity:.9;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.1);animation:slideInUp .8s ease-out .4s both}.quiz-trust-indicators{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem;font-size:.75rem;color:#ffffffb3;flex-wrap:wrap;animation:slideInUp .8s ease-out .6s both}.quiz-trust-dot{opacity:.4}.quiz-start-button{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--quiz-green-dark);border:none;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;box-shadow:0 10px 25px #00000026;transition:all .3s ease;cursor:pointer;animation:slideInUp .8s ease-out .8s both}.quiz-start-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #0003}.quiz-start-button:active{transform:translateY(0)}.quiz-welcome-hint{margin-top:1rem;font-size:.75rem;color:#fff9;animation:slideInUp .8s ease-out 1s both}.quiz-screen{min-height:100vh;display:flex;flex-direction:column;background:#fafbfc;position:relative}.quiz-progress{position:fixed;top:0;left:0;right:0;background:#fff;padding:1rem;box-shadow:0 2px 10px #0000001a;z-index:40}.quiz-progress-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--quiz-green),var(--quiz-mint));border-radius:2px;transition:width .6s ease}.quiz-progress-text{text-align:center;font-size:.875rem;color:var(--quiz-text-muted);font-weight:500}.quiz-card-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 1.5rem 4rem;position:relative}.quiz-swipe-indicators{position:absolute;top:2rem;left:0;right:0;z-index:20;pointer-events:none}.quiz-indicator{position:absolute;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:500;opacity:0;transition:all .2s ease}.quiz-indicator-left{top:0;left:2rem;background:#fef2f2;color:#dc2626;border:2px solid #fecaca}.quiz-indicator-right{top:0;right:2rem;background:var(--quiz-green-light);color:var(--quiz-green-dark);border:2px solid var(--quiz-green-dark)}.quiz-card{width:100%;max-width:350px;background:linear-gradient(135deg,var(--quiz-green-light),var(--quiz-mint));border-radius:1.5rem;padding:2rem;text-align:center;color:#fff;box-shadow:0 25px 50px #00000026;position:relative;overflow:hidden;cursor:grab;transition:transform .3s ease,opacity .3s ease;z-index:10}.quiz-card:active{cursor:grabbing}.quiz-card:before{content:"";position:absolute;top:1rem;right:1rem;width:4rem;height:4rem;border-radius:50%;background:#fff3}.quiz-card:after{content:"";position:absolute;bottom:2rem;left:1.5rem;width:3rem;height:3rem;border-radius:50%;background:#ffffff26}.quiz-card-peach{background:linear-gradient(135deg,var(--quiz-peach-light),var(--quiz-peach))}.quiz-card-lavender{background:linear-gradient(135deg,var(--quiz-lavender-light),var(--quiz-lavender))}.quiz-card-sage{background:linear-gradient(135deg,var(--quiz-mint),var(--quiz-sage))}.quiz-card-rose{background:linear-gradient(135deg,var(--quiz-rose),var(--quiz-peach))}.quiz-card-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;background:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}.quiz-card-icon svg{width:2rem;height:2rem;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.quiz-card-text{font-size:1.25rem;font-weight:600;margin-bottom:1rem;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;z-index:10}.quiz-card-instruction{font-size:.875rem;opacity:.8;margin-bottom:1.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;z-index:10}.quiz-card-buttons{display:none;gap:1rem;position:relative;z-index:10}.quiz-button{flex:1;padding:.75rem 1rem;border:2px solid rgba(255,255,255,.4);background:#ffffff40;color:#fff;border-radius:50px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.quiz-button:hover{background:#ffffff59;border-color:#ffffff80;transform:scale(1.05)}.quiz-instructions-below{margin-top:2rem;text-align:center;color:var(--quiz-text-muted);z-index:5}.quiz-mobile-hint{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.875rem}.quiz-mobile-hint span:first-child,.quiz-mobile-hint span:last-child{font-size:1.5rem}.quiz-desktop-hint{display:none;font-size:.875rem;margin-top:.5rem}.quiz-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50}.quiz-loading-spinner{width:2rem;height:2rem;border:4px solid var(--quiz-green);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.quiz-results-screen{min-height:100vh;background:linear-gradient(135deg,#f8f5f0,#fff);padding:2rem 1.5rem;display:flex;align-items:center;justify-content:center}.quiz-results-content{text-align:center;max-width:400px;width:100%}.quiz-result-icon{width:6rem;height:6rem;margin:0 auto 2rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #22c55e26;animation:bounceIn .8s ease-out}.quiz-result-icon svg{width:3rem;height:3rem;color:var(--quiz-green)}.quiz-result-header{margin-bottom:1.5rem;animation:slideInUp .8s ease-out .2s both}.quiz-congrats{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:var(--quiz-text-muted)}.quiz-result-title{font-size:2rem;font-weight:700;color:var(--quiz-text-primary);line-height:1.2}.quiz-result-description{font-size:1rem;color:var(--quiz-text-secondary);line-height:1.6;margin-bottom:2rem;animation:slideInUp .8s ease-out .4s both}.quiz-products-section{margin-bottom:2rem;animation:slideInUp .8s ease-out .6s both}.quiz-products-title{font-size:1.125rem;font-weight:600;color:var(--quiz-text-primary);margin-bottom:1.5rem}.quiz-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.quiz-product-item{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 4px 15px #00000014;transition:transform .2s ease}.quiz-product-item:hover{transform:translateY(-2px)}.quiz-product-image{aspect-ratio:1;border-radius:.5rem;overflow:hidden;background:#f3f4f6;margin-bottom:.75rem}.quiz-product-image img{width:100%;height:100%;object-fit:cover}.quiz-product-name{font-size:.75rem;font-weight:500;color:var(--quiz-text-primary);text-align:center;line-height:1.3}.quiz-product-summary{background:linear-gradient(135deg,var(--quiz-green),var(--quiz-mint));border-radius:1rem;padding:1.5rem;color:#fff;position:relative;overflow:hidden}.quiz-product-summary:before{content:"";position:absolute;top:.5rem;right:.5rem;width:4rem;height:4rem;border-radius:50%;background:#ffffff1a}.quiz-summary-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;position:relative;z-index:10}.quiz-summary-icon{width:2.5rem;height:2.5rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.quiz-summary-icon svg{width:1.25rem;height:1.25rem;color:#fff}.quiz-perfect-match-badge{background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.quiz-summary-details{position:relative;z-index:10}.quiz-summary-details h4{font-size:1rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.quiz-summary-info{display:flex;justify-content:space-between;font-size:.875rem;opacity:.9}.quiz-result-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;animation:slideInUp .8s ease-out .8s both}.quiz-add-to-cart-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--quiz-green);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;box-shadow:0 10px 25px #22c55e40;transition:all .3s ease;cursor:pointer}.quiz-add-to-cart-button:hover{background:var(--quiz-green-dark);transform:translateY(-2px);box-shadow:0 15px 35px #22c55e59}.quiz-restart-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;color:var(--quiz-green);border:2px solid var(--quiz-green);padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease;cursor:pointer}.quiz-restart-button:hover{background:var(--quiz-green);color:#fff;transform:translateY(-1px)}.quiz-result-hint{font-size:.75rem;color:var(--quiz-text-muted);animation:slideInUp .8s ease-out 1s both}@media (min-width: 1024px){.quiz-welcome-title{font-size:2.5rem}.quiz-welcome-subtitle{font-size:1.125rem}.quiz-card{max-width:450px;padding:2.5rem}.quiz-card-text{font-size:1.5rem}.quiz-card-instruction{font-size:1rem}.quiz-card-buttons{display:flex}.quiz-mobile-hint{display:none}.quiz-desktop-hint{display:block}.quiz-result-title{font-size:2.5rem}.quiz-result-description{font-size:1.125rem}.quiz-products-grid{grid-template-columns:repeat(3,1fr)}.quiz-product-name{font-size:.875rem}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) rotate(-180deg)}50%{opacity:1;transform:scale(1.1) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.quiz-card{border:2px solid currentColor}.quiz-button{border-width:3px}}.quiz-start-button:focus,.quiz-button:focus,.quiz-add-to-cart-button:focus,.quiz-restart-button:focus{outline:2px solid var(--quiz-green);outline-offset:4px}
/*# sourceMappingURL=/cdn/shop/t/46/assets/vitafive-quiz.css.map */