.platform-animation-stage{width:100%;max-width:700px;height:400px;margin:0 auto;position:relative}.central-hub{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0f172a99;border:3px solid #8b5cf680;border-radius:30px;justify-content:center;align-items:center;width:140px;height:140px;animation:5s ease-in-out infinite hubPulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #8b5cf680,0 0 100px #8b5cf64d}@keyframes hubPulse{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 50px #8b5cf680,0 0 100px #8b5cf64d}50%{transform:translate(-50%,-50%)scale(1.05);box-shadow:0 0 70px #8b5cf6b3,0 0 140px #8b5cf680}}.platform-icon-wrapper{z-index:10;animation:.6s ease-out backwards platformFadeIn;position:absolute}.platform-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0f172acc;border:2px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;transition:all .3s;display:flex}.platform-card:hover{background:#0f172af2;border-color:#ffffff4d;transform:translateY(-5px);box-shadow:0 0 30px #8b5cf666}.platform-img{object-fit:contain;width:48px;height:48px;margin-bottom:4px}.platform-top-left .platform-img{width:32px;height:32px}.platform-name{text-transform:uppercase;letter-spacing:.5px;color:#f8fafce6;font-size:10px;font-weight:700}.platform-top-left{top:0;left:15%}.platform-top-right{top:0;right:15%}.platform-left{top:calc(50% - 45px);left:0}.platform-right{top:calc(50% - 45px);right:0}.platform-bottom-left{bottom:0;left:15%}.platform-bottom-right{bottom:0;right:15%}.connection-line{transform-origin:0;z-index:1;background:linear-gradient(90deg,#8b5cf6cc 0%,#8b5cf666 50%,#8b5cf6cc 100%);height:2px;animation:1.5s ease-out backwards lineGrow,3s ease-in-out infinite linePulse;position:absolute;overflow:visible}.connection-line:after{content:"";background:#8b5cf6;border-radius:50%;width:6px;height:6px;animation:5s ease-in-out infinite dotTravel;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 10px #8b5cf6cc}@keyframes dotTravel{0%,to{opacity:0;left:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.line-top-left{width:240px;top:50%;left:50%;transform:translateY(-50%)rotate(-38deg)}.line-top-right{width:240px;top:50%;left:50%;transform:translateY(-50%)rotate(38deg)}.line-left{width:calc(50% - 70px);top:50%;left:50%;transform:translateY(-50%)rotate(180deg)}.line-right{width:calc(50% - 70px);top:50%;left:50%;transform:translateY(-50%)}.line-bottom-left{width:240px;top:50%;left:50%;transform:translateY(-50%)rotate(-142deg)}.line-bottom-right{width:240px;top:50%;left:50%;transform:translateY(-50%)rotate(142deg)}.line-top-left:after{animation-delay:.2s}.line-top-right:after{animation-delay:.4s}.line-left:after{animation-delay:.6s}.line-right:after{animation-delay:.8s}.line-bottom-left:after{animation-delay:1s}.line-bottom-right:after{animation-delay:1.2s}@keyframes platformFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes lineGrow{0%{opacity:0;width:0}to{opacity:1}}@keyframes linePulse{0%,to{opacity:.4}50%{opacity:.8}}@media (max-width:768px){.platform-animation-stage{max-width:500px;height:350px}.central-hub{width:100px;height:100px}.platform-card{width:70px;height:70px}.platform-img{width:36px;height:36px}.platform-top-left .platform-img{width:32px;height:32px}.platform-name{font-size:8px}.platform-top-left{top:10px;left:10%}.platform-top-right{top:10px;right:10%}.platform-bottom-left{bottom:10px;left:10%}.platform-bottom-right{bottom:10px;right:10%}.platform-left,.platform-right{top:calc(50% - 35px)}.line-top-left{width:180px;transform:translateY(-50%)rotate(-45deg)}.line-top-right{width:180px;transform:translateY(-50%)rotate(45deg)}.line-left,.line-right{width:calc(50% - 50px)}.line-bottom-left{width:180px;transform:translateY(-50%)rotate(-135deg)}.line-bottom-right{width:180px;transform:translateY(-50%)rotate(135deg)}}@media (max-width:480px){.platform-animation-stage{max-width:100%;height:320px}.line-top-left,.line-top-right,.line-bottom-left,.line-bottom-right{width:150px}}