.lifecycle-gradient {
    min-height: 320px;
    background-color: #0a5552; /* darker fallback */

    background-image:
        /* bottom-left light glow */
        radial-gradient(circle at 18% 82%,
        rgba(228,245,210,0.55) 0%,
        rgba(228,245,210,0.12) 18%,
        transparent 45%
        ),
            /* main diagonal sweep */
        linear-gradient(50deg,
            /* pale entry */   #dceac0 0%,
            /* vivid teal */   #2da89b 22%,
            /* stronger aqua */#009e9f 48%,
            /* dark teal */    #066866 78%,
            /* deep top-right */ #034344 100%
        ),
            /* top-right dark vignette */
        radial-gradient(circle at 88% 12%,
        rgba(2,18,20,0.65) 0%,
        rgba(2,18,20,0.25) 26%,
        transparent 52%
        );

    background-blend-mode: normal, normal, normal;
    background-size: cover, cover, cover;
    background-repeat: no-repeat;
}