@keyframes water-fill{0%{transform:translateY(100%)}to{transform:translateY(0%)}}@keyframes wave-horizontal{0%{transform:translate(0)translateZ(0)scaleY(1)}50%{transform:translate(-25%)translateZ(0)scaleY(.95)}to{transform:translate(-50%)translateZ(0)scaleY(1)}}@keyframes float-bubble{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.8}90%{opacity:.3}to{opacity:0;transform:translateY(-120vh)translate(20px)}}@keyframes ripple{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2)}}@keyframes gentle-sway{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.sea-water{background:linear-gradient(#1e031066 0%,#2d1320b3 30%,#3f0b23d9 60%,#3f0b23f2 100%);height:100%;animation:2s cubic-bezier(.4,0,.2,1) forwards water-fill;position:absolute;bottom:0;left:0;right:0}.sea-wave-layer{opacity:.6;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\"><path d=\"M0,60 C150,90 350,30 600,60 C850,90 1050,30 1200,60 L1200,120 L0,120 Z\" fill=\"rgba(255,255,255,0.05)\"/></svg>") 0 0/50% 100%;width:200%;height:15%;animation:8s linear infinite wave-horizontal;position:absolute;top:-5%;left:0}.sea-wave-layer-2{opacity:.4;animation-duration:12s;animation-delay:-2s;top:-3%}.sea-wave-layer-3{opacity:.3;animation-duration:15s;animation-delay:-4s;top:-1%}.sea-bubble{background:radial-gradient(circle at 35% 35%,#ffffffe6,#ffffff4d 50%,#ffffff1a);border-radius:50%;animation:linear infinite float-bubble,ease-in-out infinite gentle-sway;position:absolute;bottom:0;box-shadow:inset 0 0 20px #ffffff4d}.sea-ripple{border:2px solid #ffffff4d;border-radius:50%;animation:3s ease-out infinite ripple;position:absolute}