.checker-hero{background-color:var(--primary-color);color:var(--white);text-align:center;padding:4rem 1rem;background-image:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%)}.hero-content h1{font-size:2.5rem;margin-bottom:1rem}.hero-content p{font-size:1.1rem;max-width:700px;margin:0 auto;opacity:.9;line-height:1.6}.checker-container{background-color:var(--bg-color);min-height:600px}.ailment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.ailment-card{background:var(--white);border:1px solid #eee;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.05);position:relative;overflow:hidden}.ailment-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1);border-color:var(--accent-color)}.ailment-card.active-card{background-color:var(--primary-color);color:var(--white);border-color:var(--primary-dark);transform:scale(1.02)}.icon-circle{width:70px;height:70px;background-color:#f0f8f4;color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1rem auto;transition:.3s}.ailment-card.active-card .icon-circle{background-color:var(--white);color:var(--primary-color)}.ailment-card h3{font-size:1.3rem;margin-bottom:.5rem}.sub-text{font-size:.9rem;color:#666}.ailment-card.active-card .sub-text{color:#e0e0e0}.hidden{display:none}.answer-panel{background-color:var(--white);border-radius:12px;box-shadow:0 10px 30px rgba(46,139,87,.15);border-top:5px solid var(--accent-color);padding:3rem;animation:slideUpFade .6s ease-out}@keyframes slideUpFade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;border-bottom:1px solid #eee;padding-bottom:1rem}.panel-icon{font-size:2.5rem;color:var(--primary-color)}.panel-header h2{font-size:2rem;color:var(--primary-dark);margin:0}.panel-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.benefit-box,.perspective-box{background-color:#f9fdfa;padding:1.5rem;border-radius:8px;border-left:4px solid #ddd}.perspective-box{border-left-color:var(--primary-color)}.benefit-box{border-left-color:var(--accent-color)}.panel-body h4{color:var(--text-color);margin-bottom:.8rem;font-size:1.1rem}.panel-cta{text-align:center;margin-top:1rem}.btn-lg{padding:15px 40px;font-size:1.2rem}@media (max-width:900px){.panel-body{grid-template-columns:1fr}.panel-header{flex-direction:column;text-align:center}}