.quiz-page{min-height:100vh;padding-top:var(--nav-height)}.quiz-welcome{min-height:calc(100vh - var(--nav-height));text-align:center;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.quiz-welcome:before{content:"";pointer-events:none;background:radial-gradient(#0d94881a,#0000 70%);width:600px;height:600px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.quiz-welcome__content{max-width:600px;position:relative}.quiz-welcome__icon{margin-bottom:var(--space-xl);font-size:64px;animation:4s ease-in-out infinite float;display:block}.quiz-welcome__subtitle{font-size:var(--fs-lg);margin-bottom:var(--space-2xl);max-width:500px;margin-left:auto;margin-right:auto}.quiz-welcome__features{justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.quiz-welcome__feature{align-items:center;gap:var(--space-sm);font-size:var(--fs-sm);color:var(--color-text-secondary);display:flex}.quiz-welcome__feature-icon{font-size:20px}.quiz-welcome__disclaimer{margin-top:var(--space-lg);font-size:var(--fs-xs);color:var(--color-text-muted)}.quiz-progress{top:var(--nav-height);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);background:#0a0f1cf2;position:sticky}.quiz-progress__bar{background:var(--color-bg-surface);height:4px;margin-bottom:var(--space-md);border-radius:2px;overflow:hidden}.quiz-progress__fill{background:var(--gradient-primary);width:0%;height:100%;box-shadow:0 0 10px var(--color-primary-glow);border-radius:2px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.quiz-progress__steps{justify-content:center;gap:var(--space-2xl);display:flex}.quiz-progress__step{align-items:center;gap:var(--space-sm);font-size:var(--fs-sm);color:var(--color-text-muted);transition:color var(--transition-base);display:flex}.quiz-progress__step.active{color:var(--color-primary-light)}.quiz-progress__step.completed{color:var(--color-success)}.quiz-progress__step-dot{background:var(--color-text-muted);width:8px;height:8px;transition:all var(--transition-base);border-radius:50%}.quiz-progress__step.active .quiz-progress__step-dot{background:var(--color-primary-light);box-shadow:0 0 8px var(--color-primary-glow)}.quiz-progress__step.completed .quiz-progress__step-dot{background:var(--color-success)}.quiz-step-content{max-width:800px;padding:var(--space-3xl) var(--space-xl);min-height:400px;margin:0 auto}.quiz-question{animation:.4s forwards fadeInUp}.quiz-question__title{font-size:var(--fs-2xl);margin-bottom:var(--space-sm);text-align:center}.quiz-question__subtitle{text-align:center;margin-bottom:var(--space-2xl);font-size:var(--fs-sm)}.quiz-question__max-label{text-align:center;font-size:var(--fs-xs);color:var(--color-secondary);margin-bottom:var(--space-lg);font-weight:500}.quiz-options{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.quiz-options--single{grid-template-columns:1fr;max-width:500px;margin:0 auto}.quiz-option{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;display:flex;position:relative}.quiz-option:hover{border-color:var(--color-border-hover);background:var(--color-bg-surface)}.quiz-option.selected{border-color:var(--color-primary);background:#0d94881a;box-shadow:0 0 20px #0d94881a}.quiz-option.selected:after{content:"✓";font-size:var(--fs-sm);color:var(--color-primary-light);background:#0d948833;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-weight:700;display:flex;position:absolute;top:10px;right:12px}.quiz-option__icon{flex-shrink:0;font-size:28px}.quiz-option__text{flex:1}.quiz-option__label{font-weight:600;font-size:var(--fs-base);color:var(--color-text-primary);margin-bottom:2px;display:block}.quiz-option__desc{font-size:var(--fs-xs);color:var(--color-text-muted)}.quiz-multi-questions{gap:var(--space-3xl);flex-direction:column;display:flex}.quiz-multi-questions .quiz-question{padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border)}.quiz-multi-questions .quiz-question:last-child{border-bottom:none;padding-bottom:0}.quiz-nav{max-width:800px;padding:var(--space-xl);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin:0 auto;display:flex}#nextBtn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.quiz-results{max-width:900px;padding:var(--space-3xl) var(--space-xl);margin:0 auto}.results-header{text-align:center;margin-bottom:var(--space-3xl);animation:.5s forwards fadeInUp}.results-header__icon{margin-bottom:var(--space-lg);font-size:64px;display:block}.results-header__title{font-size:var(--fs-3xl);margin-bottom:var(--space-md)}.results-header__subtitle{font-size:var(--fs-md);max-width:600px;margin:0 auto var(--space-lg)}.results-disclaimer{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-3xl);opacity:0;background:#f59e0b14;border:1px solid #f59e0b33;animation:.5s .2s forwards fadeInUp;display:flex}.results-disclaimer__icon{flex-shrink:0;font-size:24px}.results-disclaimer__text{font-size:var(--fs-sm);color:var(--color-text-secondary);line-height:1.7}.results-disclaimer__text strong{color:var(--color-secondary-light)}.result-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-xl);transition:all var(--transition-base);opacity:0;animation:.5s forwards fadeInUp}.result-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.result-card__header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.result-card__info{flex:1}.result-card__rank{font-size:var(--fs-xs);color:var(--color-primary-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-weight:700}.result-card__name{font-size:var(--fs-xl);margin-bottom:4px}.result-card__full-name{font-size:var(--fs-sm);color:var(--color-text-muted)}.result-card__match{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.result-card__score{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:800}.result-card__score.strong{color:var(--color-success)}.result-card__score.good{color:var(--color-primary-light)}.result-card__score.moderate{color:var(--color-secondary)}.result-card__match-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.result-card__match-label.strong{color:var(--color-success)}.result-card__match-label.good{color:var(--color-primary-light)}.result-card__match-label.moderate{color:var(--color-secondary)}.result-card__score-bar{background:var(--color-bg-surface);border-radius:2px;width:120px;height:4px;overflow:hidden}.result-card__score-fill{border-radius:2px;height:100%;transition:width 1s}.result-card__score-fill.strong{background:var(--color-success)}.result-card__score-fill.good{background:var(--color-primary-light)}.result-card__score-fill.moderate{background:var(--color-secondary)}.result-card__tagline{font-size:var(--fs-sm);color:var(--color-text-accent);margin-bottom:var(--space-md);font-style:italic}.result-card__description{font-size:var(--fs-sm);margin-bottom:var(--space-lg);line-height:1.8}.result-card__benefits{margin-bottom:var(--space-lg)}.result-card__benefits-title{font-size:var(--fs-sm);color:var(--color-text-primary);margin-bottom:var(--space-sm);font-weight:600}.result-card__benefit{align-items:center;gap:var(--space-sm);font-size:var(--fs-sm);color:var(--color-text-secondary);margin-bottom:6px;display:flex}.result-card__benefit:before{content:"✦";color:var(--color-primary-light);flex-shrink:0;font-size:10px}.result-card__consideration{padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--fs-xs);color:var(--color-text-muted);margin-bottom:var(--space-lg);background:#64748b1a;line-height:1.7}.result-card__actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.results-footer{text-align:center;margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border);opacity:0;animation:.5s 1s forwards fadeInUp}.results-footer__title{margin-bottom:var(--space-md)}.results-footer__actions{justify-content:center;gap:var(--space-md);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}@media (width<=768px){.quiz-options{grid-template-columns:1fr}.quiz-progress__steps{gap:var(--space-md)}.quiz-progress__step span:not(.quiz-progress__step-dot){display:none}.quiz-question__title{font-size:var(--fs-xl)}.result-card__header{flex-direction:column}.result-card__match{align-items:flex-start;gap:var(--space-md);flex-direction:row}.result-card__actions{flex-direction:column}.quiz-welcome__features{flex-direction:column;align-items:center}}