.page-header{text-align:center;border-bottom:1px solid #1a1a1a;margin-bottom:3rem;padding:3rem 0 2.5rem}.page-label{color:#6b7c45;letter-spacing:4px;margin-bottom:1rem;font-family:Oswald,sans-serif;font-size:.75rem}.page-header h1{color:#f5a623;letter-spacing:3px;margin-bottom:1rem;font-family:Special Elite,cursive;font-size:clamp(1.8rem,5vw,3rem)}.page-desc{opacity:.8;max-width:500px;margin:0 auto;font-family:Oswald,sans-serif;font-size:1rem;font-weight:300;line-height:1.7}.eval-container{max-width:700px;margin:0 auto}.progress-bar-wrap{align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.progress-bar-track{background-color:#1a1a1a;flex:1;height:4px;position:relative}.progress-bar-fill{background-color:#f5a623;height:100%;transition:width .3s}.progress-label{color:#666;letter-spacing:2px;flex-shrink:0;font-family:Oswald,sans-serif;font-size:.75rem}.question-block{background-color:#111;border:1px solid #1e1e1e;border-top:3px solid #f5a623;padding:2rem}.question-num{color:#6b7c45;letter-spacing:3px;margin-bottom:1rem;font-family:Oswald,sans-serif;font-size:.7rem}.question-texte{color:#f5e6c8;letter-spacing:.5px;margin-bottom:1.8rem;font-family:Special Elite,cursive;font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.4}.options-list{flex-direction:column;gap:.6rem;display:flex}.option-btn{cursor:pointer;text-align:left;background-color:#0d0d0d;border:1px solid #222;align-items:flex-start;gap:1rem;width:100%;padding:.9rem 1rem;transition:all .15s;display:flex}.option-btn:hover{background-color:#111;border-color:#f5a623}.option-btn.selected{background-color:#1a1500;border-color:#f5a623}.option-letter{color:#f5a623;flex-shrink:0;width:20px;font-family:Special Elite,cursive;font-size:1rem}.option-label{color:#f5e6c8;opacity:.85;font-family:Oswald,sans-serif;font-size:.9rem;font-weight:300;line-height:1.4}.option-btn.selected .option-label{opacity:1}.nav-buttons{justify-content:space-between;gap:1rem;margin-top:1.5rem;display:flex}.btn-nav{letter-spacing:1px;cursor:pointer;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-family:Oswald,sans-serif;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-next{color:#0d0d0d;background-color:#f5a623;border:none;margin-left:auto}.btn-next:hover:not(:disabled){background-color:#c4811a}.btn-next:disabled{opacity:.4;cursor:not-allowed}.btn-prev{color:#f5a623;background:0 0;border:1px solid #333}.btn-prev:hover{border-color:#f5a623}.result-score-block{text-align:center;background-color:#111;border:1px solid #1e1e1e;border-top:3px solid #f5a623;margin-bottom:1.5rem;padding:2rem}.result-label{color:#6b7c45;letter-spacing:3px;margin-bottom:1.5rem;font-family:Oswald,sans-serif;font-size:.7rem}.score-circle{width:120px;height:120px;margin:0 auto 1.5rem;position:relative}.score-circle svg{width:120px;height:120px}.score-circle svg circle:last-child{transition:stroke-dashoffset 1s,stroke .5s}.score-val{color:#f5a623;font-family:Special Elite,cursive;font-size:2.2rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.score-label{color:#666;letter-spacing:1px;font-family:Oswald,sans-serif;font-size:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,30%)}.score-titre{letter-spacing:1px;margin-bottom:.8rem;font-family:Special Elite,cursive;font-size:clamp(1.2rem,3vw,1.6rem)}.score-desc{color:#f5e6c8;opacity:.75;max-width:500px;margin:0 auto;font-family:Oswald,sans-serif;font-size:.9rem;font-weight:300;line-height:1.7}.result-details{background-color:#111;border:1px solid #1e1e1e;border-top:3px solid #6b7c45;margin-bottom:1.5rem;padding:1.5rem}.reco-list{flex-direction:column;gap:.8rem;display:flex}.reco-item{border-bottom:1px solid #1a1a1a;align-items:flex-start;gap:.8rem;padding:.7rem 0;display:flex}.reco-item:last-child{border-bottom:none}.reco-item svg{flex-shrink:0;margin-top:3px}.reco-item p{color:#f5e6c8;opacity:.85;margin:0;font-family:Oswald,sans-serif;font-size:.85rem;font-weight:300;line-height:1.6}.reco-ok{color:#6b7c45;letter-spacing:1px;margin:0;font-family:Oswald,sans-serif;font-size:.85rem}.result-actions{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.btn-lien{color:#f5a623;letter-spacing:1px;text-align:center;border:1px solid #333;padding:.6rem 1rem;font-family:Oswald,sans-serif;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s}.btn-lien:hover{background-color:#111;border-color:#f5a623}.btn-recommencer{color:#666;letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #222;width:100%;margin-top:.5rem;padding:.7rem;font-family:Oswald,sans-serif;font-size:.75rem;transition:all .2s}.btn-recommencer:hover{color:#999;border-color:#444}