.pm-bg-kit {
    --pm-bg-top: #070d17;
    --pm-bg-bottom: #151728;
    --pm-bg-text: #f6f7ff;
    --pm-bg-muted: rgba(246, 247, 255, 0.72);
    --pm-bg-accent: #2ad9c8;
    --pm-bg-accent-2: #7188ff;
    --pm-bg-grid-line: rgba(255, 255, 255, 0.04);
    --pm-bg-panel: rgba(11, 14, 30, 0.84);
    --pm-bg-panel-border: rgba(113, 136, 255, 0.18);
    --pm-bg-shadow: 0 24px 64px rgba(0, 0, 0, 0.28);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    overflow: clip;
    background: linear-gradient(180deg, var(--pm-bg-top), var(--pm-bg-bottom));
    color: var(--pm-bg-text);
}

.pm-bg-kit[data-pm-bg-theme="ice"] {
    --pm-bg-top: #e6f2ee;
    --pm-bg-bottom: #f7fbfa;
    --pm-bg-text: #172027;
    --pm-bg-muted: rgba(23, 32, 39, 0.72);
    --pm-bg-accent: #1ad7c6;
    --pm-bg-accent-2: #8ad4ff;
    --pm-bg-grid-line: rgba(15, 59, 66, 0.05);
    --pm-bg-panel: rgba(255, 255, 255, 0.84);
    --pm-bg-panel-border: rgba(15, 59, 66, 0.12);
    --pm-bg-shadow: 0 24px 64px rgba(20, 56, 67, 0.14);
}

