.haab-pq-wrapper{max-width:600px;margin:40px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;}
.haab-pq-progress{height:6px;background:#e0e0e0;border-radius:10px;margin-bottom:30px;overflow:hidden;}
.haab-pq-progress-bar{height:100%;background:linear-gradient(90deg, #6366f1, #8b5cf6);transition:width 0.4s ease;border-radius:10px;}
.haab-pq-question-title{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:24px;text-align:center;}
.haab-pq-options{display:grid;gap:12px;}
.haab-pq-option{padding:16px 24px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-weight:500;color:#374151;cursor:pointer;transition:all 0.2s ease;text-align:left;}
.haab-pq-option:hover{background:#f3f4f6;border-color:#6366f1;transform:translateY(-2px);}
.haab-pq-option.haab-pq-selected{background:#eef2ff;border-color:#6366f1;color:#6366f1;}
.haab-pq-result{text-align:center;}
.haab-pq-loader{padding:40px 20px;color:#6b7280;font-size:16px;}
.haab-pq-summary{padding:20px;}
.haab-pq-summary h3{font-size:22px;margin-bottom:16px;color:#1f2937;}
.haab-pq-summary-text{font-size:16px;line-height:1.6;color:#4b5563;margin-bottom:24px;text-align:left;}
.haab-pq-next-step{padding:16px;background:#f0fdf4;border-left:4px solid #10b981;color:#065f46;font-weight:500;margin-top:20px;}
@media(max-width:640px){
.haab-pq-wrapper {
padding: 20px;
margin: 20px;
}
.haab-pq-question-title {
font-size: 20px;
}
.haab-pq-option {
padding: 14px 18px;
font-size: 15px;
}
}