/* Modern achromatic canvas. Each layer has its own direction, scale and tonal
   transition so the background feels architectural rather than striped. */
:root[data-theme="light"] .btx-wrapper {
	background-color: #f3f5f9 !important;
	background-image:
		linear-gradient(121deg,
			transparent 0 12%,
			rgba(92, 101, 119, .05) 17%,
			rgba(92, 101, 119, .2) 27%,
			rgba(255, 255, 255, .52) 37%,
			transparent 48% 100%),
		linear-gradient(39deg,
			transparent 0 48%,
			rgba(255, 255, 255, .18) 54%,
			rgba(118, 128, 146, .2) 65%,
			rgba(255, 255, 255, .26) 75%,
			transparent 84% 100%),
		conic-gradient(from 205deg at 82% 22%,
			transparent 0 18deg,
			rgba(98, 108, 126, .06) 27deg,
			rgba(98, 108, 126, .2) 44deg,
			rgba(255, 255, 255, .4) 62deg,
			transparent 82deg 360deg),
		radial-gradient(ellipse 72% 48% at 18% 72%,
			rgba(112, 122, 140, .16),
			transparent 68%),
		linear-gradient(152deg, #fafbfe 0%, #f0f2f7 46%, #e5e8ef 100%) !important;
	background-size: 1450px 1120px, 1180px 940px, 980px 820px, 100% 100%, 100% 100% !important;
	background-position: 7% -90px, 92% 210px, 100% 4%, center, center !important;
	background-repeat: repeat-y, repeat-y, repeat-y, no-repeat, no-repeat !important;
	background-attachment: fixed !important;
	background-blend-mode: multiply, multiply, multiply, normal, normal;
}

:root[data-theme="dark"] .btx-wrapper {
	background-color: #0d0f13 !important;
	background-image:
		linear-gradient(119deg,
			transparent 0 11%,
			rgba(255, 255, 255, .025) 16%,
			rgba(184, 191, 205, .16) 27%,
			rgba(255, 255, 255, .055) 38%,
			transparent 49% 100%),
		linear-gradient(41deg,
			transparent 0 47%,
			rgba(255, 255, 255, .035) 54%,
			rgba(150, 158, 174, .14) 65%,
			rgba(0, 0, 0, .25) 76%,
			transparent 85% 100%),
		conic-gradient(from 204deg at 82% 22%,
			transparent 0 18deg,
			rgba(255, 255, 255, .025) 28deg,
			rgba(176, 183, 198, .14) 45deg,
			rgba(0, 0, 0, .26) 64deg,
			transparent 84deg 360deg),
		radial-gradient(ellipse 70% 48% at 17% 74%,
			rgba(115, 123, 140, .11),
			transparent 69%),
		linear-gradient(151deg, #181b21 0%, #101217 48%, #08090c 100%) !important;
	background-size: 1450px 1120px, 1180px 940px, 980px 820px, 100% 100%, 100% 100% !important;
	background-position: 7% -90px, 92% 210px, 100% 4%, center, center !important;
	background-repeat: repeat-y, repeat-y, repeat-y, no-repeat, no-repeat !important;
	background-attachment: fixed !important;
	background-blend-mode: normal, normal, normal, screen, normal;
}

@media (max-width: 767px) {
	:root[data-theme] .btx-wrapper {
		background-size: 920px 820px, 760px 700px, 680px 620px, 100% 100%, 100% 100% !important;
		background-position: 12% -40px, 82% 160px, 92% 8%, center, center !important;
	}
}