.map-container {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: auto;
}

.map {
  width: 100%;
  display: block;
}

.map-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.area {
  fill: rgba(255, 255, 255, 0);
  cursor: pointer;
  transition: all 0.3s;
}

.area:hover {
  fill: rgba(255, 255, 255, 0.15);
  stroke: #6ec6ff;
  stroke-width: 3;
  filter: drop-shadow(0 0 10px #6ec6ff);
}