.sitrix-backdrop {
    position: relative;
    isolation: isolate;
    background: #f2f4f8 radial-gradient(ellipse at 24% 54%, #f9fbf8 0, transparent 62%);
}

.login-svg-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.login-background-marks { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.login-background-mark { position: absolute; width: 62px; height: 62px; color: #6c8598; opacity: .10; fill: none; stroke: currentColor; stroke-width: 1.1; stroke-linecap: round; stroke-linejoin: round; }
.login-background-mark:nth-child(1) { top: 7%; left: 4%; transform: rotate(-14deg); }
.login-background-mark:nth-child(2) { top: 8%; right: 35%; width: 48px; transform: rotate(12deg); }
.login-background-mark:nth-child(3) { top: 40%; right: 3%; transform: rotate(-12deg); }
.login-background-mark:nth-child(4) { bottom: 7%; left: 5%; width: 84px; height: 84px; transform: rotate(12deg); }
.login-background-mark:nth-child(5) { bottom: 5%; right: 35%; transform: rotate(-12deg); }
.login-background-mark:nth-child(6) { top: 5%; right: 7%; width: 42px; transform: rotate(16deg); }
.login-background-mark:nth-child(7) { bottom: 7%; right: 6%; width: 50px; transform: rotate(-12deg); }
.login-background-mark:nth-child(8) { top: 34%; left: 2%; width: 48px; transform: rotate(12deg); }
.login-background-mark:nth-child(9) { top: 12%; left: 43%; width: 44px; transform: rotate(-14deg); }
.login-background-mark:nth-child(10) { bottom: 22%; right: 38%; width: 54px; transform: rotate(10deg); }
.login-background-mark:nth-child(11) { top: 49%; left: 49%; width: 46px; transform: rotate(-16deg); }
.login-background-mark:nth-child(12) { bottom: 3%; left: 30%; width: 46px; transform: rotate(14deg); }
.login-background-mark:nth-child(13) { top: 70%; right: 2%; width: 52px; transform: rotate(12deg); }

@media (max-width: 991.98px) {
    .login-background-mark { opacity: .075; }
}