body{margin:0;padding:0;font-family:Arial,sans-serif;color:#333}#map{width:100vw;height:100vh}.custom-flag-icon{background:none;border:none}.custom-flag-icon div{text-shadow:1px 1px 2px rgba(0,0,0,.3);transition:transform .2s ease;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.custom-flag-icon div:hover{animation:none;transform:scale(1.3)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{position:relative;background-color:#fff;margin:5% auto;padding:30px;width:70%;max-width:900px;border-radius:12px;display:flex;gap:40px;min-height:450px;box-shadow:0 10px 30px #0003}.modal-text{flex:1;padding-right:20px;display:flex;flex-direction:column}.modal-text h2{margin:0 0 25px;font-size:28px;color:#2c3e50;font-weight:600;letter-spacing:-.5px}.modal-text p{margin:0;line-height:1.8;flex:1;display:flex;align-items:center;font-size:16px;color:#4a5568;text-align:justify}.modal-image{flex:1;max-width:450px;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;border-radius:8px;padding:15px;box-shadow:inset 0 0 10px #0000000d}.modal-image img{width:100%;height:auto;border-radius:6px;object-fit:contain;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.modal-image img:hover{transform:scale(1.02)}.close-button{position:absolute;right:35px;top:35px;font-size:28px;cursor:pointer;color:#666;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;z-index:1001}.close-button:hover{color:#000;background-color:#f0f0f0;transform:rotate(90deg)}