body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f0f0f0}#app{text-align:center}h1{color:#2c3e50;padding:20px 0;margin:0}#map-container{width:100%;height:600px;background-color:#020300;box-shadow:0 0 10px #0000001a}.custom-popup{position:absolute;border-radius:8px;padding:10px;box-shadow:0 2px 10px #0000001a;font-family:Roboto,sans-serif;color:#2c3e50;pointer-events:none;transform:translate(-50%,-100%);transition:opacity .3s ease-in-out;opacity:0}.custom-popup h3{margin:0 0 5px;font-size:1.1em;color:#e74c3c}.custom-popup p{margin:0;font-size:.9em;line-height:1.4}.leaflet-popup-open .custom-popup{opacity:1}