.cityscape-animation{position:absolute;bottom:80px;left:0;width:100%;height:200px;overflow:hidden;z-index:1}.cityscape-wrapper{position:absolute;bottom:0;left:0;width:200%;height:100%;display:flex}.cityscape{width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 200"><defs><style>.building-1{fill:%23f4a261;}.building-2{fill:%23e76f51;}.building-3{fill:%232a9d8f;}.building-4{fill:%23264653;}.car{fill:%23e9c46a;}.tree{fill:%23264653;}.balloon{fill:%23e76f51;}.cloud{fill:%23f1faee;}.bird{fill:%23f4a261;}</style></defs><g id="cityscape"><rect class="building-1" x="50" y="100" width="80" height="100" rx="5"/><rect class="building-2" x="150" y="80" width="60" height="120" rx="5"/><rect class="building-3" x="230" y="120" width="100" height="80" rx="5"/><circle class="tree" cx="350" cy="150" r="30"/><rect class="tree" x="340" y="150" width="20" height="50"/><rect class="building-4" x="400" y="60" width="80" height="140" rx="5"/><rect class="car" x="100" y="180" width="40" height="20" rx="5"/><circle cx="110" cy="200" r="5"/><circle cx="130" cy="200" r="5"/><rect class="building-1" x="550" y="90" width="70" height="110" rx="5"/><rect class="building-2" x="650" y="70" width="90" height="130" rx="5"/><circle class="tree" cx="800" cy="160" r="25"/><rect class="tree" x="792" y="160" width="16" height="40"/><rect class="building-3" x="850" y="100" width="80" height="100" rx="5"/><rect class="car" x="600" y="180" width="40" height="20" rx="5"/><circle cx="610" cy="200" r="5"/><circle cx="630" cy="200" r="5"/><rect class="building-4" x="950" y="50" width="100" height="150" rx="5"/><rect class="building-1" x="1080" y="110" width="60" height="90" rx="5"/><circle class="tree" cx="1200" cy="170" r="20"/><rect class="tree" x="1194" y="170" width="12" height="30"/><rect class="building-2" x="1250" y="80" width="80" height="120" rx="5"/><rect class="building-3" x="1350" y="90" width="70" height="110" rx="5"/><rect class="car" x="1100" y="180" width="40" height="20" rx="5"/><circle cx="1110" cy="200" r="5"/><circle cx="1130" cy="200" r="5"/><rect class="building-4" x="1450" y="70" width="90" height="130" rx="5"/><rect class="building-1" x="1570" y="100" width="80" height="100" rx="5"/><circle class="tree" cx="1700" cy="160" r="25"/><rect class="tree" x="1692" y="160" width="16" height="40"/><rect class="building-2" x="1750" y="60" width="100" height="140" rx="5"/><ellipse class="cloud" cx="200" cy="40" rx="30" ry="15"/><ellipse class="cloud" cx="220" cy="35" rx="20" ry="12"/><ellipse class="cloud" cx="800" cy="50" rx="35" ry="18"/><ellipse class="cloud" cx="825" cy="45" rx="25" ry="15"/><ellipse class="cloud" cx="1400" cy="35" rx="30" ry="15"/><ellipse class="cloud" cx="1420" cy="30" rx="20" ry="12"/><path class="balloon" d="M150,20 Q150,5 160,5 Q170,5 170,20 Q170,35 160,40 Q150,35 150,20 Z"/><line x1="160" y1="40" x2="160" y2="60" stroke="%23264653" stroke-width="1"/><path class="bird" d="M500,30 Q505,25 510,30 M510,30 Q515,25 520,30" fill="none" stroke="%23f4a261" stroke-width="2"/><path class="bird" d="M1000,40 Q1005,35 1010,40 M1010,40 Q1015,35 1020,40" fill="none" stroke="%23e76f51" stroke-width="2"/></g></svg>');background-repeat:repeat-x;background-size:auto 100%;background-position:bottom;animation:moveCityscape 60s linear infinite}@keyframes moveCityscape{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.cloud-animation{position:absolute;top:20px;left:0;width:100%;height:80px;overflow:hidden;z-index:0}.clouds{position:absolute;width:200%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 80"><defs><style>.cloud{fill:%23ffffff;opacity:0.8;}</style></defs><g id="clouds"><ellipse class="cloud" cx="100" cy="40" rx="40" ry="20"/><ellipse class="cloud" cx="130" cy="35" rx="30" ry="15"/><ellipse class="cloud" cx="500" cy="30" rx="45" ry="22"/><ellipse class="cloud" cx="535" cy="25" rx="35" ry="18"/><ellipse class="cloud" cx="900" cy="45" rx="40" ry="20"/><ellipse class="cloud" cx="930" cy="40" rx="30" ry="15"/><ellipse class="cloud" cx="1300" cy="35" rx="50" ry="25"/><ellipse class="cloud" cx="1340" cy="30" rx="40" ry="20"/><ellipse class="cloud" cx="1700" cy="40" rx="45" ry="22"/><ellipse class="cloud" cx="1735" cy="35" rx="35" ry="18"/></g></svg>');background-repeat:repeat-x;background-size:auto 100%;animation:moveClouds 80s linear infinite}@keyframes moveClouds{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.birds-animation{position:absolute;top:40px;left:0;width:100%;height:60px;z-index:2}.bird{position:absolute;width:30px;height:20px;animation:flyBird 15s linear infinite}.bird svg{width:100%;height:100%}.bird-1{top:10px;animation-delay:0s}.bird-2{top:30px;animation-delay:5s}.bird-3{top:20px;animation-delay:10s}@keyframes flyBird{0%{transform:translateX(-50px) translateY(0)}25%{transform:translateX(25vw) translateY(-10px)}50%{transform:translateX(50vw) translateY(0)}75%{transform:translateX(75vw) translateY(10px)}100%{transform:translateX(calc(100vw + 50px)) translateY(0)}}.balloon-animation{position:absolute;top:10px;left:20%;width:60px;height:80px;z-index:1;animation:floatBalloon 30s ease-in-out infinite}.balloon-animation svg{width:100%;height:100%}@keyframes floatBalloon{0%,100%{transform:translateY(0) translateX(0) rotate(-5deg)}25%{transform:translateY(-20px) translateX(50px) rotate(5deg)}50%{transform:translateY(10px) translateX(100px) rotate(-3deg)}75%{transform:translateY(-15px) translateX(50px) rotate(3deg)}}@media (max-width:768px){.cityscape-animation{height:150px;bottom:60px}.cloud-animation{height:60px}.birds-animation{display:none}.balloon-animation{width:40px;height:60px}}@media (prefers-reduced-motion:reduce){.cityscape,.clouds,.bird,.balloon-animation{animation:none}}