html,
body {
    background:
        radial-gradient(circle at 12% 18%, rgba(170, 55, 235, 0.11), transparent 22%),
        radial-gradient(circle at 88% 14%, rgba(210, 70, 185, 0.07), transparent 18%),
        radial-gradient(circle at 50% 78%, rgba(95, 30, 210, 0.07), transparent 28%),
        linear-gradient(180deg, #0d0412 0%, #0a030f 30%, #0b0411 58%, #0f0615 100%);

    background-color: #0b0411;
    color: #f6efff;
}

/* живой слой */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -2;
    background:
        radial-gradient(circle at 20% 30%, rgba(195, 87, 255, 0.10), transparent 20%),
        radial-gradient(circle at 78% 20%, rgba(160, 60, 255, 0.08), transparent 18%),
        radial-gradient(circle at 65% 75%, rgba(255, 110, 220, 0.06), transparent 20%);
    opacity: 1;
}

/* тонкая текстура/линии */
body::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background-image:
        linear-gradient(
            115deg,
            transparent 0%,
            transparent 46%,
            rgba(255,255,255,0.018) 46.5%,
            transparent 47%,
            transparent 100%
        );
    background-size: 240px 240px;
    opacity: .45;
}

/* чтобы контейнеры не казались слишком чёрными */
.hero,
.section,
.live-strip,
.card,
.feature-card,
.samp-path-card,
.play-cta,
.server-widget,
.news-card {
    background-color: rgba(18, 8, 28, 0.74);
    border-color: rgba(196, 96, 255, 0.18);
}

/* шапка чуть живее */
.siteHeader,
.topbar,
.header,
header {
    background: rgba(20, 10, 30, 0.70);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-color: rgba(205, 110, 255, 0.20);
}