.quiz-webx-popup{color:#333;padding:40px 20px}.quiz-webx-popup footer.modal-footer{display:none}.quiz-webx-popup .quiz-card{background-color:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.06);max-width:800px;margin:auto;padding:36px 28px;border:1px solid #e7ddd2}.quiz-webx-popup .progress-wrapper{margin-bottom:20px}.quiz-webx-popup .progress-step-label{text-align:center;font-size:1.25rem;color:#7a6548;margin-bottom:12px;font-weight:600}.quiz-webx-popup .progress-bar{height:12px;background:#f1e8dd;border-radius:6px;overflow:hidden}.quiz-webx-popup .progress-bar-fill{height:100%;background:linear-gradient(to right,#f3a847,#c77d34);width:0;transition:width .3s ease;border-radius:6px}.quiz-webx-popup .webx-quiz-step{display:none;animation:fadeIn .4s ease-in-out}.quiz-webx-popup .webx-quiz-step.active{display:block}.quiz-webx-popup .webx-quiz-step h2{font-size:1.6rem;margin-bottom:20px;color:#6b4c27;display:flex;align-items:center;gap:10px}.quiz-webx-popup .question-emoji{font-size:1.5rem;margin-right:6px;display:inline-block;vertical-align:middle}.quiz-webx-popup .input-block{margin-top:10px}.quiz-webx-popup select,.quiz-webx-popup input[type=email]{width:100%;border:1px solid #d9cfc1;border-radius:10px;transition:border .3s ease;font-size:1.2rem}.quiz-webx-popup select:focus,.quiz-webx-popup input[type=email]:focus{border-color:#c77d34;outline:none}.quiz-webx-popup .styled-options label{background:#fdf8f3;padding:12px 16px;border:1px solid #e0d2c0;border-radius:12px;margin:10px 0;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .3s ease,border-color .3s ease;font-size:1rem;color:#44331e}.quiz-webx-popup .styled-options label:hover{background-color:#f7e8d9;border-color:#c77d34}.quiz-webx-popup .styled-options input{margin-right:10px;transform:scale(1.2)}.quiz-webx-popup .cta-button{background-color:#c77d34;color:#fff;border:none;border-radius:10px;padding:12px 28px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:background .3s ease;display:inline-block}.quiz-webx-popup .cta-button.see-my-recommendations{font:500 16px/1.35 Poppins Helvetica Neue,Verdana,Arial,sans-serif !important}.show-my-gift-matches-step{text-align:center}.quiz-webx-popup .cta-button.show-my-gift-matches{margin-top:0}.quiz-webx-popup .cta-button:hover{background-color:#a86528}.quiz-webx-popup .cta-button.secondary{background-color:#f0d57d !important;color:#5f4b30 !important}.quiz-webx-popup .cta-button.secondary:hover{background-color:#e6d5c3}.quiz-webx-popup .quiz-navigation{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:20px}.quiz-webx-popup #results{padding-top:30px;background:#fffdf9;border:1px solid #e0d2c0;margin-top:40px;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center}.quiz-webx-popup #recommendations{margin-bottom:12px}.quiz-webx-popup #emailInput{max-width:320px}.quiz-webx-popup .quiz-start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:fadeIn .4s ease-in-out}.quiz-webx-popup .quiz-start-screen h2{font-size:2rem;color:#6b4c27;margin-bottom:10px}.quiz-webx-popup .quiz-start-screen p{font-size:1.6rem;color:#5e4a2f;margin-bottom:24px;max-width:500px}.quiz-webx-popup select.error,.quiz-webx-popup input.error{border:2px solid red}.quiz-webx-popup .error-message{color:red;font-size:.85rem;margin-top:6px;display:none}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.quiz-webx-popup .quiz-card{padding:24px}.quiz-webx-popup .quiz-navigation{flex-direction:column;align-items:stretch}.quiz-webx-popup .cta-button{width:100%;text-align:center}.modal-popup.quiz-webx-popup.modal-slide{left:0;padding:0}}.quiz-webx-popup .progress-dots{display:flex;justify-content:center;margin-top:10px;gap:6px}.quiz-webx-popup .progress-dots .dot{width:10px;height:10px;background:#ccc;border-radius:50%;transition:background .3s ease}.quiz-webx-popup .progress-dots .dot.active{background:#c77d34}@keyframes fadeInStep{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.webx-quiz-step.fade-in{animation:fadeInStep .4s ease-in-out}.quiz-webx-popup .error-message{color:red;font-size:1.2rem;margin-top:6px;display:block}.quiz-webx-popup .question-emoji{font-size:1.5rem;margin-right:10px;display:inline-block;vertical-align:middle}.quiz-webx-popup h2{display:flex;align-items:center;gap:10px;font-size:1.6rem}.quiz-webx-popup .styled-options label{display:flex;align-items:center;gap:10px;font-size:1.2rem;padding:12px 16px;border-radius:12px;border:1px solid #e0d2c0;background:#fdf8f3;margin:10px 0;cursor:pointer;transition:background .3s ease,border-color .3s ease;color:#44331e}.quiz-webx-popup .styled-options label:hover{background-color:#f7e8d9;border-color:#c77d34}.quiz-webx-popup .styled-options input{margin-right:10px;transform:scale(1.2)}.modal-popup.quiz-webx-popup .modal-inner-wrap .modal-header .action-close{right:0 !important}.modal-popup.quiz-webx-popup .modal-inner-wrap .modal-header .action-close{background-color:#c77d34}.quiz-webx-popup input[type=email]{font-size:1.6rem}