.quiz-container{max-width:680px;margin:0 auto;padding:120px 20px 60px;min-height:100vh;display:flex;flex-direction:column}.quiz-landing{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 0}.landing-badge{display:inline-block;background:#ed89361a;border:1px solid rgba(237,137,54,.3);color:var(--orange);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:6px 18px;border-radius:var(--radius-full);margin-bottom:24px}.quiz-landing h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;line-height:1.1;margin-bottom:16px;letter-spacing:-.02em;color:var(--navy)}.quiz-landing h1 .gradient-text{background:linear-gradient(135deg,var(--orange) 0%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-landing p{font-size:1.1rem;color:var(--text-secondary);max-width:520px;margin:0 auto 32px;line-height:1.7}.landing-features{display:flex;gap:24px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.landing-feature{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);font-weight:500}.landing-feature .icon{width:22px;height:22px;background:#16a34a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--green);font-size:11px;flex-shrink:0}.progress-wrap{margin-bottom:32px}.progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.1em}.progress-count{font-size:13px;color:var(--text-secondary);font-weight:600}.progress-bar{height:4px;background:var(--border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--orange-hover));border-radius:4px;transition:width .4s ease}.question-screen{flex:1;display:flex;flex-direction:column}.question-text{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:800;margin-bottom:8px;line-height:1.3;color:var(--navy);letter-spacing:-.02em}.question-sub{font-size:14px;color:var(--text-muted);margin-bottom:28px}.options{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;flex:1}.option{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-align:left;box-shadow:0 1px 2px #00000008}.option:hover{border-color:var(--navy);box-shadow:var(--shadow)}.option.selected{background:#ed89360f;border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.option-radio{width:20px;height:20px;border:2px solid var(--border);border-radius:50%;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:all .2s}.option.selected .option-radio{border-color:var(--orange);background:var(--orange)}.option.selected .option-radio:after{content:"";width:8px;height:8px;background:#fff;border-radius:50%}.option-content h4{font-size:15px;font-weight:600;color:var(--navy)}.nav-row{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border)}.email-screen{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:40px 0}.email-screen h2{font-size:clamp(1.5rem,4vw,1.875rem);font-weight:800;margin-bottom:12px;color:var(--navy);letter-spacing:-.02em}.email-screen p{font-size:1rem;color:var(--text-secondary);margin-bottom:32px;max-width:440px;margin-left:auto;margin-right:auto;line-height:1.7}.email-form{display:flex;flex-direction:column;gap:12px;max-width:400px;margin:0 auto;width:100%}.email-form input{width:100%;padding:14px 18px;background:var(--bg-surface);border:1.5px solid var(--border);border-radius:12px;color:var(--navy);font-size:15px;font-family:var(--font-sans);outline:none;transition:border .2s}.email-form input:focus{border-color:var(--orange)}.email-form input::placeholder{color:var(--text-muted)}.email-trust{font-size:12px;color:var(--text-muted);margin-top:8px}.results-screen{padding:20px 0}.result-type-badge{display:inline-block;padding:6px 16px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.result-type-badge.high{background:#16a34a1a;border:1px solid rgba(22,163,74,.3);color:var(--green)}.result-type-badge.mid{background:#ed89361a;border:1px solid rgba(237,137,54,.3);color:var(--orange)}.result-type-badge.low{background:#3182ce1a;border:1px solid rgba(49,130,206,.3);color:var(--blue)}.results-screen h2{font-size:clamp(1.5rem,4vw,1.75rem);font-weight:800;margin-bottom:8px;line-height:1.2;color:var(--navy);letter-spacing:-.02em}.results-screen .result-sub{font-size:15px;color:var(--text-secondary);margin-bottom:32px;line-height:1.7}.result-card{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:12px;box-shadow:0 1px 2px #00000008}.result-card h3{font-size:15px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px;color:var(--navy)}.result-card p{font-size:14px;color:var(--text-secondary);line-height:1.7}.result-card .tag{display:inline-block;background:#ed89361a;color:var(--orange);font-size:11px;font-weight:600;padding:4px 12px;border-radius:var(--radius-full);margin-top:12px}.score-bar-wrap{margin-bottom:32px}.score-bar-label{display:flex;justify-content:space-between;margin-bottom:8px}.score-bar-label span{font-size:13px;font-weight:600;color:var(--navy)}.score-bar-label .score-val{color:var(--orange)}.score-bar{height:6px;background:var(--border);border-radius:6px;overflow:hidden}.score-bar-fill{height:100%;border-radius:6px;transition:width 1s ease}.score-bar-fill.high{background:linear-gradient(90deg,var(--green),#34d399)}.score-bar-fill.mid{background:linear-gradient(90deg,var(--orange),#fbbf24)}.score-bar-fill.low{background:linear-gradient(90deg,var(--blue),#63b3ed)}.results-cta{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.results-cta p{font-size:14px;color:var(--text-muted);margin-bottom:16px}.results-cta a.quiz-btn-primary{text-decoration:none;color:#fff}.quiz-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);color:#fff;font-size:1.05rem;font-weight:700;padding:16px 36px;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .2s;font-family:var(--font-sans);box-shadow:var(--shadow);align-self:center}.quiz-btn-primary:hover{background:var(--orange-hover);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.quiz-btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.quiz-btn-secondary{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--navy);font-size:14px;font-weight:600;padding:10px 20px;border:2px solid var(--navy);border-radius:var(--radius-full);cursor:pointer;transition:all .2s;font-family:var(--font-sans)}.quiz-btn-secondary:hover{background:var(--navy);color:#fff}.fade-in{animation:quizFadeIn .3s ease}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.quiz-landing h1{font-size:1.75rem}.landing-features{flex-direction:column;align-items:center}.question-text{font-size:1.2rem}.results-screen h2{font-size:1.4rem}.quiz-container{padding-top:100px}}