.pure-skincare-quiz{max-width:800px;margin:0 auto;font-family:inherit;position:relative;clear:both}
.pure-skincare-seo-content{margin:2rem 0;line-height:1.6}
.pure-skincare-seo-content h2{color:#1b5429!important;font-size:1.8rem;margin:2rem 0 1rem 0}
.pure-skincare-seo-content h3{color:#1b5429!important;font-size:1.4rem;margin:1.5rem 0 1rem 0}
.quiz-screen{display:none;animation:fadeIn .5s ease-in}
.quiz-screen.active{display:block!important}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.quiz-card{background:#fff!important;border-radius:12px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.1);text-align:center;margin-bottom:2rem;border:1px solid #e9ecef}
.quiz-welcome-image,.question-image{width:100%;max-width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:8px;margin-bottom:1.5rem;display:block}
.image-placeholder{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:2rem;margin-bottom:1.5rem;color:#6c757d;font-style:italic;min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.quiz-card h2{color:#1b5429!important;font-size:2rem;margin-bottom:1rem;font-weight:bold}
.quiz-card h3{color:#1b5429!important;font-size:1.5rem;margin-bottom:1.5rem;line-height:1.4;font-weight:600}
.quiz-card p{color:#6c757d!important;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}
.quiz-features{display:flex;justify-content:space-around;flex-wrap:wrap;margin:2rem 0;gap:1rem}
.feature{display:flex;align-items:center;gap:.5rem;color:#1b5429!important;font-weight:500}
.feature-icon{font-size:1.2rem}
.progress-container{margin-bottom:2rem}
.progress-bar{background:#e9ecef;border-radius:25px;height:12px;position:relative;overflow:hidden;margin-bottom:1rem;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}
.progress-fill{background:linear-gradient(90deg,#2d5a3d 0%,#1b5429 50%,#0f3a1c 100%);height:100%;border-radius:25px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 4px rgba(27,84,41,.3)}
.progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 2s infinite}
.progress-text{font-size:.9rem;color:#6c757d;text-align:center;font-weight:500}
@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.quiz-btn{background:linear-gradient(135deg,#1b5429,#2d5a3d)!important;color:#fff!important;border:none!important;padding:1rem 2rem!important;border-radius:25px!important;font-size:1.1rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;text-decoration:none!important;display:inline-block!important;margin:.5rem!important;outline:none!important}
.quiz-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(27,84,41,.4)!important;color:#fff!important;text-decoration:none!important}
.quiz-btn-primary{background:linear-gradient(135deg,#1b5429,#2d5a3d)!important}
.quiz-btn-primary:hover{box-shadow:0 6px 20px rgba(27,84,41,.4)!important}
.quiz-btn-secondary{background:linear-gradient(135deg,#b8925f,#bea980)!important}
.quiz-btn-outline{background:transparent!important;color:#1b5429!important;border:2px solid #1b5429!important}
.quiz-btn-outline:hover{background:#1b5429!important;color:#fff!important}
.answer-options{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}
.answer-btn{background:#fff!important;border:2px solid #e9ecef!important;border-radius:12px!important;padding:1.5rem!important;cursor:pointer!important;transition:all .3s ease!important;text-align:left!important;display:flex!important;align-items:center!important;gap:1rem!important;font-size:1rem!important;line-height:1.4!important;width:100%!important;box-sizing:border-box!important;min-height:60px!important}
.answer-btn:hover{border:2px solid transparent!important;background:linear-gradient(white, white) padding-box, linear-gradient(135deg,#b8925f,#bea980) border-box!important;transform:translateY(-2px)!important;box-shadow:0 4px 15px rgba(184,146,95,.2)!important}
.answer-text{flex:1;color:#333!important;font-weight:500!important}
.results-content{text-align:left;margin:2rem 0}
.skin-type-result{background:linear-gradient(135deg,#1b5429,#2d5a3d)!important;color:#fff!important;padding:2rem;border-radius:12px;margin-bottom:2rem;text-align:center}
.skin-type-result h3{font-size:2rem;margin-bottom:1rem;color:#fff!important}
.skin-type-result p{color:#fff!important}
.skin-type-description{background:#f8f9fa!important;padding:2rem;border-radius:12px;border-left:4px solid transparent;border-image:linear-gradient(135deg,#b8925f,#bea980) 1;margin-bottom:2rem}
.skin-care-tips{background:#fff!important;border:1px solid #e9ecef;border-radius:12px;padding:2rem;margin-bottom:2rem}
.skin-care-tips h4{color:#1b5429!important;margin-bottom:1rem}
.skin-care-tips ul{list-style-type:none;padding:0}
.skin-care-tips li{padding:.5rem 0;border-bottom:1px solid #f0f0f0}
.skin-care-tips li:before{content:'✓';color:#1b5429;font-weight:bold;margin-right:.5rem}
.sensitivity-note{background:#fff3cd!important;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;margin-bottom:1rem}
.email-signup-section{margin:3rem 0}
.signup-card{background:linear-gradient(135deg,#f8f9fa,#fff)!important;border:1px solid #e9ecef;border-radius:12px;padding:2rem;text-align:center}
.signup-card h4{color:#1b5429!important;font-size:1.5rem;margin-bottom:1rem}
.signup-form{margin-top:1.5rem}
.form-row{display:flex;gap:1rem;margin-bottom:1rem}
.signup-form input{flex:1;padding:1rem!important;border:2px solid #e9ecef!important;border-radius:8px!important;font-size:1rem!important;transition:border-color .3s ease}
.signup-form input:focus{outline:none!important;border-color:#1b5429!important}
.signup-note{font-size:.9rem;color:#6c757d;margin-top:.5rem}
.quiz-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.loading-screen .quiz-card{text-align:center}
.loading-spinner{width:50px;height:50px;border:4px solid #e9ecef;border-top:4px solid #1b5429;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem auto}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@media (max-width:768px){.pure-skincare-quiz{margin:0 -1rem}.quiz-card{padding:1.5rem!important}.quiz-btn{padding:1.2rem 1.5rem!important;font-size:1rem!important;min-height:50px!important;line-height:1.2!important}.quiz-card{padding:1.5rem!important}.quiz-card h2{font-size:1.5rem!important}.quiz-card h3{font-size:1.3rem!important}.quiz-features{flex-direction:column;align-items:center}.form-row{flex-direction:column}.quiz-actions{flex-direction:column}.answer-btn{padding:1rem!important}.quiz-welcome-image,.question-image{max-height:250px!important}}
@media (max-width:480px){.quiz-card{padding:1rem!important}.answer-btn{flex-direction:column!important;text-align:center!important;gap:.5rem!important}.quiz-welcome-image,.question-image{max-height:200px!important}}
@media (min-width:1200px){.quiz-welcome-image{max-height:500px!important}.question-image{max-height:350px!important}}