.applications-header{width:100%;display:flex;flex-direction:column;align-items:center;padding:4px}
.app-space{position:relative;width:clamp(90px,12vw,150px);aspect-ratio:1;background:radial-gradient(circle,#101060,#02020c);border-radius:18px;box-shadow:0 0 10px cyan,0 0 25px purple;overflow:hidden}
.planet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(25px,4vw,45px);animation:r 15s linear infinite}
@keyframes r{to{rotate:360deg}}
.logo-A{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:clamp(55px,8vw,95px);font-weight:900;font-family:Arial Black;background:linear-gradient(45deg,cyan,blue,purple,pink,lime);-webkit-background-clip:text;color:transparent;text-shadow:0 0 8px cyan}
.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid cyan}
.orbit1{width:90%;height:35%;animation:o 12s linear infinite}
.orbit2{width:80%;height:55%;border-color:#f0f;animation:o 18s linear infinite reverse}
.orbit3{width:100%;height:70%;border-color:#0f8;animation:o 25s linear infinite}
@keyframes o{to{rotate:360deg}}
.app-icons span{position:absolute;font-size:10px;padding:3px;border-radius:6px;background:#fff2;box-shadow:0 0 5px cyan}
.app-icons span:nth-child(1){left:8%;top:8%}.app-icons span:nth-child(2){left:5%;bottom:12%}.app-icons span:nth-child(3){left:18%;bottom:3%}.app-icons span:nth-child(4){right:8%;top:8%}.app-icons span:nth-child(5){right:5%;bottom:12%}.app-icons span:nth-child(6){right:18%;bottom:3%}
.applications-title{font-size:clamp(14px,2vw,24px);font-family:Arial Black;font-weight:900;background:linear-gradient(90deg,cyan,purple,pink,lime);-webkit-background-clip:text;color:transparent;text-align:center;margin-top:3px}