.weather-effect{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;border-radius:inherit}.weather-sunny{background:linear-gradient(135deg,rgba(255,223,0,.08),rgba(255,165,0,.04))}.sun-rays{background:radial-gradient(circle at 30% 30%,rgba(255,223,0,.25) 0,transparent 60%);animation:sunPulse 4s ease-in-out infinite}@keyframes sunPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.weather-cloudy{background:linear-gradient(135deg,rgba(169,169,169,.08),rgba(128,128,128,.04))}.clouds-float:after,.clouds-float:before{content:"";position:absolute;background:radial-gradient(ellipse at center,rgba(255,255,255,.3) 0,transparent 70%);border-radius:100px}.clouds-float:before{width:120px;height:50px;top:15%;left:-120px;animation:cloudMove 25s linear infinite}.clouds-float:after{width:180px;height:60px;top:35%;left:-180px;animation:cloudMove 30s linear 8s infinite}@keyframes cloudMove{0%{transform:translateX(0)}to{transform:translateX(calc(100vw + 200px))}}.weather-rainy{background:linear-gradient(135deg,rgba(96,165,250,.08),rgba(59,130,246,.04))}.rain-fall{position:relative}.rain-fall:after,.rain-fall:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.rain-fall:before{background-image:linear-gradient(180deg,transparent 0,rgba(96,165,250,.7) 30%,rgba(96,165,250,.8) 70%,transparent),linear-gradient(180deg,transparent 0,rgba(96,165,250,.6) 30%,rgba(96,165,250,.7) 70%,transparent),linear-gradient(180deg,transparent 0,rgba(96,165,250,.5) 30%,rgba(96,165,250,.6) 70%,transparent),linear-gradient(180deg,transparent 0,rgba(96,165,250,.7) 30%,rgba(96,165,250,.8) 70%,transparent),linear-gradient(180deg,transparent 0,rgba(96,165,250,.6) 30%,rgba(96,165,250,.7) 70%,transparent);background-size:1px 120px,1.5px 100px,1px 80px,2px 140px,1px 90px;background-position:15% -120px,35% -100px,55% -80px,75% -140px,85% -90px;background-repeat:repeat-y;animation:rainFall .8s linear infinite}.rain-fall:after{background-image:linear-gradient(180deg,transparent 0,rgba(96,165,250,.4) 30%,rgba(96,165,250,.5) 70%,transparent),linear-gradient(180deg,transparent 0,rgba(96,165,250,.3) 30%,rgba(96,165,250,.4) 70%,transparent),linear-gradient(180deg,transparent 0,rgba(96,165,250,.5) 30%,rgba(96,165,250,.6) 70%,transparent),linear-gradient(180deg,transparent 0,rgba(96,165,250,.2) 30%,rgba(96,165,250,.3) 70%,transparent);background-size:1px 60px,1px 70px,1.5px 80px,1px 50px;background-position:25% -60px,45% -70px,65% -80px,95% -50px;background-repeat:repeat-y;animation:rainFallSlow 1.2s linear infinite}@keyframes rainFall{to{background-position:15% calc(100vh + 120px),35% calc(100vh + 100px),55% calc(100vh + 80px),75% calc(100vh + 140px),85% calc(100vh + 90px)}}@keyframes rainFallSlow{to{background-position:25% calc(100vh + 60px),45% calc(100vh + 70px),65% calc(100vh + 80px),95% calc(100vh + 50px)}}.weather-rainy:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:radial-gradient(ellipse at 20% 100%,rgba(96,165,250,.25) 0,transparent 50%),radial-gradient(ellipse at 60% 100%,rgba(96,165,250,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(96,165,250,.25) 0,transparent 50%);background-size:30px 10px,25px 8px,35px 12px;background-position:0 100%,0 100%,0 100%;animation:ripples 2s ease-in-out infinite;pointer-events:none}@keyframes ripples{0%,to{opacity:0;transform:scaleX(.8) scaleY(.5)}50%{opacity:1;transform:scaleX(1.2) scaleY(1)}}.weather-snowy{background:linear-gradient(135deg,rgba(219,234,254,.2),rgba(191,219,254,.08))}.snow-fall{position:relative}.snow-fall:after,.snow-fall:before{content:"";position:absolute;width:100%;height:100%;pointer-events:none}.snow-fall:before{background-image:radial-gradient(circle,rgba(255,255,255,.9) 2px,transparent 0),radial-gradient(circle,rgba(255,255,255,.7) 1.5px,transparent 0),radial-gradient(circle,rgba(255,255,255,.8) 2.5px,transparent 0),radial-gradient(circle,rgba(255,255,255,.8) 1px,transparent 0),radial-gradient(circle,rgba(255,255,255,.9) 1.8px,transparent 0);background-size:80px 80px,60px 60px,100px 100px,40px 40px,70px 70px;background-position:10% -80px,30% -60px,50% -100px,70% -40px,90% -70px;animation:snowfallLarge 12s linear infinite}.snow-fall:after{background-image:radial-gradient(circle,rgba(255,255,255,.6) 1px,transparent 0),radial-gradient(circle,rgba(255,255,255,.5) .8px,transparent 0),radial-gradient(circle,rgba(255,255,255,.7) 1.2px,transparent 0),radial-gradient(circle,rgba(255,255,255,.4) .6px,transparent 0),radial-gradient(circle,rgba(255,255,255,.6) 1px,transparent 0),radial-gradient(circle,rgba(255,255,255,.5) .9px,transparent 0);background-size:30px 30px,25px 25px,35px 35px,20px 20px,28px 28px,32px 32px;background-position:15% -30px,35% -25px,55% -35px,75% -20px,85% -28px,95% -32px;animation:snowfallSmall 8s linear infinite}@keyframes snowfallLarge{to{background-position:10% calc(100vh + 80px),30% calc(100vh + 60px),50% calc(100vh + 100px),70% calc(100vh + 40px),90% calc(100vh + 70px)}}@keyframes snowfallSmall{to{background-position:15% calc(100vh + 30px),35% calc(100vh + 25px),55% calc(100vh + 35px),75% calc(100vh + 20px),85% calc(100vh + 28px),95% calc(100vh + 32px)}}.weather-snowy:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.08) 50%,transparent);animation:snowWind 6s ease-in-out infinite;pointer-events:none}@keyframes snowWind{0%,to{opacity:0;transform:translateX(-10px) skewX(-2deg)}50%{opacity:.4;transform:translateX(10px) skewX(2deg)}}.weather-windy{background:linear-gradient(135deg,rgba(156,163,175,.08),rgba(107,114,128,.04))}.wind-blow{background:linear-gradient(90deg,transparent,rgba(156,163,175,.25) 50%,transparent);animation:windMove 3s ease-in-out infinite}@keyframes windMove{0%,to{transform:translateX(-20px) skewX(-10deg);opacity:0}50%{transform:translateX(20px) skewX(10deg);opacity:1}}.weather-stormy{background:linear-gradient(135deg,rgba(55,65,81,.15),rgba(31,41,55,.08));animation:thunderShake 4s ease-in-out infinite}@keyframes thunderShake{0%,to{transform:translateX(0)}10%{transform:translateX(-2px) translateY(-1px)}20%{transform:translateX(2px) translateY(1px)}30%{transform:translateX(-1px) translateY(-2px)}40%{transform:translateX(1px) translateY(2px)}50%{transform:translateX(0)}}.thunder-shake:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0,rgba(251,191,36,.08) 50%,transparent);opacity:0;animation:lightning 4s ease-in-out infinite}.thunder-shake:after{content:"";position:absolute;width:100%;height:100%;background-image:linear-gradient(180deg,transparent 0,rgba(96,165,250,.8) 20%,rgba(96,165,250,.9) 60%,transparent),linear-gradient(180deg,transparent 0,rgba(96,165,250,.7) 20%,rgba(96,165,250,.8) 60%,transparent),linear-gradient(180deg,transparent 0,rgba(96,165,250,.6) 20%,rgba(96,165,250,.7) 60%,transparent),linear-gradient(180deg,transparent 0,rgba(96,165,250,.8) 20%,rgba(96,165,250,.9) 60%,transparent),linear-gradient(180deg,transparent 0,rgba(96,165,250,.7) 20%,rgba(96,165,250,.8) 60%,transparent),linear-gradient(180deg,transparent 0,rgba(96,165,250,.5) 20%,rgba(96,165,250,.6) 60%,transparent),linear-gradient(180deg,transparent 0,rgba(96,165,250,.4) 20%,rgba(96,165,250,.5) 60%,transparent),linear-gradient(180deg,transparent 0,rgba(96,165,250,.6) 20%,rgba(96,165,250,.7) 60%,transparent);background-size:2px 150px,1.5px 130px,2.5px 140px,1px 120px,2px 160px,1px 80px,1.5px 90px,1px 70px;background-position:10% -150px,25% -130px,40% -140px,55% -120px,70% -160px,80% -80px,90% -90px,95% -70px;background-repeat:repeat-y;animation:heavyRain .4s linear infinite}@keyframes lightning{0%,90%,to{opacity:0}91%{opacity:.3}92%{opacity:0}93%{opacity:.8}94%{opacity:.2}95%{opacity:0}96%{opacity:.9}97%{opacity:0}98%{opacity:.6}99%{opacity:0}}@keyframes heavyRain{to{background-position:10% calc(100vh + 150px),25% calc(100vh + 130px),40% calc(100vh + 140px),55% calc(100vh + 120px),70% calc(100vh + 160px),80% calc(100vh + 80px),90% calc(100vh + 90px),95% calc(100vh + 70px)}}.weather-stormy:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:radial-gradient(ellipse at 20% 0,rgba(55,65,81,.3) 0,transparent 70%),radial-gradient(ellipse at 60% 0,rgba(31,41,55,.25) 0,transparent 70%),radial-gradient(ellipse at 90% 0,rgba(55,65,81,.35) 0,transparent 70%);background-size:200px 100px,250px 120px,180px 90px;animation:stormClouds 8s ease-in-out infinite;pointer-events:none}@keyframes stormClouds{0%,to{opacity:.6;transform:translateX(0)}50%{opacity:.9;transform:translateX(-10px)}}@media (max-width:640px){.weather-effect{transform:scale(.9)}.clouds-float:after,.clouds-float:before{animation-duration:20s,25s}}@media (prefers-color-scheme:dark){.weather-sunny{background:linear-gradient(135deg,rgba(255,223,0,.06),rgba(255,165,0,.03))}.sun-rays{background:radial-gradient(circle at 30% 30%,rgba(255,223,0,.2) 0,transparent 60%)}.weather-stormy{background:linear-gradient(135deg,rgba(17,24,39,.2),rgba(0,0,0,.15))}.weather-rainy{background:linear-gradient(135deg,rgba(96,165,250,.06),rgba(59,130,246,.03))}.weather-snowy{background:linear-gradient(135deg,rgba(219,234,254,.15),rgba(191,219,254,.06))}}