<style>
html {
width: 100%;
height: 100%;
}
body {
max-width: 1140px;
width: 100%;
height: 100%;
margin: auto;
}
div {
width: 100%;
height: 324px;
background: rgb(54, 40, 124);
}
</style>
<div>
</div>
<svg id="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1140 87" style="width: 100%; height: 87px;" preserveAspectRatio="xMinYMin">
<defs>
<filter id="shadow">
<feDropShadow dx="0" dy="5px" flood-color="#1B0C42" flood-opacity="50%" stdDeviation="3" />
</filter>
</defs>
<path d="M 0 60 C 0 60 283 87 427 43.5 C 427 43.5 855 -60 1143 60 L 1143 0 0 0 Z" style="stroke:none;fill:rgb(54, 40, 124);filter:url(#shadow);" />
</svg>