*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}body{min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 18% 50%,rgba(0,110,255,.14),transparent 24%),radial-gradient(circle at 75% 50%,rgba(255,0,190,.08),transparent 30%),#000;font-family:"Trebuchet MS","Arial Black",Arial,sans-serif}.logo{position:relative;width:min(1500px,94vw);height:420px;display:flex;align-items:center}.emblem{position:relative;width:360px;height:360px;flex:0 0 360px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 10px #00eaff) drop-shadow(0 0 25px #7a00ff) drop-shadow(0 0 45px #ff00d9)}.orbit{position:absolute;width:320px;height:320px;border-radius:50%;border:3px solid transparent;border-top-color:#00eaff;border-right-color:#ff00d9;border-bottom-color:#8dff00;border-left-color:#ff9d00;transform:rotate(-18deg);animation:orbitSpin 12s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;inset:-13px;border-radius:50%;border:2px solid transparent}.orbit:before{border-top-color:#ff8a00;border-left-color:#00eaff;transform:rotate(45deg)}.orbit:after{inset:12px;border-right-color:#ff00e6;border-bottom-color:#00ff80;transform:rotate(-35deg)}.orbit-horizontal{position:absolute;width:370px;height:115px;border:3px solid transparent;border-top-color:#ff00d9;border-bottom-color:#00eaff;border-radius:50%;transform:rotate(10deg);filter:drop-shadow(0 0 8px #ff00d9) drop-shadow(0 0 12px #00eaff)}.y-mark{position:relative;width:190px;height:220px;z-index:5;transform:perspective(600px) rotateY(-12deg) skewX(-4deg)}.y-mark:before,.y-mark:after{content:"";position:absolute;top:10px;width:65px;height:155px;clip-path:polygon(0 0,100% 0,72% 42%,65% 100%,35% 100%,43% 42%);background:linear-gradient(135deg,#ff9d00 0%,#ff00d9 22%,#8d00ff 42%,#00aaff 64%,#00ffe1 82%,#8dff00 100%);box-shadow:inset 0 0 12px rgba(255,255,255,.9)}.y-mark:before{left:28px;transform:rotate(-30deg)}.y-mark:after{right:28px;transform:rotate(30deg)}.y-core{position:absolute;left:67px;top:105px;width:57px;height:105px;clip-path:polygon(0 0,100% 0,72% 100%,28% 100%);background:linear-gradient(90deg,#ff7b00,#ff00cc 28%,#573cff 55%,#00eaff 80%,#00ff91);box-shadow:inset 0 0 12px rgba(255,255,255,.85)}.y-highlight{position:absolute;left:79px;top:116px;width:25px;height:76px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,0));transform:skewX(-12deg);filter:blur(2px);opacity:.8}.particle{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#00eaff 30%,#ff00cc 70%);box-shadow:0 0 8px #00eaff,0 0 18px #ff00cc}.p1{left:30px;top:90px}.p2{right:12px;top:50px;width:22px;height:22px}.p3{left:70px;bottom:50px;width:18px;height:18px}.p4{right:50px;bottom:78px;width:10px;height:10px}.wordmark{position:relative;margin-left:20px;flex:1;min-width:0;z-index:10}.wordmark-text{position:relative;display:inline-block;font-family:"Arial Black","Trebuchet MS",sans-serif;font-size:clamp(60px,8vw,145px);font-weight:900;letter-spacing:-7px;line-height:.9;color:transparent;background:linear-gradient(110deg,#ff9d00 0%,#ff008c 13%,#a500ff 27%,#008cff 40%,#00eaff 51%,#00ff91 63%,#d9ff00 73%,#ff9d00 84%,#ff008c 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:2px rgba(255,255,255,.75);filter:drop-shadow(0 0 3px white) drop-shadow(0 0 9px #00eaff) drop-shadow(0 0 20px #ff00cc);animation:rainbow 8s linear infinite}.wordmark-text:before{content:"YOUPLUGS";position:absolute;inset:0;color:transparent;background:linear-gradient(180deg,#fff 0%,#c8eaff 15%,#fff 30%,#5d79a1 48%,#fff 61%,#7b8fae 76%,#fff 100%);-webkit-background-clip:text;background-clip:text;opacity:.52;pointer-events:none}.wordmark-text:after{content:"";position:absolute;top:0;left:-10%;width:18%;height:100%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);filter:blur(4px);animation:gloss 5s ease-in-out infinite}.neon-line{position:absolute;left:5%;right:1%;bottom:-35px;height:3px;background:linear-gradient(90deg,transparent,#00eaff 17%,#7c00ff 35%,#ff00d9 53%,#ff8a00 72%,#00eaff 90%,transparent);box-shadow:0 0 5px #00eaff,0 0 14px #ff00d9,0 0 28px #7c00ff;animation:linePulse 3s ease-in-out infinite}.neon-line:after{content:"";position:absolute;top:-5px;left:72%;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 20px #ff00d9,0 0 40px #ff8a00}@keyframes orbitSpin{from{transform:rotate(-18deg)}to{transform:rotate(342deg)}}@keyframes rainbow{from{background-position:0 50%}to{background-position:250% 50%}}@keyframes gloss{0%,25%{left:-20%}55%,100%{left:110%}}@keyframes linePulse{0%,100%{opacity:.65}50%{opacity:1}}@media(max-width:900px){body{overflow-x:hidden}.logo{height:280px;width:96vw}.emblem{width:210px;height:210px;flex-basis:210px}.orbit{width:190px;height:190px}.orbit-horizontal{width:230px;height:75px}.y-mark{transform:scale(.62) perspective(600px) rotateY(-12deg)}.wordmark{margin-left:0}.wordmark-text{font-size:clamp(38px,9vw,75px);letter-spacing:-4px}.neon-line{bottom:-15px}}@media(max-width:560px){.logo{flex-direction:column;justify-content:center;height:400px}.emblem{width:150px;height:150px;flex-basis:150px;margin-bottom:10px}.orbit{width:140px;height:140px}.orbit-horizontal{width:175px;height:55px}.y-mark{transform:scale(.43) perspective(600px) rotateY(-12deg)}.wordmark{width:100%;text-align:center}.wordmark-text{font-size:clamp(34px,13vw,60px);letter-spacing:-3px}.neon-line{left:5%;right:5%;bottom:-20px}}