.water-background{position:fixed;inset:0;z-index:-1;overflow:hidden;perspective:1000px;transition:background .5s ease}.water-dark{background:linear-gradient(180deg,#222425,#000000)}.water-light{background:linear-gradient(180deg,#ffffff,#e4e4e4)}.water-layer{position:absolute;width:100%;height:100%;opacity:.6;pointer-events:none}.layer-1{background:radial-gradient(circle,rgba(255,255,255,.015) 0,transparent 50%);animation:wave-motion-1 25s linear infinite;filter:blur(4px);transform:translateZ(-30px)}.layer-2{background:radial-gradient(circle,rgba(78,78,78,.05) 0,transparent 60%);animation:wave-motion-2 18s linear infinite;filter:blur(5px);transform:translateZ(-50px)}.layer-3{background:radial-gradient(circle,rgba(78,78,78,.1) 0,transparent 70%);animation:wave-motion-3 22s ease-in-out infinite alternate;filter:blur(6px);transform:translateZ(-100px)}.water-light .layer-1{background:radial-gradient(circle,rgba(0,0,0,.09) 0,transparent 50%)}.water-light .layer-2{background:radial-gradient(circle,rgba(0,0,0,.08) 0,transparent 60%)}.water-light .layer-3{background:radial-gradient(circle,rgba(0,0,0,.07) 0,transparent 70%)}.water-highlights{--highlight-x:50%;--highlight-y:50%;--highlight-opacity:0.7;position:absolute;width:100%;height:100%;mix-blend-mode:screen;opacity:var(--highlight-opacity);background:radial-gradient(circle at var(--highlight-x) var(--highlight-y),rgba(78,78,78,.3) 0,transparent 50%)}.water-light .water-highlights{background:radial-gradient(circle at var(--highlight-x) var(--highlight-y),rgba(0,0,0,.15) 0,transparent 50%);mix-blend-mode:multiply}.water-dark .water-highlights{background:radial-gradient(circle at var(--highlight-x) var(--highlight-y),rgba(255,255,255,.05) 0,transparent 50%)}.particle-container{position:absolute;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:4px;height:4px;background-color:rgba(255,255,255,.9);border-radius:50%;animation:particle-fade-out 1.5s ease-out forwards;will-change:transform,opacity}.water-light .particle{background-color:rgba(0,0,0,.8)}@keyframes wave-motion-1{0%{transform:translate(0) rotate(0deg)}to{transform:translate(30px,-10px) rotate(-1deg)}}@keyframes wave-motion-2{0%{transform:translate(0) rotate(0deg)}to{transform:translate(50px,20px) rotate(2deg)}}@keyframes wave-motion-3{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(-40px,-15px) rotate(-1deg)}to{transform:translate(0) rotate(0deg)}}@keyframes particle-fade-out{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--particle-end-x),var(--particle-end-y)) scale(.2);opacity:0}}