.tennis-training-animation{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px}.tennis-training-animation.small .animation-container{width:220px;height:150px}.tennis-training-animation.medium .animation-container{width:380px;height:250px}.tennis-training-animation.large .animation-container{width:520px;height:350px}.animation-container{position:relative;width:380px;height:250px;display:flex;align-items:center;justify-content:center}.ball-machine{position:absolute;left:2%;top:2%;transform:translateY(-50%);width:100px;height:100px;animation:machineSwing 3s ease-in-out infinite;transform-origin:center bottom;z-index:1}.machine-svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(102,126,234,.3))}@keyframes machineSwing{0%,to{transform:translateY(-50%) rotate(-10deg)}50%{transform:translateY(-50%) rotate(10deg)}}.tennis-ball{position:absolute;width:40px;height:40px;z-index:3;animation:ballFly 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.tennis-ball-svg{width:100%;height:100%;display:block}@keyframes ballFly{0%{left:5%;top:calc(32% - 15px);opacity:0;transform:scale(.5) rotate(0)}10%{opacity:1;transform:scale(1) rotate(45deg)}25%{left:28%;top:calc(12% - 15px);transform:scale(1.1) rotate(180deg)}50%{left:58%;top:calc(20% - 15px);transform:scale(1) rotate(360deg)}65%{left:82%;top:calc(28% - 15px);transform:scale(.95) rotate(540deg)}70%{opacity:1}75%{left:92%;top:calc(32% - 15px);opacity:.5;transform:scale(.8) rotate(630deg)}85%{left:96%;top:calc(32% - 15px);opacity:0;transform:scale(.5) rotate(720deg)}to{left:98%;top:calc(32% - 15px);opacity:0;transform:scale(.3) rotate(720deg)}}.tennis-racket{position:absolute;right:2%;top:32%;transform:translateY(-50%);width:90px;height:90px;animation:racketSwing 3s ease-in-out infinite;transform-origin:center center;z-index:2}.racket-svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(102,126,234,.3))}@keyframes racketSwing{0%,60%{transform:translateY(-50%) translate(0) rotate(-20deg)}70%{transform:translateY(-50%) translate(-15px) rotate(15deg)}75%{transform:translateY(-50%) translate(-20px) rotate(20deg)}80%{transform:translateY(-50%) translate(-10px) rotate(10deg)}to{transform:translateY(-50%) translate(0) rotate(-20deg)}}.hit-effect{position:absolute;right:8%;top:32%;transform:translate(-50%,-50%);width:80px;height:80px;pointer-events:none;z-index:4}.impact-wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:3px solid #667eea;border-radius:50%;opacity:0;animation:impactWave 3s ease-out infinite}.impact-wave:nth-child(2){animation-delay:.1s;border-color:#764ba2}.impact-wave:nth-child(3){animation-delay:.2s;border-color:#4c51bf}@keyframes impactWave{0%,68%{width:25px;height:25px;opacity:0;border-width:3px}70%{width:30px;height:30px;opacity:.9;border-width:4px}75%{width:65px;height:65px;opacity:.5;border-width:3px}80%{width:80px;height:80px;opacity:.1;border-width:2px}to{width:80px;height:80px;opacity:0;border-width:1px}}.animation-text{margin:0;font-size:16px;font-weight:500;color:#667eea;text-align:center;animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 768px){.tennis-training-animation.small .animation-container{width:180px;height:120px}.tennis-training-animation.medium .animation-container{width:300px;height:200px}.tennis-training-animation.large .animation-container{width:420px;height:280px}.ball-machine{width:70px;height:70px;left:3%;top:32%}.tennis-ball{width:28px;height:28px}.tennis-racket{width:65px;height:65px;right:3%;top:32%}.hit-effect{right:10%;width:60px;height:60px;top:32%}.animation-text{font-size:14px}}@media (min-width: 769px) and (max-width: 1024px){.tennis-training-animation.medium .animation-container{width:330px;height:220px}.tennis-training-animation.large .animation-container{width:450px;height:300px}.ball-machine{width:85px;height:85px}.tennis-ball{width:36px;height:36px}.tennis-racket{width:78px;height:78px}.hit-effect{width:70px;height:70px}}.ball-machine,.tennis-ball,.tennis-racket,.impact-wave{will-change:transform,opacity}.machine-svg,.racket-svg{backface-visibility:hidden;-webkit-backface-visibility:hidden}