:root{--wave-color-1: rgba(59, 130, 246, .3);--wave-color-2: rgba(96, 165, 250, .3);--wave-color-3: rgba(147, 197, 253, .3);--wave-bg-start: #ffffff;--wave-bg-end: #f1f5f9}[data-theme=dark]{--wave-color-1: rgba(30, 58, 138, .3);--wave-color-2: rgba(37, 99, 235, .3);--wave-color-3: rgba(59, 130, 246, .3);--wave-bg-start: #0f172a;--wave-bg-end: #1e293b}.wavy-background{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:linear-gradient(180deg,var(--wave-bg-start) 0%,var(--wave-bg-end) 100%);transition:background .3s ease;z-index:0}.waves-svg{position:absolute;bottom:0;left:0;width:100%;height:50vh;min-height:400px}.wave-path{transform-origin:center bottom;animation:wave-sway 10s ease-in-out infinite alternate}.wave-path:nth-child(1){fill:var(--wave-color-1);animation-duration:12s;animation-delay:-2s}.wave-path:nth-child(2){fill:var(--wave-color-2);animation-duration:8s;animation-delay:-4s}.wave-path:nth-child(3){fill:var(--wave-color-3);animation-duration:15s;animation-delay:-1s}@keyframes wave-sway{0%{transform:scaleY(1) skew(0)}50%{transform:scaleY(1.1) skew(2deg)}to{transform:scaleY(.9) skew(-2deg)}}.orb{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--wave-color-1) 0%,transparent 70%);filter:blur(60px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;top:-100px;left:-100px}.orb-2{width:500px;height:500px;top:40%;right:-150px;animation-delay:-7s;background:radial-gradient(circle,var(--wave-color-2) 0%,transparent 70%)}.orb-3{width:350px;height:350px;bottom:-80px;left:25%;animation-delay:-14s;background:radial-gradient(circle,var(--wave-color-3) 0%,transparent 70%)}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.wavy-background.force-light{--wave-bg-start: #ffffff;--wave-bg-end: #f1f5f9;--wave-color-1: rgba(59, 130, 246, .3)}