.gradient-mesh{background:linear-gradient(135deg,var(--color-ocean-blue)0%,var(--color-ocean-aqua)100%);background-size:200% 200%;animation:15s infinite gradient;position:relative}.gradient-mesh:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 40% 0,#00348780 0%,#0000 60%),radial-gradient(circle at 20% 80%,#00a3ff4d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#0066cc4d 0%,#0000 50%),radial-gradient(circle at 40% 40%,#00a3ff33 0%,#0000 50%);position:absolute;inset:0}.gradient-mesh:after{content:"";background-image:repeating-linear-gradient(90deg,transparent,transparent 50px,var(--color-wave-light)50px,var(--color-wave-light)51px),repeating-linear-gradient(0deg,transparent,transparent 50px,var(--color-wave-light)50px,var(--color-wave-light)51px),radial-gradient(ellipse at 50% 80%,var(--color-wave-overlay)0%,transparent 50%),radial-gradient(ellipse at 30% 40%,var(--color-wave-accent)0%,transparent 60%);mix-blend-mode:overlay;pointer-events:none;animation:20s ease-in-out infinite wave-shift;position:absolute;inset:0}.bubble{background:var(--color-bubble-base);pointer-events:none;box-shadow:inset 0 0 10px var(--color-bubble-light),0 0 20px var(--color-bubble-shadow);opacity:0;border-radius:50%;position:absolute}.bubble-1{background:var(--color-bubble-1);width:40px;height:40px;animation:18s ease-in-out infinite bubble-float-1}.bubble-2{background:var(--color-bubble-2);width:60px;height:60px;animation:20s ease-in-out infinite bubble-float-2}.bubble-3{background:var(--color-bubble-3);width:80px;height:80px;animation:16s ease-in-out infinite bubble-float-3}.noise-overlay{opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes gradient{0%,to{background-position:0%}50%{background-position:100%}}@keyframes wave-shift{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(20px)translateY(-10px)}}@keyframes bubble-float-1{0%{opacity:0;transform:translateY(100vh)translate(0)scale(.8)}10%{opacity:.2}50%{opacity:.3}90%{opacity:.1}to{opacity:0;transform:translateY(-100vh)translate(100px)scale(1)}}@keyframes bubble-float-2{0%{opacity:0;transform:translateY(100vh)translate(50px)scale(.6)}10%{opacity:.15}50%{opacity:.25}90%{opacity:.1}to{opacity:0;transform:translateY(-100vh)translate(-50px)scale(1.1)}}@keyframes bubble-float-3{0%{opacity:0;transform:translateY(100vh)translate(-30px)scale(.7)}10%{opacity:.1}50%{opacity:.2}90%{opacity:.05}to{opacity:0;transform:translateY(-100vh)translate(30px)scale(.9)}}