.pm-bg-kit__layers,
.pm-bg-kit__field,
.pm-bg-kit__cosmic,
.pm-bg-kit__aura,
.pm-bg-kit__grid,
.pm-bg-kit__vignette {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.pm-bg-kit__layers {
    z-index: 0;
}

.pm-bg-kit__field {
    overflow: hidden;
}

.pm-bg-kit__field::before,
.pm-bg-kit__field::after {
    content: "";
    position: absolute;
    inset: 0;
}

.pm-bg-kit__field::before {
    opacity: 0.18;
    background-image:
        radial-gradient(circle at 18% 24%, color-mix(in srgb, var(--pm-bg-accent) 28%, transparent) 0 1.5px, transparent 2px),
        radial-gradient(circle at 74% 32%, color-mix(in srgb, var(--pm-bg-accent-2) 24%, transparent) 0 1.25px, transparent 1.75px),
        radial-gradient(circle at 54% 72%, color-mix(in srgb, var(--pm-bg-accent) 18%, transparent) 0 1px, transparent 1.5px);
    background-size: 280px 280px, 360px 360px, 420px 420px;
    background-position: 0 0, 120px 40px, 40px 180px;
}

.pm-bg-kit__field::after {
    opacity: 0.96;
    background:
        radial-gradient(88% 92% at 0% 14%, color-mix(in srgb, var(--pm-bg-accent) 18%, transparent), transparent 46%),
        radial-gradient(84% 112% at 0% 82%, color-mix(in srgb, var(--pm-bg-accent-2) 14%, transparent), transparent 48%),
        radial-gradient(132% 148% at 112% 118%, rgba(18, 10, 36, 0.82) 0%, rgba(20, 13, 38, 0.56) 24%, rgba(14, 16, 29, 0.18) 52%, transparent 74%),
        radial-gradient(94% 104% at 94% 102%, rgba(52, 38, 96, 0.12) 0%, rgba(17, 18, 32, 0.03) 54%, transparent 76%),
        linear-gradient(112deg, #08131e 0%, #0b1724 30%, #0d1828 58%, #111728 100%);
}

.pm-bg-kit[data-pm-bg-theme="ice"] .pm-bg-kit__field::before {
    opacity: 0.18;
    background-image:
        radial-gradient(circle at 18% 24%, rgba(26, 215, 198, 0.18) 0 1.45px, transparent 1.95px),
        radial-gradient(circle at 74% 32%, rgba(138, 212, 255, 0.2) 0 1.25px, transparent 1.75px),
        radial-gradient(circle at 54% 72%, rgba(15, 59, 66, 0.08) 0 1px, transparent 1.5px);
}

.pm-bg-kit[data-pm-bg-theme="ice"] .pm-bg-kit__field::after {
    opacity: 0.98;
    background:
        radial-gradient(92% 88% at 0% 14%, rgba(26, 215, 198, 0.13), transparent 44%),
        radial-gradient(86% 108% at 0% 80%, rgba(138, 212, 255, 0.2), transparent 46%),
        linear-gradient(112deg, rgba(229, 240, 238, 0.96), rgba(236, 246, 243, 0.92) 34%, rgba(243, 249, 247, 0.9) 68%, rgba(247, 251, 250, 0.88));
}

.pm-bg-kit__cosmic {
    z-index: 1;
    overflow: hidden;
}

.pm-bg-kit__cosmic canvas,
.pm-bg-kit__cosmic-canvas {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.92;
    filter: saturate(1.08) contrast(1.02);
}

.pm-bg-kit[data-pm-bg-theme="ice"] .pm-bg-kit__cosmic canvas,
.pm-bg-kit[data-pm-bg-theme="ice"] .pm-bg-kit__cosmic-canvas {
    opacity: 0.94;
    filter: saturate(1.04) contrast(1.02);
}

.pm-bg-kit__aura {
    z-index: 2;
    filter: blur(82px);
    opacity: 0.62;
}

.pm-bg-kit__aura--one {
    top: -148px;
    left: -154px;
    width: 520px;
    height: 520px;
    background: radial-gradient(circle, color-mix(in srgb, var(--pm-bg-accent) 24%, transparent), transparent 68%);
}

.pm-bg-kit__aura--two {
    inset: auto auto -188px -164px;
    width: 560px;
    height: 560px;
    background: radial-gradient(circle, color-mix(in srgb, var(--pm-bg-accent-2) 18%, transparent), transparent 70%);
}

.pm-bg-kit[data-pm-bg-theme="ice"] .pm-bg-kit__aura {
    opacity: 0.7;
}

.pm-bg-kit[data-pm-bg-theme="ice"] .pm-bg-kit__aura--one {
    background: radial-gradient(circle, rgba(26, 215, 198, 0.18), transparent 70%);
}

.pm-bg-kit[data-pm-bg-theme="ice"] .pm-bg-kit__aura--two {
    background: radial-gradient(circle, rgba(138, 212, 255, 0.24), transparent 70%);
}

.pm-bg-kit__grid {
    z-index: 3;
    opacity: 0.28;
    background-image:
        linear-gradient(to right, color-mix(in srgb, var(--pm-bg-grid-line) 100%, transparent) 1px, transparent 1px),
        linear-gradient(to bottom, color-mix(in srgb, var(--pm-bg-grid-line) 100%, transparent) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.86), transparent 86%);
    -webkit-mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.86), transparent 86%);
}

.pm-bg-kit[data-pm-bg-theme="ice"] .pm-bg-kit__grid {
    opacity: 0.18;
}

.pm-bg-kit__vignette {
    z-index: 4;
    background:
        radial-gradient(72% 68% at 0% 0%, color-mix(in srgb, var(--pm-bg-accent) 8%, transparent), transparent 52%),
        linear-gradient(180deg, rgba(3, 8, 16, 0.02), rgba(3, 8, 16, 0.1) 68%, rgba(3, 8, 16, 0.18));
}

.pm-bg-kit[data-pm-bg-theme="ice"] .pm-bg-kit__vignette {
    background:
        radial-gradient(72% 68% at 0% 0%, rgba(26, 215, 198, 0.08), transparent 50%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0) 38%, rgba(10, 38, 40, 0.05));
}

.pm-bg-kit__content {
    position: relative;
    z-index: 5;
}