.rain-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.rain-drop{position:absolute;width:2px;background:linear-gradient(to bottom,rgba(174,194,224,.8),rgba(174,194,224,.1));border-radius:2px;animation:fall linear infinite;opacity:.7}.rain-drop::before{content:'';position:absolute;top:-3px;left:-1px;width:4px;height:4px;background:radial-gradient(circle,rgba(174,194,224,.6),transparent);border-radius:50%}@keyframes fall{0%{transform:translateY(-100vh) rotate(10deg);opacity:1}100%{transform:translateY(100vh) rotate(10deg);opacity:.3}}.rain-splash{position:absolute;width:8px;height:8px;background:radial-gradient(circle,rgba(174,194,224,.4),transparent);border-radius:50%;animation:splash .4s ease-out forwards;pointer-events:none}@keyframes splash{0%{transform:scale(0);opacity:.8}50%{transform:scale(1.2);opacity:.5}100%{transform:scale(2);opacity:0}}@media (max-width:768px){.rain-drop{width:1.5px;opacity:.5}.rain-drop::before{width:3px;height:3px}.rain-splash{width:6px;height:6px}}@media (prefers-reduced-motion:reduce){.rain-drop{animation-duration:3s;opacity:.3}.rain-splash{display:none}}#banner .rain-container{z-index:2}header .rain-container{z-index:0}