body{background-color:#f8f9fa;font-family:Arial,sans-serif}footer,header{background-color:#343a40;color:#fff;padding:10px 0;text-align:center}header h1{font-size:2rem;margin:0}footer{flex-shrink:0;padding:10px 0}main{background-color:#fff;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:20px 0;padding:20px}p{line-height:1.6;margin:0;padding:0 20px}#chart-container,#map{box-shadow:0 0 10px rgba(0,0,0,.3);margin:20px auto;max-width:1100px}#map{overflow:hidden}#chart-container,#map{border-radius:8px;height:400px}#chart-container{background-color:#fff;padding:15px}canvas{height:auto;max-width:100%}@media (max-width:768px){header h1{font-size:1.5rem}p{padding:0 10px}#chart-container,#map{margin:10px auto;max-width:100%;width:100%}#map{height:300px}#chart-container{height:350px;padding:10px}main{margin:10px 0;padding:15px}}@media (max-width:576px){#map{height:250px}#chart-container{height:300px}}.chart-title{color:#343a40;font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.chart-description{color:#6c757d;margin-bottom:1.5rem;text-align:center}