.music-banner{
width:100%;
min-height:180px;
display:flex;
align-items:center;
justify-content:center;
position:relative;
overflow:hidden;
background:#02030c;
border-radius:20px;
box-shadow:0 0 35px cyan,0 0 90px purple;
}
.music-space{
position:absolute;
inset:0;
background:
radial-gradient(circle at 20% 50%,rgba(0,234,255,.25),transparent 25%),
radial-gradient(circle at 80% 50%,rgba(255,0,204,.25),transparent 30%),
linear-gradient(135deg,#02030c,#10104b,#02030c);
}
.music-orbit{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%;
border:2px solid cyan;
animation:rotate 15s linear infinite;
}
.orbit1{width:75%;height:75%}
.orbit2{width:45%;height:90%;border-color:#ff00cc;animation-direction:reverse}
@keyframes rotate{to{rotate:360deg}}

.music-note{
position:absolute;
left:38%;
top:50%;
transform:translate(-50%,-50%);
font:bold 150px Arial Black;
background:linear-gradient(45deg,#00eaff,#0066ff,#8b00ff,#ff00cc,#00ff91);
-webkit-background-clip:text;
color:transparent;
text-shadow:0 0 35px cyan;
}

.music-disc{
position:absolute;
right:20%;
top:50%;
transform:translateY(-50%);
width:95px;
height:95px;
border-radius:50%;
background:radial-gradient(circle,#111,#000);
border:4px solid cyan;
box-shadow:0 0 25px cyan;
animation:spin 8s linear infinite;
}
.disc-center{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:20px;
height:20px;
background:#ff00cc;
border-radius:50%;
}
@keyframes spin{to{rotate:360deg}}

.music-wave{
position:absolute;
bottom:30px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:6px;
}
.music-wave span{
width:8px;
height:35px;
background:cyan;
box-shadow:0 0 10px cyan;
animation:beat .8s infinite alternate;
}
.music-wave span:nth-child(2){animation-delay:.2s}
.music-wave span:nth-child(3){animation-delay:.4s}
.music-wave span:nth-child(4){animation-delay:.1s}
@keyframes beat{to{height:65px}}

.music-icons span{
position:absolute;
font-size:25px;
animation:float 4s infinite alternate;
}
.music-icons span:nth-child(1){left:12%;top:20%}
.music-icons span:nth-child(2){right:15%;top:20%}
.music-icons span:nth-child(3){left:20%;bottom:15%}
.music-icons span:nth-child(4){right:20%;bottom:15%}
@keyframes float{to{translate:0 -10px}}

.music-text{
position:relative;
z-index:5;
text-align:center;
font-family:Arial Black;
}
.youplugs,.title{
background:linear-gradient(90deg,cyan,purple,pink,lime);
-webkit-background-clip:text;
color:transparent;
text-shadow:0 0 20px cyan;
}
.youplugs{font-size:clamp(25px,4vw,55px)}
.title{font-size:clamp(35px,6vw,80px)}

@media(max-width:600px){
.music-banner{min-height:120px}
.music-note{font-size:90px}
.music-disc{width:55px;height:55px}
}