.animated-title{margin-top:0;margin-bottom:30px;font-size:24px;font-weight:600;text-align:center;color:#333;position:relative;padding-bottom:10px;animation:slideInDown .6s ease}.animated-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background-color:#4caf50;border-radius:3px;animation:expandWidth .8s ease forwards}.chart-container{margin:20px auto;max-width:100%;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.chart-container h4{margin-top:0;margin-bottom:15px;font-size:18px;font-weight:600;color:#333;text-align:center;padding-bottom:8px;border-bottom:2px solid rgba(76,175,80,.2)}.chart-container:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.progress-bars-container{margin:30px 0;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.progress-bars-container h4{margin-top:0;margin-bottom:20px;font-size:18px;font-weight:600;color:#333;text-align:center}@media (max-width:768px){.chart-container{padding:15px}}