.youplugs-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 40px cyan,0 0 90px purple;
}

.youplugs-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);
}

.y-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:70%;height:70%}
.orbit2{width:45%;height:85%;border-color:#ff00cc;animation-direction:reverse}

@keyframes rotate{
to{rotate:360deg}
}

.y-emblem{
position:absolute;
left:35%;
top:50%;
transform:translate(-50%,-50%);
width:130px;
height:130px;
}

.planet{
position:absolute;
font-size:55px;
animation:planetSpin 18s linear infinite;
}

@keyframes planetSpin{
to{rotate:360deg}
}

.big-Y{
position:absolute;
font:bold 120px Arial Black;
left:25px;
top:0;
background:linear-gradient(45deg,#ff9d00,#ff00cc,#008cff,#00ff91);
-webkit-background-clip:text;
color:transparent;
text-shadow:0 0 35px cyan;
}

.youplugs-brand{
position:relative;
z-index:3;
text-align:center;
font-family:Arial Black;
}

.brand-main{
font-size:clamp(45px,8vw,100px);
letter-spacing:4px;
background:linear-gradient(90deg,#ff9d00,#ff00cc,#8b00ff,#00eaff,#00ff91);
-webkit-background-clip:text;
color:transparent;
text-shadow:0 0 25px cyan;
animation:hue 8s linear infinite;
}

.brand-sub{
font-size:clamp(12px,2vw,24px);
color:#fff;
letter-spacing:8px;
text-shadow:0 0 15px cyan;
}

@keyframes hue{
to{filter:hue-rotate(360deg)}
}

.particles span{
position:absolute;
color:white;
font-size:25px;
animation:float 4s infinite alternate;
}

.particles span:nth-child(1){left:15%;top:20%}
.particles span:nth-child(2){right:20%;top:25%}
.particles span:nth-child(3){bottom:20%;left:25%}

@keyframes float{
to{translate:0 -12px}
}

@media(max-width:600px){
.youplugs-banner{min-height:120px}
.y-emblem{transform:translate(-50%,-50%) scale(.6)}
.brand-main{font-size:42px}
}