.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:#0f172ad9;border:3px solid #6366f180;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%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 50px #6366f173,0 0 100px #6366f147}html.light .central-hub{background:#fffffff2}@keyframes hubPulse{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 50px #6366f173,0 0 100px #6366f147}50%{transform:translate(-50%,-50%)scale(1.05);box-shadow:0 0 70px #6366f1a6,0 0 140px #6366f173}}.platform-icon-wrapper{z-index:10;animation:.6s ease-out backwards platformFadeIn;position:absolute}.platform-card{color:#f8fafcf2;-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:#6366f180;transform:translateY(-5px);box-shadow:0 0 30px #6366f166}html.light .platform-card{color:#131b2e;background:#faf8ff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0f172a14}html.light .platform-card:hover{background:#fff;box-shadow:0 6px 20px #0f172a24,0 0 24px #6366f12e}.platform-img{object-fit:contain;width:48px;height:48px;margin-bottom:4px}.platform-card-instagram .platform-img{width:32px;height:32px}.platform-name{text-transform:uppercase;letter-spacing:.5px;color:#f8fafce6;font-size:10px;font-weight:700}html.light .platform-name{color:#464554}.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%}.platform-mid-left-upper{top:27.5%;left:0}.platform-mid-left-lower{top:55%;left:0}.platform-mid-right-upper{top:27.5%;right:0}.platform-mid-right-lower{top:55%;right:0}.platform-animation-stage[data-count="8"] .platform-card{width:70px;height:70px}.platform-animation-stage[data-count="8"] .platform-img{width:36px;height:36px}.platform-animation-stage[data-count="8"] .platform-card-instagram .platform-img{width:26px;height:26px}.connection-line{transform-origin:0;z-index:1;background:linear-gradient(90deg,#6366f1cc 0%,#6366f166 50%,#6366f1cc 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:#6366f1;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 #6366f1cc}@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-mid-left-upper{width:calc(50% - 50px);top:50%;left:50%;transform:translateY(-50%)rotate(-170deg)}.line-mid-left-lower{width:calc(50% - 50px);top:50%;left:50%;transform:translateY(-50%)rotate(170deg)}.line-mid-right-upper{width:calc(50% - 50px);top:50%;left:50%;transform:translateY(-50%)rotate(-10deg)}.line-mid-right-lower{width:calc(50% - 50px);top:50%;left:50%;transform:translateY(-50%)rotate(10deg)}.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}.line-mid-left-upper:after{animation-delay:1.4s}.line-mid-right-upper:after{animation-delay:1.5s}.line-mid-left-lower:after{animation-delay:1.6s}.line-mid-right-lower:after{animation-delay:1.7s}@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-card-instagram .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)}.platform-mid-left-upper{top:27.5%;left:0}.platform-mid-left-lower{top:55%;left:0}.platform-mid-right-upper{top:27.5%;right:0}.platform-mid-right-lower{top:55%;right:0}.platform-animation-stage[data-count="8"] .platform-card{width:54px;height:54px}.platform-animation-stage[data-count="8"] .platform-img{width:28px;height:28px}.platform-animation-stage[data-count="8"] .platform-card-instagram .platform-img{width:22px;height:22px}.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)}.line-mid-left-upper{width:calc(50% - 45px);transform:translateY(-50%)rotate(-165deg)}.line-mid-left-lower{width:calc(50% - 45px);transform:translateY(-50%)rotate(165deg)}.line-mid-right-upper{width:calc(50% - 45px);transform:translateY(-50%)rotate(-15deg)}.line-mid-right-lower{width:calc(50% - 45px);transform:translateY(-50%)rotate(15deg)}}@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}}
/*# sourceMappingURL=0fbc91dffb4519c2.css.map*/