.sky-container{position:relative;width:100%;height:350px;background:linear-gradient(90deg,#87CEEB,#6495ED,#4169E1,#1E90FF);background-size:400% 100%;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.2);animation:animateSkyGradient 20s ease-in-out infinite;display:flex;justify-content:center;align-items:center}@media (max-width:767px){.sky-container{height:250px}}.sun{position:absolute;top:5%;right:5%;width:120px;height:120px;background:#FFD700;border-radius:50%;animation:pulse 4s ease-in-out infinite,fadeInShadow .5s ease-in .2s forwards;box-shadow:0 0 0 0 transparent}.cloud-container{position:absolute;animation:moveClouds 25s linear infinite}@keyframes moveClouds{0%{transform:translateX(0)}to{transform:translateX(300vw)}}.cloud-1{width:150px;height:50px;background:#fff;border-radius:100px;position:relative;filter:blur(10px);opacity:.9;box-shadow:0 0 10px rgba(0,0,0,.1)}.cloud-1:after,.cloud-1:before{content:"";position:absolute;background:inherit;border-radius:50%;z-index:1}.cloud-1:before{width:60px;height:60px;top:-25px;left:15px}.cloud-1:after{width:80px;height:80px;top:-45px;left:60px}.cloud-2{width:120px;height:40px;background:#fff;border-radius:80px;position:relative;filter:blur(8px);opacity:.85;box-shadow:0 0 8px rgba(0,0,0,.1)}.cloud-2:after,.cloud-2:before{content:"";position:absolute;background:inherit;border-radius:50%;z-index:1}.cloud-2:before{width:50px;height:50px;top:-20px;left:10px}.cloud-2:after{width:70px;height:70px;top:-30px;left:40px}.cloud-3{width:180px;height:60px;background:#fff;border-radius:120px;position:relative;filter:blur(12px);opacity:.95;box-shadow:0 0 12px rgba(0,0,0,.1)}.cloud-3:after,.cloud-3:before{content:"";position:absolute;background:inherit;border-radius:50%;z-index:1}.cloud-3:before{width:70px;height:70px;top:-30px;left:20px}.cloud-3:after{width:90px;height:90px;top:-50px;left:80px}.cloud-4{width:100px;height:35px;background:#fff;border-radius:70px;position:relative;filter:blur(7px);opacity:.8;box-shadow:0 0 7px rgba(0,0,0,.1)}.cloud-4:after,.cloud-4:before{content:"";position:absolute;background:inherit;border-radius:50%;z-index:1}.cloud-4:before{width:40px;height:40px;top:-15px;left:5px}.cloud-4:after{width:60px;height:60px;top:-25px;left:30px}.cloud-5{width:160px;height:55px;background:#fff;border-radius:110px;position:relative;filter:blur(11px);opacity:.9;box-shadow:0 0 11px rgba(0,0,0,.1)}.cloud-5:after,.cloud-5:before{content:"";position:absolute;background:inherit;border-radius:50%;z-index:1}.cloud-5:before{width:65px;height:65px;top:-28px;left:18px}.cloud-5:after{width:85px;height:85px;top:-48px;left:70px}.cloud-container:first-child{top:20%;left:-30%;animation-duration:60s}.cloud-container:nth-child(2){top:45%;left:-100%;animation-duration:55s;animation-delay:-5s}.cloud-container:nth-child(3){top:70%;left:-150%;animation-duration:70s;animation-delay:-10s}.cloud-container:nth-child(4){top:10%;left:-200%;animation-duration:58s;animation-delay:-15s}.cloud-container:nth-child(5){top:55%;left:-250%;animation-duration:65s;animation-delay:-20s}@keyframes fadeInShadow{0%{box-shadow:0 0 0 0 transparent}to{box-shadow:0 0 15px 5px #FFD700,0 0 25px 10px #FFC700,0 0 40px 15px #FFA500}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes animateSkyGradient{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}.star-container{position:absolute;animation:moveStars 120s linear infinite}@keyframes moveStars{0%{transform:translateX(0)}to{transform:translateX(-300vw)}}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.star-container:first-child{top:20%;left:30%;animation-duration:100s;animation-delay:.5s}.star-container:nth-child(2){top:40%;left:60%;animation-duration:110s;animation-delay:1s}.star-container:nth-child(3){top:60%;left:80%;animation-duration:125s;animation-delay:.2s}.star-container:nth-child(4){top:80%;left:15%;animation-duration:95s;animation-delay:1.5s}.star-container:nth-child(5){top:50%;left:50%;animation-duration:130s;animation-delay:.8s}.star-container:nth-child(6){top:30%;left:70%;animation-duration:105s;animation-delay:1.2s}.star-container:nth-child(7){top:75%;left:40%;animation-duration:115s;animation-delay:.6s}.star-container:nth-child(8){top:10%;left:90%;animation-duration:140s;animation-delay:1.8s}.star-container:nth-child(9){top:55%;left:25%;animation-duration:122s;animation-delay:.4s}.star-container:nth-child(10){top:85%;left:5%;animation-duration:118s;animation-delay:1.1s}.shooting-star-container{position:absolute;animation:shoot 2.5s linear infinite;pointer-events:none;overflow:hidden}.shooting-star-container:first-child{top:-10%;left:20%;animation-delay:5s}.shooting-star-container:nth-child(2){top:-30%;left:50%;animation-delay:10s;animation-duration:3s}.shooting-star{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffffff;opacity:0}.shooting-star:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:2px;background:linear-gradient(270deg,transparent,#ffffff);filter:blur(2px);pointer-events:none}@keyframes shoot{0%{transform:translateX(0) translateY(0) rotate(45deg);opacity:1}10%{opacity:1}to{transform:translateX(120vw) translateY(120vh) rotate(45deg);opacity:0}}.svg-star{width:15px;height:15px;filter:drop-shadow(0 0 2px rgba(255,255,255,.5));animation:blink 2s infinite}