@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(2deg)}66%{transform:translateY(5px) rotate(-1deg)}}@keyframes drift{0%{transform:translate(0)}50%{transform:translate(20px)}to{transform:translate(0)}}@keyframes shimmer{0%{opacity:.3}50%{opacity:.8}to{opacity:.3}}@keyframes rainDrop{0%{transform:translateY(-100vh) rotate(10deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(10deg);opacity:0}}@keyframes snowfall{0%{transform:translateY(-100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes cloudFloat{0%{transform:translate(-100px) scale(.8)}50%{transform:translate(50px) scale(1)}to{transform:translate(-100px) scale(.8)}}@keyframes sunRays{0%{transform:rotate(0) scale(1);opacity:.8}50%{transform:rotate(180deg) scale(1.1);opacity:.6}to{transform:rotate(360deg) scale(1);opacity:.8}}@keyframes heatWave{0%,to{transform:translateY(0) scaleY(1)}25%{transform:translateY(-3px) scaleY(1.05)}75%{transform:translateY(3px) scaleY(.95)}}.weather-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.weather-particles.weather-rain:before,.weather-particles.weather-rain:after{content:"";position:absolute;width:2px;height:20px;background:linear-gradient(to bottom,transparent,rgba(59,130,246,.6),transparent);animation:rainDrop 1s linear infinite}.weather-particles.weather-rain:before{left:20%;animation-delay:0s;animation-duration:.8s}.weather-particles.weather-rain:after{left:70%;animation-delay:.4s;animation-duration:1.2s}.weather-rain{background-image:radial-gradient(2px 2px at 10px 10px,rgba(59,130,246,.4),transparent),radial-gradient(2px 2px at 80px 30px,rgba(59,130,246,.3),transparent),radial-gradient(1px 1px at 160px 60px,rgba(59,130,246,.4),transparent),radial-gradient(2px 2px at 240px 90px,rgba(59,130,246,.3),transparent);background-size:300px 100px;animation:rainDrop 2s linear infinite}.weather-snow{background-image:radial-gradient(3px 3px at 50px 20px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 150px 80px,rgba(255,255,255,.6),transparent),radial-gradient(4px 4px at 250px 40px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 350px 100px,rgba(255,255,255,.5),transparent);background-size:400px 120px;animation:snowfall 4s linear infinite}.weather-clouds:before,.weather-clouds:after{content:"";position:absolute;background:#9ca3af4d;border-radius:50px;animation:cloudFloat 8s ease-in-out infinite}.weather-clouds:before{width:60px;height:20px;top:20%;left:-60px;animation-delay:0s}.weather-clouds:after{width:80px;height:25px;top:60%;left:-80px;animation-delay:4s}.weather-sunny:before{content:"";position:absolute;top:20px;right:20px;width:40px;height:40px;background:radial-gradient(circle,rgba(251,191,36,.3) 0%,transparent 70%);border-radius:50%;animation:sunRays 6s linear infinite}.weather-sunny{background-image:radial-gradient(2px 2px at 100px 50px,rgba(251,191,36,.4),transparent),radial-gradient(1px 1px at 200px 100px,rgba(251,191,36,.3),transparent),radial-gradient(3px 3px at 300px 150px,rgba(251,191,36,.2),transparent);background-size:400px 200px;animation:shimmer 3s ease-in-out infinite}.weather-heat{background-image:linear-gradient(90deg,transparent,rgba(249,115,22,.1),transparent),linear-gradient(90deg,transparent,rgba(239,68,68,.1),transparent);background-size:100px 200px,150px 200px;animation:heatWave 2s ease-in-out infinite}.weather-gentle{background-image:radial-gradient(2px 2px at 80px 40px,rgba(132,204,22,.3),transparent),radial-gradient(1px 1px at 180px 80px,rgba(34,197,94,.2),transparent),radial-gradient(2px 2px at 280px 120px,rgba(132,204,22,.2),transparent);background-size:300px 160px;animation:float 4s ease-in-out infinite}.weather-float{animation:float 3s ease-in-out infinite}.weather-drift{animation:drift 6s ease-in-out infinite}.weather-shimmer{animation:shimmer 2s ease-in-out infinite}@media (max-width: 768px){.weather-particles{opacity:.5}.weather-rain,.weather-snow,.weather-sunny,.weather-gentle{background-size:200px 100px}}@media (prefers-reduced-motion: reduce){.weather-particles,.weather-particles:before,.weather-particles:after{animation:none}}