@keyframes connect-glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes connect-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes connect-particle{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}[data-active=true] .connect-glow-outer{transform-origin:50%;transform-box:fill-box;animation:3s ease-in-out infinite connect-glow-pulse}[data-active=true] .connect-icon-pdf,[data-active=true] .connect-icon-mp4,[data-active=true] .connect-icon-xls{transform-origin:50%;transform-box:fill-box;animation:3.2s ease-in-out infinite connect-icon-float}[data-active=true] .connect-icon-mp4{animation-delay:.4s}[data-active=true] .connect-icon-xls{animation-delay:.8s}[data-active=true] .connect-particle{animation:2.4s linear infinite connect-particle}[data-active=true] .connect-particle.p2{animation-delay:.8s}[data-active=true] .connect-particle.p3{animation-delay:1.6s}[data-active=true] .connect-particle.p4{animation-delay:.3s}[data-active=true] .connect-particle.p5{animation-delay:1.1s}[data-active=true] .connect-particle.p6{animation-delay:1.9s}[data-active=true] .connect-icon-platform{transform-origin:50%;transform-box:fill-box;animation:3.4s ease-in-out infinite connect-icon-float}[data-active=true] .connect-icon-platform.pp2{animation-delay:.5s}[data-active=true] .connect-icon-platform.pp3{animation-delay:1s}@keyframes config-cursor-path{0%{opacity:0;transform:translate(280px,80px)}8%{opacity:1}25%{transform:translate(170px,130px)}45%{transform:translate(170px,130px)}60%{transform:translate(255px,235px)}72%{transform:translate(255px,235px)scale(.85)}80%{transform:translate(255px,235px)scale(1)}95%{opacity:1}to{opacity:0;transform:translate(280px,80px)}}@keyframes config-toggle-fill{0%,70%{fill:#435fab2e}80%,to{fill:#febe3f}}@keyframes config-toggle-slide{0%,70%{transform:translate(0)}80%,to{transform:translate(14px)}}@keyframes config-card-pulse{0%,40%,to{stroke-opacity:.4}20%{stroke-opacity:1}}[data-active=true] .config-cursor{animation:6s ease-in-out infinite config-cursor-path}[data-active=true] .config-toggle-bg{animation:6s ease-in-out infinite config-toggle-fill}[data-active=true] .config-toggle-dot{animation:6s ease-in-out infinite config-toggle-slide}[data-active=true] .config-card-active{animation:6s ease-in-out infinite config-card-pulse}@keyframes learn-play-pulse{0%,to{transform:scale(1);box-shadow:0 0 #febe3f80}50%{transform:scale(1.08);box-shadow:0 0 0 14px #febe3f00}}@keyframes learn-progress{0%{width:0%}to{width:34%}}@keyframes learn-formula-1{0%,5%{opacity:0}15%,to{opacity:1}}@keyframes learn-formula-2{0%,20%{opacity:0}30%,to{opacity:1}}@keyframes learn-formula-3{0%,35%{opacity:0}45%,to{opacity:1}}@keyframes learn-arrow-draw{0%,50%{stroke-dashoffset:30px}65%,to{stroke-dashoffset:0}}@keyframes learn-msg-1-in{0%,8%{opacity:0;transform:translateY(4px)}14%,to{opacity:1;transform:translateY(0)}}@keyframes learn-msg-2-in{0%,22%{opacity:0;transform:translateY(4px)}28%,to{opacity:1;transform:translateY(0)}}@keyframes learn-typing-cycle{0%,40%{opacity:0}45%,60%{opacity:1}65%,to{opacity:0}}@keyframes learn-msg-3-in{0%,68%{opacity:0;transform:translateY(4px)}75%,to{opacity:1;transform:translateY(0)}}@keyframes learn-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes learn-graph-draw{0%,78%{stroke-dashoffset:200px}92%,to{stroke-dashoffset:0}}[data-active=true] .learn-play-pulse{animation:2s ease-in-out infinite learn-play-pulse}[data-active=true] .learn-progress{animation:3s ease-out forwards learn-progress}[data-active=true] .learn-formula-1{opacity:0;animation:5s ease-out infinite learn-formula-1}[data-active=true] .learn-formula-2{opacity:0;animation:5s ease-out infinite learn-formula-2}[data-active=true] .learn-formula-3{opacity:0;animation:5s ease-out infinite learn-formula-3}[data-active=true] .learn-arrow-path{stroke-dasharray:30;stroke-dashoffset:30px;animation:5s ease-out infinite learn-arrow-draw}[data-active=true] .learn-msg-1{opacity:0;animation:7s ease-out infinite learn-msg-1-in}[data-active=true] .learn-msg-2{opacity:0;animation:7s ease-out infinite learn-msg-2-in}[data-active=true] .learn-typing{opacity:0;animation:7s ease-in-out infinite learn-typing-cycle}[data-active=true] .learn-msg-3{opacity:0;animation:7s ease-out infinite learn-msg-3-in}[data-active=true] .learn-dot{animation:1.2s ease-in-out infinite learn-dot}[data-active=true] .learn-dot.dot-2{animation-delay:.2s}[data-active=true] .learn-dot.dot-3{animation-delay:.4s}[data-active=true] .learn-graph-path{stroke-dasharray:200;stroke-dashoffset:200px;animation:7s ease-out infinite learn-graph-draw}@keyframes improve-donut-fill{0%{stroke-dashoffset:188.5px}to{stroke-dashoffset:56.55px}}@keyframes improve-bar-grow{0%{opacity:0;height:0}to{height:var(--bar-height);opacity:1}}[data-active=true] .improve-donut{stroke-dasharray:188.5;stroke-dashoffset:188.5px;animation:1.8s cubic-bezier(.34,1.4,.64,1) .2s forwards improve-donut-fill}[data-active=true] .improve-bar{height:0;animation:1.2s cubic-bezier(.34,1.56,.64,1) forwards improve-bar-grow}@media(prefers-reduced-motion:reduce){[data-active] *,[data-active]{transition:none!important;animation:none!important}}