html,
body {
min-height: 100%;
margin: 0;
background: #f7f3ff !important;
}

body {
position: relative;
overflow-x: hidden;
}

body::before {
content: "";
position: fixed;
inset: 0;
pointer-events: none;

background:
radial-gradient(circle at 48% 6%,
rgba(255, 255, 255, 0.95) 0%,
rgba(255, 255, 255, 0.62) 8%,
transparent 23%
),

radial-gradient(circle at 18% 24%,
rgba(225, 214, 255, 0.9) 0%,
rgba(236, 229, 255, 0.58) 23%,
transparent 45%
),

radial-gradient(circle at 76% 20%,
rgba(215, 204, 255, 0.82) 0%,
rgba(238, 232, 255, 0.52) 24%,
transparent 48%
),

radial-gradient(circle at 92% 78%,
rgba(255, 255, 255, 0.9) 0%,
rgba(246, 242, 255, 0.66) 18%,
transparent 42%
),

radial-gradient(circle at 10% 92%,
rgba(255, 255, 255, 0.96) 0%,
rgba(245, 241, 255, 0.72) 22%,
transparent 44%
),

linear-gradient(135deg,
#fbf8ff 0%,
#f1edff 32%,
#f7f3ff 64%,
#eef0ff 100%
);
}

body::after {
content: "";
position: fixed;
inset: 0;
pointer-events: none;

background:
radial-gradient(circle at 52% 10%, rgba(255, 255, 255, 0.9) 0 2px, transparent 3px),
radial-gradient(circle at 88% 16%, rgba(255, 255, 255, 0.82) 0 2px, transparent 3px),
radial-gradient(circle at 80% 43%, rgba(255, 255, 255, 0.72) 0 1.5px, transparent 3px),
radial-gradient(circle at 34% 72%, rgba(255, 255, 255, 0.65) 0 1.5px, transparent 3px),
radial-gradient(circle at 7% 69%, rgba(255, 255, 255, 0.76) 0 2px, transparent 3px),

radial-gradient(circle at 6% 105%, rgba(255,255,255,0.9) 0 10%, transparent 18%),
radial-gradient(circle at 18% 108%, rgba(255,255,255,0.82) 0 12%, transparent 20%),
radial-gradient(circle at 82% 108%, rgba(255,255,255,0.82) 0 13%, transparent 22%),
radial-gradient(circle at 96% 102%, rgba(255,255,255,0.9) 0 12%, transparent 21%);

opacity: 0.9;
}

#allrecords,
.t-records {
position: relative;
background: transparent !important;
}

.t-rec {
background: transparent !important;
}

.t396__artboard,
.t396__carrier,
.t396__filter {
background: transparent !important;
}