.data-flow-animation{position:relative;width:100%;height:500px;overflow:hidden;transition:all .3s ease}.logo-container{position:relative;z-index:20;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.logo-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(255,178,107,.3) 0,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite;z-index:5;transition:all .4s ease}.logo-container:hover .logo-glow{inset:-30px;background:radial-gradient(circle,rgba(255,178,107,.5) 0,transparent 70%);animation-duration:1s}.logo-circle{position:absolute;width:320px;height:320px;border:2px solid rgba(255,178,107,.5);border-radius:50%;z-index:15;animation:rotateCircle 20s linear infinite;transition:all .4s ease}.logo-container:hover .logo-circle{border-color:rgba(255,178,107,.8);animation-duration:10s}.logo-circle:before{border:1px solid rgba(255,178,107,.2);border-radius:50%;transform:scale(1.1)}.logo-circle:after,.logo-circle:before{content:"";position:absolute;width:100%;height:100%}.logo-circle:after{border:1px solid rgba(255,178,107,.1);border-radius:50%;transform:scale(1.2)}.data-label{position:relative;display:flex;align-items:center;opacity:0;animation:fadeInLabel .8s ease-out forwards}.left-label{justify-content:flex-end;padding-right:20px}.right-label{justify-content:flex-start;padding-left:20px}.label-text{color:#fff;font-size:16px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.5);padding:12px 20px;background:rgba(16,19,31,.9);border-radius:25px;border:2px solid rgba(255,178,107,.4);backdrop-filter:blur(15px);white-space:nowrap;transition:all .3s ease;animation:levitate 4s ease-in-out infinite;animation-delay:var(--levitate-delay,0s);box-shadow:0 4px 20px rgba(255,178,107,.2);cursor:pointer}.label-text:hover{background:rgba(255,178,107,.15);border-color:rgba(255,178,107,.7);box-shadow:0 8px 30px rgba(255,178,107,.5);animation-play-state:paused}@media (max-width:768px){.data-flow-animation{height:400px}.label-text{font-size:14px;padding:10px 16px}.logo-container img{width:200px!important;height:auto!important}.logo-circle{width:250px;height:250px}}@media (max-width:480px){.data-flow-animation{height:350px}.left-label,.right-label{padding:0 4px}.label-text{font-size:12px;padding:8px 12px}.logo-container img{width:150px!important;height:auto!important}.logo-circle{width:180px;height:180px}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes fadeInLabel{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateCircle{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes dotGridFlow{0%{transform:translate(0);background-position:0 0}to{transform:translate(32px,32px);background-position:32px 32px}}.animated-dot-grid{animation:dotGridFlow 3s linear infinite;opacity:1}.animated-dot-grid:before{background:linear-gradient(135deg,transparent,transparent 85%,rgba(26,29,42,.8))}.animated-dot-grid:after,.animated-dot-grid:before{content:"";position:absolute;inset:0;pointer-events:none}.animated-dot-grid:after{background:linear-gradient(to bottom right,transparent,transparent 90%,rgba(26,29,42,.6))}