.box{position:relative;border:2px solid rgba(73,90,125,.743);border-radius:20px;background:radial-gradient(70.08% 100% at 50% 0%,#0088ff80,#08f0),#101125;box-shadow:0 2px #ffffff40 inset,0 2px 0 3px #000;background-color:#080d1c}.box:before{content:"";position:absolute;inset:12px;border-radius:13px;background:#00000080;box-shadow:inset 0 0 3px #00000080}.box:after{content:"";position:absolute;inset:-40px;border-radius:40px;background:radial-gradient(circle,#08f 20%,#08f3 0%);filter:blur(50px);z-index:-1}@media not all and (min-width: 640px){.box{width:120%;max-width:120%;position:relative;left:50%;transform:translate(-50%);padding-right:10%;padding-left:10%}}.bg-menu{background-color:#000;background-image:url('data:image/svg+xml;utf8,<svg width="14" height="14" xmlns="http://www.w3.org/2000/svg"><circle cx="5" cy="5" r="1" fill="%23303030" opacity=".8" /></svg>');background-size:12px;background-repeat:repeat}.bg-dot{background-color:transparent;background-image:url('data:image/svg+xml;utf8,<svg width="14" height="14" xmlns="http://www.w3.org/2000/svg"><circle cx="5" cy="5" r="1" fill="%23303030" opacity=".8" /></svg>');background-size:12px;background-repeat:repeat}