*{padding:0;margin:0;box-sizing:border-box}body{background:#0052d0;overflow:hidden}@font-face{font-family:IBM;src:url(/cuaca-1/assets/IBMPlexSansArabic-Light-DdwOO42i.ttf);font-weight:300}@font-face{font-family:IBM;src:url(/cuaca-1/assets/IBMPlexSansArabic-Regular-dPS8v79U.ttf);font-weight:400}@font-face{font-family:IBM;src:url(/cuaca-1/assets/IBMPlexSansArabic-Medium-CNIo45O1.ttf);font-weight:500}.sky-background{position:relative;width:100%;min-height:100vh;background:linear-gradient(180deg,#0052d0,#0039a6,#002080);overflow:hidden}.sun{position:absolute;top:30px;right:50px;width:100px;height:100px;background:radial-gradient(circle,#fff7ae,gold 40%,#ff8c00);border-radius:50%;box-shadow:0 0 60px gold,0 0 120px gold,0 0 180px #ff8c00,0 0 240px #f60;animation:sunPulse 4s ease-in-out infinite;z-index:0}@keyframes sunPulse{0%,to{box-shadow:0 0 60px gold,0 0 120px gold,0 0 180px #ff8c00,0 0 240px #f60}50%{box-shadow:0 0 80px gold,0 0 140px gold,0 0 200px #ff8c00,0 0 260px #f60}}.moon{position:absolute;top:40px;left:80px;width:80px;height:80px;background:radial-gradient(circle at 30% 30%,#fff,#e8e8e8,silver);border-radius:50%;box-shadow:0 0 30px #ffffff80,0 0 60px #ffffff4d,inset -10px -10px 20px #0000001a;animation:moonFloat 6s ease-in-out infinite;z-index:0}@keyframes moonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stars,.stars2,.stars3{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.stars{background:transparent;box-shadow:50px 30px #fff,150px 80px #fff,250px 20px #fff,350px 100px #fff,450px 50px #fff,550px 90px #fff,650px 30px #fff,750px 70px #fff,850px 40px #fff,950px 100px #fff,100px 150px #fff,300px 180px #fff,500px 140px #fff,700px 160px #fff,900px 130px #fff,200px 200px #fff,400px 220px #fff,600px 190px #fff,800px 210px #fff;width:2px;height:2px;border-radius:50%;animation:twinkle 3s ease-in-out infinite}.stars2{box-shadow:80px 50px #fff,200px 120px #fff,400px 40px #fff,600px 110px #fff,800px 60px #fff,150px 170px #fff,450px 200px #fff,750px 150px #fff,350px 250px #fff,650px 220px #fff;width:1.5px;height:1.5px;border-radius:50%;animation:twinkle 4s ease-in-out infinite reverse}.stars3{box-shadow:120px 60px #fff,320px 90px #fff,520px 30px #fff,720px 80px #fff,920px 50px #fff,250px 140px #fff,550px 160px #fff,850px 120px #fff,180px 230px #fff,680px 240px #fff;width:1px;height:1px;border-radius:50%;animation:twinkle 5s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.shooting-star{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff;top:10%;left:20%;animation:shootingStar 3s linear infinite}.shooting-star:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:100px;height:2px;background:linear-gradient(90deg,#fff,transparent)}.shooting-star-2{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:0 0 8px #fff,0 0 16px #fff,0 0 32px #fff;top:20%;left:60%;animation:shootingStar 4s linear 2s infinite}.shooting-star-2:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:80px;height:1.5px;background:linear-gradient(90deg,#fff,transparent)}.shooting-star-3{position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;box-shadow:0 0 12px #fff,0 0 24px #fff,0 0 48px #fff;top:5%;left:80%;animation:shootingStar 3.5s linear 1s infinite}.shooting-star-3:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:120px;height:2.5px;background:linear-gradient(90deg,#fff,transparent)}@keyframes shootingStar{0%{transform:translate(0) translateY(0) rotate(-45deg);opacity:1}to{transform:translate(-500px) translateY(500px) rotate(-45deg);opacity:0}}.bird-container{position:absolute;top:20%;left:-10%;transform:scale(0);animation:flyRight 15s linear infinite;z-index:1}.bird-container--one{animation-duration:12s;animation-delay:0s;top:15%}.bird-container--two{animation-duration:14s;animation-delay:3s;top:25%}.bird-container--three{animation-duration:16s;animation-delay:6s;top:30%;left:100%;animation-name:flyLeft}.bird-container--four{animation-duration:13s;animation-delay:9s;top:20%;left:100%;animation-name:flyLeft}.bird{width:40px;height:40px;background:transparent;position:relative;animation:birdFlap .8s ease-in-out infinite}.bird:before,.bird:after{content:"";position:absolute;width:20px;height:8px;background:#2c3e50;border-radius:50%;top:10px}.bird:before{left:0;transform:rotate(-30deg);animation:wingLeft .8s ease-in-out infinite}.bird:after{right:0;transform:rotate(30deg);animation:wingRight .8s ease-in-out infinite}@keyframes flyRight{0%{transform:translate(-100px) translateY(0) scale(.5)}10%{transform:translate(10vw) translateY(-20px) scale(.6)}20%{transform:translate(20vw) translateY(0) scale(.7)}30%{transform:translate(30vw) translateY(-30px) scale(.6)}40%{transform:translate(40vw) translateY(-10px) scale(.7)}50%{transform:translate(50vw) translateY(-25px) scale(.6)}60%{transform:translate(60vw) translateY(0) scale(.7)}70%{transform:translate(70vw) translateY(-20px) scale(.6)}80%{transform:translate(80vw) translateY(-10px) scale(.7)}90%{transform:translate(90vw) translateY(-25px) scale(.6)}to{transform:translate(110vw) translateY(0) scale(.5)}}@keyframes flyLeft{0%{transform:translate(100px) translateY(0) scale(.5) scaleX(-1)}10%{transform:translate(-10vw) translateY(-20px) scale(.6) scaleX(-1)}20%{transform:translate(-20vw) translateY(0) scale(.7) scaleX(-1)}30%{transform:translate(-30vw) translateY(-30px) scale(.6) scaleX(-1)}40%{transform:translate(-40vw) translateY(-10px) scale(.7) scaleX(-1)}50%{transform:translate(-50vw) translateY(-25px) scale(.6) scaleX(-1)}60%{transform:translate(-60vw) translateY(0) scale(.7) scaleX(-1)}70%{transform:translate(-70vw) translateY(-20px) scale(.6) scaleX(-1)}80%{transform:translate(-80vw) translateY(-10px) scale(.7) scaleX(-1)}90%{transform:translate(-90vw) translateY(-25px) scale(.6) scaleX(-1)}to{transform:translate(-110vw) translateY(0) scale(.5) scaleX(-1)}}@keyframes birdFlap{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes wingLeft{0%,to{transform:rotate(-30deg)}50%{transform:rotate(-60deg)}}@keyframes wingRight{0%,to{transform:rotate(30deg)}50%{transform:rotate(60deg)}}.balloon{position:absolute;top:15%;left:70%;animation:balloonFloat 20s ease-in-out infinite;z-index:1}.balloon-body{width:60px;height:80px;background:radial-gradient(circle at 40% 30%,#ff6b6b,#ee5a24);border-radius:50%/40% 40% 60% 60%;position:relative;box-shadow:inset -10px -10px 20px #0003,0 10px 30px #0000004d}.balloon-body:before{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:4px;height:20px;background:#8b4513}.balloon-basket{width:30px;height:20px;background:#8b4513;position:absolute;bottom:-35px;left:50%;transform:translate(-50%);border-radius:0 0 5px 5px;box-shadow:0 5px 15px #0000004d}.balloon-basket:before,.balloon-basket:after{content:"";position:absolute;top:-15px;width:2px;height:15px;background:#8b4513}.balloon-basket:before{left:5px;transform:rotate(-15deg)}.balloon-basket:after{right:5px;transform:rotate(15deg)}@keyframes balloonFloat{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-30px) translate(20px)}50%{transform:translateY(-15px) translate(-20px)}75%{transform:translateY(-40px) translate(10px)}}.mountain{position:absolute;bottom:0;width:0;height:0;z-index:0}.mountain-1{left:5%;border-left:150px solid transparent;border-right:150px solid transparent;border-bottom:200px solid #1a3a6b;opacity:.3}.mountain-2{left:30%;border-left:200px solid transparent;border-right:200px solid transparent;border-bottom:280px solid #15305a;opacity:.2}.mountain-3{left:60%;border-left:180px solid transparent;border-right:180px solid transparent;border-bottom:240px solid #1a3a6b;opacity:.25}.cloud{position:absolute;background:#ffffffe6;border-radius:50%;box-shadow:0 10px 30px #0000001a,inset 0 -10px 20px #0000000d,inset 0 10px 20px #fffc;z-index:1}.cloud:before,.cloud:after{content:"";position:absolute;background:#ffffffe6;border-radius:50%;box-shadow:inset 0 -10px 20px #0000000d,inset 0 10px 20px #fffc}.cloud-1{width:200px;height:60px;top:5%;left:-5%;animation:float1 20s ease-in-out infinite}.cloud-1:before{width:100px;height:100px;top:-50px;left:20px}.cloud-1:after{width:120px;height:80px;top:-40px;right:20px}.cloud-2{width:250px;height:70px;top:15%;right:-5%;animation:float2 25s ease-in-out infinite}.cloud-2:before{width:120px;height:120px;top:-60px;left:30px}.cloud-2:after{width:140px;height:90px;top:-50px;right:25px}.cloud-3{width:180px;height:50px;top:55%;left:10%;animation:float3 22s ease-in-out infinite}.cloud-3:before{width:90px;height:90px;top:-45px;left:15px}.cloud-3:after{width:110px;height:70px;top:-35px;right:15px}.cloud-4{width:220px;height:65px;top:65%;right:0%;animation:float4 18s ease-in-out infinite}.cloud-4:before{width:110px;height:110px;top:-55px;left:25px}.cloud-4:after{width:130px;height:85px;top:-45px;right:20px}.cloud-5{width:160px;height:45px;top:35%;left:45%;animation:float5 28s ease-in-out infinite}.cloud-5:before{width:80px;height:80px;top:-40px;left:15px}.cloud-5:after{width:100px;height:65px;top:-35px;right:15px}.cloud-6{width:240px;height:68px;top:80%;left:35%;animation:float6 23s ease-in-out infinite}.cloud-6:before{width:115px;height:115px;top:-58px;left:28px}.cloud-6:after{width:135px;height:88px;top:-48px;right:22px}.cloud-7{width:170px;height:55px;top:45%;left:70%;animation:float1 24s ease-in-out infinite reverse}.cloud-7:before{width:85px;height:85px;top:-42px;left:18px}.cloud-7:after{width:105px;height:72px;top:-38px;right:18px}.cloud-8{width:190px;height:58px;top:25%;left:30%;animation:float2 21s ease-in-out infinite reverse}.cloud-8:before{width:95px;height:95px;top:-48px;left:22px}.cloud-8:after{width:115px;height:78px;top:-42px;right:22px}@keyframes float1{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(30px) translateY(-10px)}50%{transform:translate(60px) translateY(0)}75%{transform:translate(30px) translateY(10px)}}@keyframes float2{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-40px) translateY(-15px)}50%{transform:translate(-80px) translateY(0)}75%{transform:translate(-40px) translateY(15px)}}@keyframes float3{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(25px) translateY(-8px)}50%{transform:translate(50px) translateY(0)}75%{transform:translate(25px) translateY(8px)}}@keyframes float4{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-35px) translateY(-12px)}50%{transform:translate(-70px) translateY(0)}75%{transform:translate(-35px) translateY(12px)}}@keyframes float5{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(20px) translateY(-5px)}50%{transform:translate(40px) translateY(0)}75%{transform:translate(20px) translateY(5px)}}@keyframes float6{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-30px) translateY(-10px)}50%{transform:translate(-60px) translateY(0)}75%{transform:translate(-30px) translateY(10px)}}@media (max-width: 768px){.sun{width:60px;height:60px;top:20px;right:20px}.moon{width:50px;height:50px;top:30px;left:30px}.cloud{opacity:.4}.cloud-1{width:150px;height:45px}.cloud-2{width:180px;height:50px}.cloud-3{width:140px;height:40px}.cloud-4{width:170px;height:50px}.cloud-5{width:120px;height:35px}.cloud-6{width:180px;height:50px}.cloud-7{width:130px;height:40px}.cloud-8{width:150px;height:45px}.mountain-1{border-left-width:100px;border-right-width:100px;border-bottom-width:150px}.mountain-2{border-left-width:130px;border-right-width:130px;border-bottom-width:200px}.mountain-3{border-left-width:120px;border-right-width:120px;border-bottom-width:170px}.balloon{left:50%;transform:scale(.7)}}