.card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:all .3s;cursor:pointer}.card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.3)}.card-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.card-icon{font-size:2.5em;min-width:50px}.card-title{font-size:1.4em;color:#333;font-weight:600}.card-category{display:inline-block;background:#667eea;color:white;padding:5px 12px;border-radius:15px;font-size:.8em;margin-bottom:12px}.card-description{color:#666;line-height:1.6;margin-bottom:15px}.card-symptoms{margin:15px 0}.card-symptoms h4{color:#667eea;margin-bottom:8px;font-size:.95em}.card-symptoms ul{list-style:none;padding-left:0}.card-symptoms li{padding:5px 0;color:#555;font-size:.9em}.card-symptoms li:before{content:"• ";color:#667eea;font-weight:700;margin-right:5px}.card-treatment{background:#f8f9ff;padding:12px;border-radius:8px;margin-top:15px}.card-treatment h4{color:#764ba2;margin-bottom:8px;font-size:.95em}.card-treatment p{color:#555;font-size:.9em;line-height:1.5}.severity{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:.85em;color:#666}.severity-dot{width:10px;height:10px;border-radius:50%}.severity-low{background:#4ade80}.severity-medium{background:#fbbf24}.severity-high{background:#f87171}.close-btn{position:absolute;top:20px;right:20px;font-size:2em;cursor:pointer;color:#999;transition:color .3s}.close-btn:hover{color:#333}