.lp-pattern-surface { position: relative; isolation: isolate; background: linear-gradient(180deg, #0b1420 0%, #061914 52%, #020706 100%) !important; }
.lp-pattern-surface::before, .lp-pattern-surface::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.lp-pattern-surface::before { background-image: var(--lp-pattern-url); background-repeat: repeat; background-position: center top; background-size: min(560px, 78vw) auto; opacity: .27; filter: invert(58%) sepia(91%) saturate(1950%) hue-rotate(104deg) brightness(116%) contrast(120%); -webkit-mask-image: linear-gradient(to bottom, transparent, #000 5%, #000 96%, transparent); mask-image: linear-gradient(to bottom, transparent, #000 5%, #000 96%, transparent); }
.lp-pattern-surface::after { background: radial-gradient(circle at 12% 20%, rgba(0,174,65,.13), transparent 31%), radial-gradient(circle at 88% 82%, rgba(0,255,96,.08), transparent 32%); }
.lp-pattern-surface > * { position: relative; z-index: 1; }
@media (max-width: 767px) { .lp-pattern-surface::before { background-size: 330px auto; opacity: .25; filter: invert(58%) sepia(91%) saturate(2050%) hue-rotate(104deg) brightness(124%) contrast(124%); } }