#yp-copyright{
width:100%;
height:180px;
overflow:hidden;
background:radial-gradient(circle,#101b40,#000);
display:flex;
align-items:center;
justify-content:center;
}

.yp-space{
position:relative;
width:100%;
max-width:1200px;
height:180px;
perspective:800px;
overflow:hidden;
}

.yp-planet{
position:absolute;
left:50%;
top:45%;
width:90px;
height:90px;
border-radius:50%;
transform:translate(-50%,-50%);
background:radial-gradient(circle at 30% 30%,white,cyan,blue,#000);
box-shadow:0 0 20px cyan,0 0 50px blue;
animation:planet 18s linear infinite;
}

.yp-orbit{
position:absolute;
left:50%;
top:45%;
border:1px solid;
border-radius:50%;
transform:translate(-50%,-50%);
opacity:.8;
}

.orbit1{
width:230px;
height:80px;
border-color:#00ffff;
animation:spin 12s linear infinite;
}

.orbit2{
width:300px;
height:120px;
border-color:#ff00ff;
animation:spin 18s linear infinite reverse;
}

.yp-Y{
position:absolute;
left:50%;
top:36%;
transform:translate(-50%,-50%);
font-size:95px;
font-weight:900;
color:#00ffff;
text-shadow:0 0 15px cyan,0 0 40px blue;
}

.yp-brand{
position:absolute;
bottom:45px;
width:100%;
text-align:center;
font-size:clamp(24px,7vw,55px);
font-weight:bold;
font-family:Orbitron,Arial;
letter-spacing:2px;
white-space:nowrap;
}

.yp-brand span{
animation:colors 5s infinite;
}

.yp-S{
color:#ffe600!important;
text-shadow:0 0 15px yellow;
animation:blink 1.5s infinite!important;
}

.yp-signature{
position:absolute;
bottom:12px;
width:100%;
text-align:center;
font-size:clamp(12px,3vw,24px);
color:white;
text-shadow:0 0 10px cyan;
}

.yp-signature strong{
background:linear-gradient(90deg,red,orange,yellow,green,cyan,blue,purple);
-webkit-background-clip:text;
color:transparent;
}

.yp-circuit{
position:absolute;
top:45%;
width:100%;
height:2px;
background:linear-gradient(90deg,transparent,cyan,magenta,yellow,green,transparent);
}

@keyframes planet{
to{transform:translate(-50%,-50%) rotateY(360deg)}
}
@keyframes spin{
to{rotate:360deg}
}
@keyframes colors{
50%{filter:hue-rotate(180deg)}
}
@keyframes blink{
50%{opacity:.35}
}

@media(max-width:600px){

#yp-copyright{
height:150px;
}

.yp-space{
height:150px;
}

.yp-Y{
font-size:65px;
}

.yp-planet{
width:65px;
height:65px;
}

.orbit1{
width:160px;
height:55px;
}

.orbit2{
width:210px;
height:80px;
}

.yp-brand{
bottom:38px;
letter-spacing:0;
}

.yp-signature{
bottom:8px;
}

}