.health-hero{padding:var(--spacing-20) 0 var(--spacing-12);background:linear-gradient(135deg,var(--bg-light) 0%,white 100%)}.health-hero-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);max-width:600px;margin:0 auto}.quiz-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-10);box-shadow:var(--shadow-xl);max-width:800px;margin:0 auto;border:1px solid var(--border-light)}.quiz-progress{height:6px;background:var(--bg-light);border-radius:var(--radius-full);margin-bottom:var(--spacing-8);overflow:hidden}.progress-bar{height:100%;background:var(--green-primary);transition:width .3s ease}.question-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.quiz-card h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-8);color:var(--text-primary)}.options-grid{display:grid;gap:var(--spacing-4)}.option-btn{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);background:var(--bg-light);border:2px solid transparent;border-radius:var(--radius-xl);font-size:var(--font-size-lg);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all var(--transition-base);text-align:left}.option-btn:hover{background:#fff;border-color:var(--green-primary);transform:translate(4px);box-shadow:var(--shadow-md)}.option-arrow{opacity:0;transform:translate(-10px);transition:all var(--transition-base);color:var(--green-primary)}.option-btn:hover .option-arrow{opacity:1;transform:translate(0)}.result-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-12);box-shadow:var(--shadow-2xl);max-width:600px;margin:0 auto;text-align:center;border:1px solid var(--border-light);animation:fadeInUp .5s ease-out}.score-ring{width:160px;margin:0 auto var(--spacing-8)}.circular-chart{display:block;margin:0 auto;max-width:100%;max-height:250px}.circle-bg{fill:none;stroke:#eee;stroke-width:2.5}.circle{fill:none;stroke-width:2.5;stroke-linecap:round;animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.score-text{fill:var(--text-primary);font-size:8px;font-weight:700;text-anchor:middle}.result-green .circle{stroke:#16a34a}.result-green .result-badge{background:#16a34a1a;color:#16a34a}.result-orange .circle{stroke:#f97316}.result-orange .result-badge{background:#f973161a;color:#f97316}.result-red .circle{stroke:#ef4444}.result-red .result-badge{background:#ef44441a;color:#ef4444}.result-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-weight:700;margin-bottom:var(--spacing-4)}.result-message{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-8)}.result-actions{display:flex;flex-direction:column;gap:var(--spacing-4)}.btn-outline{background:transparent;border:2px solid var(--border-light);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-outline:hover{border-color:var(--text-primary);color:var(--text-primary)}.health-value-section{background:var(--bg-light)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}.feature-card{background:#fff;padding:var(--spacing-8);border-radius:var(--radius-xl);text-align:center;border:1px solid var(--border-light)}.feature-card svg{margin-bottom:var(--spacing-4)}.text-red{color:#ef4444}.text-blue{color:#3b82f6}.text-green{color:#16a34a}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}.quiz-card{padding:var(--spacing-6)}.option-btn{padding:var(--spacing-4);font-size:var(--font-size-base)}}