.rain-container{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;background:linear-gradient(180deg,#1a1c20,#2c3e50);z-index:-1;perspective:1000px;transform-style:preserve-3d}.background-layer{background:radial-gradient(circle at center,hsla(0,0%,100%,.1) 0,transparent 60%);opacity:.5;pointer-events:none}.background-layer,.rain-layer{position:absolute;top:0;left:0;width:100%;height:100%}.rain-layer{transform-style:preserve-3d}.rain-drop{position:absolute;background:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.1));border-radius:1px;transform-origin:center;will-change:transform,opacity;pointer-events:none;transition:transform 16ms linear}.mist-layer{top:0;height:100%;background:linear-gradient(180deg,transparent 0,hsla(0,0%,100%,.05) 50%,transparent);animation:mistFlow 15s ease-in-out infinite;opacity:.2;pointer-events:none}.ground-layer,.mist-layer{position:absolute;left:0;width:100%}.ground-layer{bottom:0;height:40%;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.05));transform-style:preserve-3d;perspective:1000px}.ripple{position:absolute;background:radial-gradient(circle at center,hsla(0,0%,100%,.5) 0,transparent 70%);border-radius:50%;transform-origin:center;will-change:transform,opacity;animation:rippleEffect 1.5s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes mistFlow{0%{transform:translateZ(0) scale(1);opacity:.2}50%{transform:translate3d(1%,-1%,2px) scale(1.02);opacity:.25}to{transform:translateZ(0) scale(1);opacity:.2}}@keyframes rippleEffect{0%{transform:scale(.1) translateZ(0);opacity:.6}to{transform:scale(1) translateZ(0);opacity:0}}.rain-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 30%,hsla(0,0%,100%,.1),transparent 70%);pointer-events:none;opacity:.5;animation:ambientLight 12s ease-in-out infinite}@keyframes ambientLight{0%,to{opacity:.5}50%{opacity:.7}}