.contribute-ocean {
    background: #073b66;
    background-image: radial-gradient(ellipse at 12% 80%, #087f9c66, transparent 60%), radial-gradient(ellipse at 92% 10%, #179db04d, transparent 55%);
}

.contribute-ocean__effect,
.contribute-ocean__effect canvas,
.contribute-ocean::after {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.contribute-ocean__effect {
    z-index: -2;
}

.contribute-ocean__effect canvas {
    display: block;
    opacity: 0.85;
}

.contribute-ocean::after {
    content: "";
    z-index: -1;
    background: radial-gradient(ellipse at center, #073b66e6 5%, #073b6699 48%, #073b6626 100%);
}

@media (prefers-reduced-motion: reduce) {
    .contribute-ocean__effect { display: none; }
}