.article-quiz{margin:3rem 0;background:linear-gradient(145deg,#fff 0,#f8fafc 100%);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;border:1px solid #e2e8f0}.quiz-header{background:linear-gradient(135deg,#6d83b3 0,#8b9dc3 100%);padding:1.5rem 2rem;text-align:center;color:#fff}.quiz-icon{width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-size:1.5rem}.quiz-title{font-size:1.5rem;font-weight:600;margin:0 0 .25rem;color:#fff}.quiz-subtitle{font-size:.9rem;opacity:.9;margin:0}.quiz-body{padding:1.5rem 2rem 2rem}.quiz-progress{margin-bottom:1.5rem}.progress-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6d83b3,#8b9dc3);border-radius:3px;transition:width .4s ease}.progress-text{display:block;text-align:center;font-size:.8rem;color:#64748b;margin-top:.5rem}.aq-question{animation:fadeInUp .3s ease}.aq-question.fade-out{animation:fadeOutUp .2s ease forwards}.aq-question-text{font-size:1.1rem;font-weight:500;color:#1e293b;margin:0 0 1.25rem;text-align:center;line-height:1.5}.aq-options{display:flex;flex-direction:column;gap:.75rem}.aq-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.aq-option:hover{border-color:#6d83b3;background:#f8fafc;transform:translateX(4px)}.aq-option.selected{border-color:#6d83b3;background:#6d83b3;color:#fff}.aq-option-emoji{font-size:1.5rem;line-height:1}.aq-option-text{font-size:1rem;font-weight:500}.aq-results{animation:fadeInUp .4s ease}.aq-result-header{text-align:center;padding-bottom:1.25rem;border-bottom:1px solid #e2e8f0;margin-bottom:1.25rem}.aq-result-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-size:1.75rem}.aq-result-icon.success{background:#d1fae5;color:#10b981}.aq-result-icon.warning{background:#fef3c7;color:#f59e0b}.aq-result-icon.orange{background:#ffedd5;color:#f97316}.aq-result-icon.danger{background:#fee2e2;color:#ef4444}.aq-result-level{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.25rem}.aq-level-label{font-size:.9rem;color:#64748b}.aq-level-name{font-size:1.25rem;font-weight:700}.aq-level-name.success{color:#10b981}.aq-level-name.warning{color:#f59e0b}.aq-level-name.orange{color:#f97316}.aq-level-name.danger{color:#ef4444}.aq-result-score{font-size:.85rem;color:#94a3b8}.aq-result-body{margin-bottom:1.5rem}.aq-result-message{font-size:1rem;color:#334155;margin:0 0 .75rem;line-height:1.6}.aq-result-recommendation{font-size:.95rem;color:#64748b;margin:0;line-height:1.6}.aq-result-cta{background:linear-gradient(135deg,#6d83b3 0,#8b9dc3 100%);border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:1rem}.aq-cta-button{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#6d83b3;padding:.875rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.15)}.aq-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.aq-cta-note{font-size:.8rem;color:rgba(255,255,255,.9);margin:.75rem 0 0}.aq-result-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:1rem;display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1rem}.aq-result-info i{color:#22c55e;font-size:1.25rem;flex-shrink:0;margin-top:2px}.aq-result-info p{margin:0;color:#166534;font-size:.9rem;line-height:1.5}.aq-result-actions{text-align:center;margin-bottom:1rem}.aq-action-btn{background:0 0;border:1px solid #e2e8f0;color:#64748b;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.aq-action-btn:hover{border-color:#6d83b3;color:#6d83b3}.aq-disclaimer{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#94a3b8;padding-top:1rem;border-top:1px solid #e2e8f0}.aq-disclaimer i{font-size:.9rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.fade-in{animation:fadeInUp .3s ease}@media (max-width:640px){.article-quiz{margin:2rem -1rem;border-radius:0;border-left:none;border-right:none}.quiz-header{padding:1.25rem 1.5rem}.quiz-title{font-size:1.25rem}.quiz-body{padding:1.25rem 1.5rem 1.5rem}.aq-question-text{font-size:1rem}.aq-option{padding:.875rem 1rem}.aq-option-emoji{font-size:1.25rem}.aq-option-text{font-size:.9rem}}