body{margin:0;background:#0b0f19;color:#e3e8f1;font-family:Arial}header{text-align:center;padding:20px}h1{font-size:2.2em;background:linear-gradient(90deg,#21d4fd,#b721ff);-webkit-background-clip:text;color:transparent}main{padding:20px}.card{background:#111623;padding:20px;border-radius:12px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.chart{height:320px}.map-container{height:500px;background:#0f1422;border-radius:10px}svg{border-radius:10px}path{transition:fill .4s ease}path:hover{stroke:#fff;stroke-width:1.2}