body{min-height:100vh;margin:0;padding:0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes rain{0%{opacity:0;transform:translateY(-100vh)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(1)}}.weather-effect{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.sun-flare{filter:blur(60px);opacity:.3;background:radial-gradient(circle,#fffff099 0%,#fff0 70%);width:80vw;height:80vw;animation:8s ease-in-out infinite alternate pulse;position:absolute;top:-20vh;left:-20vw}.sun-ray-container{transform-origin:0 0;opacity:.15;width:100vw;height:100vh;animation:60s linear infinite rotateRay;position:absolute;top:-10vh;left:-10vw}.sun-ray{transform-origin:0 0;filter:blur(12px);background:linear-gradient(90deg,#fff9,#0000);width:200%;height:50px;position:absolute;top:0;left:0}.sun-ray.r1{transform:rotate(15deg)}.sun-ray.r2{width:150%;transform:rotate(45deg)}.sun-ray.r3{width:180%;transform:rotate(70deg)}@keyframes rotateRay{0%{transform:rotate(0)}to{transform:rotate(20deg)}}.rain-drop{background:linear-gradient(#aec2e000,#78a0ff80);width:2px;animation:linear infinite rain;position:absolute;top:-100px}.cloud{opacity:.8;background:#fff;border-radius:150px;width:300px;height:100px;animation:linear infinite moveCloud;position:absolute;box-shadow:10px 10px #00000008}.cloud:after,.cloud:before{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:after{width:100px;height:100px;top:-50px;left:50px}.cloud:before{width:120px;height:120px;top:-70px;left:130px}.cloud.c1{opacity:.9;top:20%;left:-300px;transform:scale(.8)}.cloud.c2{opacity:.7;animation-duration:90s;top:40%;left:-400px;transform:scale(1.2)}.cloud.c3{opacity:.8;animation-duration:120s;top:10%;left:-200px;transform:scale(.6)}@keyframes moveCloud{0%{left:-300px}to{left:110%}}.star{background:#fff;border-radius:50%;width:2px;height:2px;animation:3s ease-in-out infinite twinkle;position:absolute}.moon{background:radial-gradient(circle at 30% 30%,#fff,#f4f6f0);border-radius:50%;width:80px;height:80px;position:absolute;top:10%;right:10%;box-shadow:0 0 20px #ffffff80}.cloud{filter:blur(20px);z-index:0;background:#fff9;border-radius:50px;position:absolute}.c1{width:300px;height:100px;animation:60s linear infinite moveCloud;top:20%;left:-200px}.c2{width:200px;height:80px;animation:45s linear 10s infinite moveCloud;top:10%;left:-200px}.haze-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#0000 0%,#fff3 40%,#fff6 100%);width:100%;height:100%;position:absolute;top:0;left:0}