.ocean-bg{--ocean-abyss:#020b18;--ocean-ease:cubic-bezier(.45, .05, .55, .95);z-index:10;background:var(--ocean-abyss);pointer-events:none;isolation:isolate;position:fixed;inset:0;overflow:hidden}.ocean-bg__defs{width:0;height:0;position:absolute;overflow:hidden}.ocean-bg__fill{background:radial-gradient(80% 60% at 40% 35%,#0e4a8a 0%,#0000 55%),radial-gradient(70% 55% at 70% 60%,#0a2f5c 0%,#0000 50%),linear-gradient(155deg,#020b18 0%,#031830 40%,#0a3d72 72%,#020f1c 100%);position:absolute;inset:-30%}.ocean-bg__layer{will-change:transform;backface-visibility:hidden;width:300%;height:300%;position:absolute;top:-100%;left:-100%}.ocean-bg__sheet{width:100%;height:100%;display:block}.ocean-bg__layer--deep{opacity:.95;animation:ocean-drift-a 22s var(--ocean-ease) infinite}.ocean-bg__layer--mid{opacity:.75;mix-blend-mode:soft-light;animation:ocean-drift-b 17s var(--ocean-ease) infinite;animation-delay:-5s}.ocean-bg__layer--foam{opacity:.45;mix-blend-mode:screen;animation:ocean-drift-c 13s var(--ocean-ease) infinite;animation-delay:-3s}.ocean-bg__layer--caustic{opacity:.4;mix-blend-mode:screen;animation:ocean-drift-d 11s var(--ocean-ease) infinite;animation-delay:-4s}.ocean-bg__glare{animation:ocean-glare 15s var(--ocean-ease) infinite;mix-blend-mode:soft-light;pointer-events:none;background:radial-gradient(45% 30% at 38% 32%,#8cbeff29 0%,#0000 55%),radial-gradient(25% 18% at 62% 48%,#64a0e61a 0%,#0000 50%),radial-gradient(35% 22% at 55% 28%,#a0c8ff14 0%,#0000 45%);position:absolute;inset:-10%}.ocean-bg__vignette{background:radial-gradient(85% 75% at 50% 45%,#0000 30%,#020b1859 80%,#020b18b3 100%);position:absolute;inset:0}@keyframes ocean-drift-a{0%,to{transform:translate(0,0)rotate(0)scale(1)}20%{transform:translate(1.4%,-.9%)rotate(.2deg)scale(1.015)}40%{transform:translate(2.2%,.4%)rotate(.15deg)scale(1.01)}60%{transform:translate(.3%,1.6%)rotate(-.15deg)scale(.995)}80%{transform:translate(-1.6%,.8%)rotate(-.25deg)scale(1.008)}}@keyframes ocean-drift-b{0%,to{transform:translate(0,0)rotate(0)scale(1)}20%{transform:translate(-1.2%,1%)rotate(-.2deg)scale(1.012)}40%{transform:translate(-2.4%,.3%)rotate(-.3deg)scale(1.02)}60%{transform:translate(-.5%,-1.2%)rotate(.1deg)scale(.992)}80%{transform:translate(1.5%,-.7%)rotate(.2deg)scale(1.01)}}@keyframes ocean-drift-c{0%,to{transform:translate(0,0)scale(1)}25%{transform:translate(1.6%,-1.4%)scale(1.02)}50%{transform:translate(.2%,-2%)scale(1.015)}75%{transform:translate(-1.4%,.6%)scale(.99)}}@keyframes ocean-drift-d{0%,to{transform:translate(0,0)scale(1)}25%{transform:translate(-1.8%,1%)scale(1.018)}50%{transform:translate(-.4%,1.8%)scale(1.01)}75%{transform:translate(1.5%,-.5%)scale(.992)}}@keyframes ocean-glare{0%,to{opacity:.85;transform:translate(0,0)scale(1)}33%{opacity:.95;transform:translate(1%,-.8%)scale(1.03)}66%{opacity:.8;transform:translate(-.8%,.6%)scale(.99)}}@media (max-width:768px){.ocean-bg__layer{width:260%;height:260%;top:-80%;left:-80%}.ocean-bg__layer--foam{opacity:.35}.ocean-bg__layer--caustic{opacity:.3}}@media (prefers-reduced-motion:reduce){.ocean-bg__layer,.ocean-bg__glare{animation:none!important}.ocean-bg__defs animate{display:none}}