.quiz-page{min-height:80vh;padding:var(--sp-12) var(--sp-4);background:radial-gradient(circle at top,var(--primary-bg-subtle),transparent 38%),var(--gradient-hero)}.quiz-container{max-width:840px;margin:0 auto}.quiz-header{text-align:center;margin-bottom:var(--sp-10)}.quiz-badge{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--primary-muted);color:var(--primary);border:1px solid var(--primary-border);border-radius:var(--radius-full);padding:var(--sp-1) var(--sp-4);font-size:var(--text-xs);font-weight:var(--font-bold);margin-bottom:var(--sp-4);letter-spacing:var(--tracking-widest);text-transform:uppercase}.quiz-header h1{font-family:var(--font-heading);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:var(--font-black);color:var(--text);margin:0 0 var(--sp-4);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.quiz-header p{font-size:var(--text-base);color:var(--text-secondary);max-width:620px;margin:0 auto;line-height:var(--leading-relaxed)}.quiz-screen[hidden],.quiz-progress-wrapper[hidden],.quiz-email-msg[hidden],.quiz-email-confirmation[hidden],.quiz-email-section[hidden],.quiz-honeypot[hidden]{display:none !important}.quiz-progress-wrapper{margin-bottom:var(--sp-6);padding:0 var(--sp-1)}.quiz-progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2);font-size:var(--text-sm);color:var(--text-secondary)}.quiz-progress-label strong{color:var(--text);font-weight:var(--font-bold)}.quiz-progress-bar{width:100%;height:6px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.quiz-progress-fill{height:100%;width:0;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--ease-in-out)}.quiz-card{background:var(--card);border-radius:var(--radius-xl);padding:var(--sp-10);box-shadow:var(--shadow-xl);border:1px solid var(--border);position:relative;overflow:hidden}.quiz-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--primary-border),transparent)}.quiz-question-num{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-muted);margin-bottom:var(--sp-3)}.quiz-question-text{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text);margin:0 0 var(--sp-6);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.quiz-intro-lead{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--sp-5);line-height:var(--leading-relaxed)}.quiz-intro-list{display:grid;gap:var(--sp-3);list-style:none;padding:0;margin:0 0 var(--sp-8)}.quiz-intro-list li{display:grid;grid-template-columns:1.4rem 1fr;gap:var(--sp-3);align-items:start;color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.quiz-intro-list i{color:var(--primary);margin-top:0.2rem}.quiz-options{display:grid;gap:var(--sp-3)}.quiz-option{display:flex;align-items:flex-start;gap:var(--sp-3);width:100%;padding:var(--sp-4) var(--sp-5);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--ease-fast);font-size:var(--text-base);color:var(--text-secondary);text-align:left;font-family:inherit;line-height:var(--leading-normal);appearance:none}.quiz-option:hover{border-color:var(--primary-border);background:var(--card-hover);color:var(--text);transform:translateY(-1px);box-shadow:var(--shadow-md)}.quiz-option:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.quiz-option-letter{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-bold);flex-shrink:0;transition:all var(--ease-fast);font-family:var(--font-heading)}.quiz-option:hover .quiz-option-letter,.quiz-option.selected .quiz-option-letter{background:var(--primary);color:var(--text-inverse)}.quiz-option.selected{border-color:var(--primary-border-medium);background:var(--primary-muted);color:var(--text)}.quiz-option.correct{border-color:var(--success-border);background:var(--success-bg);color:var(--text);pointer-events:none}.quiz-option.correct .quiz-option-letter{background:var(--success);color:var(--text-inverse)}.quiz-option.wrong{border-color:var(--danger-border);background:var(--danger-bg);color:var(--text);pointer-events:none}.quiz-option.wrong .quiz-option-letter{background:var(--danger);color:var(--text-inverse)}.quiz-option.disabled{pointer-events:none;opacity:0.55}.quiz-next-btn{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-6);padding:var(--sp-3) var(--sp-8);background:var(--primary);color:var(--text-inverse);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:background var(--ease-fast),transform var(--ease-fast),box-shadow var(--ease-fast)}.quiz-next-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-glow-sm)}.quiz-next-btn:disabled{background:var(--bg-elevated);color:var(--text-disabled);cursor:not-allowed;transform:none;box-shadow:none}.quiz-slide{animation:quizSlideIn var(--ease-in-out) 0.35s both}@keyframes quizSlideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.quiz-slide-out{animation:quizSlideOut 0.25s cubic-bezier(0.4,0,0.2,1) forwards}@keyframes quizSlideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}.quiz-result{text-align:left;animation:quizSlideIn 0.4s cubic-bezier(0.4,0,0.2,1) both}.quiz-result-icon{width:4.5rem;height:4.5rem;font-size:var(--text-2xl);margin-bottom:var(--sp-4);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--primary-muted);color:var(--primary);border:1px solid var(--primary-border)}.quiz-result-score{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--primary-muted);color:var(--primary);border:1px solid var(--primary-border);border-radius:var(--radius-full);padding:var(--sp-2) var(--sp-4);font-size:var(--text-base);font-weight:var(--font-black);margin-bottom:var(--sp-3)}.quiz-result-level{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--text);margin:var(--sp-2) 0 var(--sp-3);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.level-debutant{color:var(--warning)}.level-intermediaire{color:var(--primary)}.level-avance{color:var(--success)}.level-expert{color:var(--cat-ia)}.quiz-result-desc{font-size:var(--text-base);color:var(--text-secondary);max-width:560px;margin:0 0 var(--sp-8);line-height:var(--leading-relaxed)}.quiz-result-bar-wrapper{background:var(--bg-elevated);border-radius:var(--radius-full);height:8px;max-width:420px;margin:0 0 var(--sp-8);overflow:hidden}.quiz-result-bar-fill{height:100%;width:0;border-radius:var(--radius-full);background:var(--gradient-primary);transition:width 1.2s cubic-bezier(0.4,0,0.2,1)}.quiz-email-section{margin-top:var(--sp-8);padding:var(--sp-6);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left}.quiz-email-section h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text);margin:0 0 var(--sp-2);letter-spacing:var(--tracking-tight)}.quiz-email-section h3 i{color:var(--primary);margin-right:var(--sp-2)}.quiz-email-section p{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--sp-5);line-height:var(--leading-relaxed)}.quiz-email-form{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:flex-start}.quiz-email-input-wrap{flex:1;min-width:220px}.quiz-email-input{width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);background:var(--bg-elevated);color:var(--text);transition:border-color var(--ease-fast),box-shadow var(--ease-fast);outline:none;appearance:none;box-sizing:border-box}.quiz-email-input::placeholder{color:var(--text-muted)}.quiz-email-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-muted)}.quiz-email-submit{padding:var(--sp-3) var(--sp-6);background:var(--primary);color:var(--text-inverse);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;white-space:nowrap;transition:background var(--ease-fast),transform var(--ease-fast)}.quiz-email-submit:hover{background:var(--primary-hover);transform:translateY(-1px)}.quiz-email-submit:disabled{background:var(--bg-elevated);color:var(--text-disabled);cursor:not-allowed;transform:none}.quiz-email-note{width:100%;font-size:var(--text-xs);color:var(--text-muted);margin:var(--sp-1) 0 0;display:flex;align-items:center;gap:var(--sp-2)}.quiz-email-note i{opacity:0.7}.quiz-email-msg{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:var(--sp-3);width:100%;line-height:var(--leading-normal)}.quiz-email-msg--success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.quiz-email-msg--error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.quiz-email-confirmation{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:var(--success-bg);border:1px solid var(--success-border);color:var(--success);font-size:var(--text-sm);font-weight:var(--font-semibold);display:flex;align-items:center;gap:var(--sp-2)}.quiz-replay-btn{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-5);padding:var(--sp-2) var(--sp-5);background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--ease-fast)}.quiz-replay-btn:hover{border-color:var(--primary-border);color:var(--primary);background:var(--primary-muted)}.quiz-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sp-4);margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--border-light)}.quiz-trust-item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-secondary);background:var(--card);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.quiz-trust-item i{color:var(--primary);font-size:var(--text-sm)}.quiz-trust-item strong{color:var(--text);font-weight:var(--font-bold)}[data-theme="light"] .quiz-page{background:radial-gradient(circle at top,var(--primary-muted),transparent 38%),linear-gradient(180deg,var(--bg) 0%,var(--bg-tertiary) 100%)}[data-theme="light"] .quiz-card{background:var(--bg-elevated);border-color:var(--border);box-shadow:var(--shadow-lg)}[data-theme="light"] .quiz-card::before{background:linear-gradient(90deg,var(--primary-border),transparent)}[data-theme="light"] .quiz-option{background:var(--bg-section-a);border-color:var(--border);color:var(--text-secondary)}[data-theme="light"] .quiz-option:hover{background:var(--bg-elevated);border-color:var(--primary-border);color:var(--text)}[data-theme="light"] .quiz-option.selected{background:var(--primary-muted);border-color:var(--primary-border-medium);color:var(--text)}[data-theme="light"] .quiz-option-letter{background:var(--border-light);color:var(--text-muted)}[data-theme="light"] .quiz-progress-bar,[data-theme="light"] .quiz-result-bar-wrapper{background:var(--bg-section-b)}[data-theme="light"] .quiz-email-section{background:var(--bg-section-a);border-color:var(--border)}[data-theme="light"] .quiz-email-input{background:var(--bg-elevated);border-color:var(--border);color:var(--text)}[data-theme="light"] .quiz-trust-item{background:var(--bg-elevated);border-color:var(--border)}[data-theme="light"] .quiz-badge,[data-theme="light"] .quiz-result-score,[data-theme="light"] .quiz-result-icon{background:var(--primary-muted);border-color:var(--primary-border);color:var(--primary)}[data-theme="light"] .quiz-replay-btn{border-color:var(--border);color:var(--text-secondary)}[data-theme="light"] .quiz-replay-btn:hover{border-color:var(--primary-border);color:var(--primary);background:var(--primary-muted)}@media (max-width: 600px){.quiz-page{padding:var(--sp-8) var(--sp-4)}.quiz-card{padding:var(--sp-6) var(--sp-5);border-radius:var(--radius-lg)}.quiz-header{margin-bottom:var(--sp-8)}.quiz-question-text{font-size:var(--text-xl)}.quiz-email-form{flex-direction:column}.quiz-email-input-wrap{min-width:100%}.quiz-email-submit{width:100%;justify-content:center;text-align:center}.quiz-trust{gap:var(--sp-3)}.quiz-trust-item{width:100%;justify-content:center}.quiz-result-level{font-size:var(--text-2xl)}}@media (prefers-reduced-motion: reduce){.quiz-slide,.quiz-slide-out,.quiz-result,.quiz-progress-fill,.quiz-result-bar-fill{animation:none;transition:none}.quiz-next-btn:hover,.quiz-option:hover,.quiz-replay-btn:hover{transform:none}}