/*! VegasX main stylesheet v1.0.0 */

/* =========================================================
   1. Tokens
   ========================================================= */
:root {
	--vx-c-bg:        #050614;
	--vx-c-bg-2:      #0a0c20;
	--vx-c-surface:   #0f1027;
	--vx-c-surface-2: #161a36;
	--vx-c-border:    rgba(255, 255, 255, 0.08);
	--vx-c-border-2:  rgba(255, 255, 255, 0.14);
	--vx-c-text:      #e9ecff;
	--vx-c-muted:     #8a90b8;
	--vx-c-muted-2:   #5d6394;

	--vx-c-primary:   #ff0080;
	--vx-c-secondary: #00e5ff;
	--vx-c-tertiary:  #b6ff00;
	--vx-c-violet:    #8a2be2;
	--vx-c-gold:      #ffd60a;

	--vx-logo-tile-bg: linear-gradient(155deg, #1c2040 0%, #14172e 55%, #0e1124 100%);
	--vx-logo-tile-border: rgba(255, 255, 255, 0.16);
	--vx-logo-tile-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 2px 14px rgba(0, 0, 0, 0.32);

	--vx-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
	--vx-font-head: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
	--vx-font-logo: Georgia, "Times New Roman", "Palatino Linotype", Palatino, serif;

	--vx-radius:    14px;
	--vx-radius-lg: 22px;
	--vx-radius-xl: 30px;
	--vx-btn-radius: 10px;

	--vx-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.35);
	--vx-shadow:    0 14px 40px rgba(0, 0, 0, 0.45);
	--vx-shadow-lg: 0 26px 80px rgba(0, 0, 0, 0.55);
	--vx-shadow-pink: 0 16px 40px -10px rgba(255, 0, 128, 0.65);
	--vx-shadow-cyan: 0 16px 40px -10px rgba(0, 229, 255, 0.55);
	--vx-shadow-btn: 0 14px 36px -10px rgba(255, 0, 128, 0.55);

	--vx-grad-primary: linear-gradient(135deg, #ff0080 0%, #ff4d97 50%, #ff0080 100%);
	--vx-grad-accent:  linear-gradient(135deg, #00e5ff 0%, #8a2be2 100%);
	--vx-grad-neon:    linear-gradient(90deg, #ff0080, #00e5ff, #b6ff00);

	--vx-container: 1280px;
	--vx-gap: clamp(20px, 3vw, 32px);
	--vx-section-py: clamp(56px, 8vw, 110px);

	--vx-transition: 260ms cubic-bezier(.2, .65, .25, 1);
}

/* =========================================================
   2. Reset / base
   ========================================================= */
*, *::before, *::after { box-sizing: border-box; }

html {
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: var(--vx-font-body);
	font-size: 16px;
	line-height: 1.7;
	color: var(--vx-c-text);
	background: var(--vx-c-bg);
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}

/* Page-bound gradients — avoids iOS/iPad Safari phantom scroll from fixed backgrounds */
#page.vx-site {
	position: relative;
	isolation: isolate;
	overflow-x: clip;
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
}
.admin-bar #page.vx-site {
	min-height: calc(100dvh - 32px);
}
@media screen and (max-width: 782px) {
	.admin-bar #page.vx-site {
		min-height: calc(100dvh - 46px);
	}
}

#page.vx-site::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(circle at 12% 8%, rgba(255, 0, 128, .12), transparent 35%),
		radial-gradient(circle at 88% 18%, rgba(0, 229, 255, .12), transparent 40%),
		radial-gradient(circle at 50% 88%, rgba(138, 43, 226, .14), transparent 45%),
		var(--vx-c-bg);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--vx-font-head);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	margin: 0 0 .6em;
	color: #fff;
}
h1 { font-size: clamp(2.2rem, 4.5vw, 3.8rem); }
h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); }
h3 { font-size: clamp(1.25rem, 2vw, 1.5rem); }
h4 { font-size: 1.15rem; }

p { margin: 0 0 1.1em; color: var(--vx-c-text); }

a {
	color: var(--vx-c-secondary);
	text-decoration: none;
	transition: color var(--vx-transition);
}
a:hover, a:focus { color: var(--vx-c-primary); }

img, svg, video { max-width: 100%; height: auto; display: block; }

ul, ol { padding-left: 1.2em; }

code, kbd, pre {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	background: rgba(0, 0, 0, .35);
	border: 1px solid var(--vx-c-border);
	padding: .12em .42em;
	border-radius: 6px;
	font-size: .92em;
	color: var(--vx-c-tertiary);
}
pre { padding: 1em; overflow-x: auto; }

hr {
	border: 0;
	height: 1px;
	background: var(--vx-c-border);
	margin: 2em 0;
}

::selection { background: var(--vx-c-primary); color: #fff; }

:focus-visible {
	outline: 2px solid var(--vx-c-secondary);
	outline-offset: 3px;
}

/* =========================================================
   3. Accessibility helpers
   ========================================================= */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background: var(--vx-c-secondary);
	color: #050614;
	clip: auto !important;
	clip-path: none;
	display: block;
	font-size: 1rem;
	font-weight: 700;
	padding: 14px 20px;
	left: 12px;
	top: 12px;
	height: auto;
	width: auto;
	z-index: 100000;
	border-radius: 10px;
}

/* =========================================================
   4. Layout
   ========================================================= */
.vx-container {
	width: 100%;
	max-width: var(--vx-container);
	margin: 0 auto;
	padding: 0 24px;
}
@media (max-width: 768px) { .vx-container { padding: 0 10px; } }
@media (max-width: 480px) { .vx-container { padding: 0 8px; } }
@media (min-width: 768px) { .vx-container { padding: 0 32px; } }

.vx-layout {
	display: block;
	padding: 60px 0 80px;
}

/* Interior pages — header-to-content gap (bonuses reference); homepage & auth excluded */
body:not(.front-page):not(.vx-gate-page) {
	--vx-page-pad-top: clamp(28px, 4vw, 44px);
	--vx-page-pad-bottom: clamp(48px, 6vw, 80px);
}
@media (max-width: 768px) {
	body:not(.front-page):not(.vx-gate-page) {
		--vx-page-pad-top: clamp(12px, 3vw, 22px);
		--vx-page-pad-bottom: clamp(24px, 6vw, 40px);
	}
}
@media (max-width: 480px) {
	body:not(.front-page):not(.vx-gate-page) {
		--vx-page-pad-top: 10px;
		--vx-page-pad-bottom: 20px;
	}
}
body:not(.front-page):not(.vx-gate-page) .vx-layout {
	padding-block: var(--vx-page-pad-top) var(--vx-page-pad-bottom);
}
body:not(.front-page):not(.vx-gate-page) .vx-archive-hero {
	padding-top: var(--vx-page-pad-top);
}
body:not(.front-page):not(.vx-gate-page) .vx-bonus-detail {
	padding-top: var(--vx-page-pad-top);
}
.vx-layout--with-sidebar {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 48px;
}
@media (min-width: 1024px) {
	.vx-layout--with-sidebar { grid-template-columns: minmax(0, 1fr) 320px; }
	body.vx-no-sidebar .vx-layout--with-sidebar { grid-template-columns: minmax(0, 1fr); }
}
.vx-sidebar { display: block; }

.vx-site__content {
	flex: 1 0 auto;
	min-height: min(50vh, 50svh);
}

.vx-page-header { margin-bottom: 32px; }
.vx-page-header--center { text-align: center; max-width: 760px; margin-left: auto; margin-right: auto; }
.vx-page-header__title span { background: var(--vx-grad-primary); -webkit-background-clip: text; background-clip: text; color: transparent; }
.vx-page-header__desc { color: var(--vx-c-muted); font-size: 1.05rem; }

/* =========================================================
   5. Buttons
   ========================================================= */
.vx-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-family: var(--vx-font-head);
	font-weight: 700;
	font-size: .95rem;
	letter-spacing: .01em;
	padding: 14px 24px;
	border-radius: var(--vx-btn-radius);
	border: 1px solid transparent;
	background: transparent;
	color: #fff;
	cursor: pointer;
	transition: transform var(--vx-transition), box-shadow var(--vx-transition), background var(--vx-transition), color var(--vx-transition);
	text-decoration: none;
	white-space: nowrap;
	position: relative;
}
.vx-btn:focus-visible { outline-offset: 4px; }
.vx-btn--lg { padding: 17px 30px; font-size: 1rem; }
.vx-btn--block { width: 100%; }

.vx-btn--primary {
	background: rgba(255, 0, 128, .1);
	border-color: rgba(255, 0, 128, .78);
	box-shadow: 0 0 16px rgba(255, 0, 128, .22);
	color: #fff;
}
.vx-btn--primary::after {
	display: none;
}
.vx-btn--primary:hover {
	transform: translateY(-2px);
	color: #fff;
	background: rgba(255, 0, 128, .16);
	border-color: rgba(255, 0, 128, .9);
	box-shadow: 0 0 22px rgba(255, 0, 128, .32);
}

.vx-btn--green {
	background: rgba(182, 255, 0, .1);
	border-color: rgba(182, 255, 0, .78);
	box-shadow: 0 0 16px rgba(182, 255, 0, .22);
	color: #fff;
}
.vx-btn--green::after { display: none; }
.vx-btn--green:hover {
	transform: translateY(-2px);
	color: #fff;
	background: rgba(182, 255, 0, .16);
	border-color: rgba(182, 255, 0, .9);
	box-shadow: 0 0 22px rgba(182, 255, 0, .32);
}

.vx-btn--ghost {
	border-color: var(--vx-c-border-2);
	background: rgba(255, 255, 255, .03);
	color: #fff;
}
.vx-btn--ghost:hover {
	background: rgba(255, 255, 255, .08);
	border-color: var(--vx-c-secondary);
	color: var(--vx-c-secondary);
	transform: translateY(-2px);
}
.vx-btn--outline {
	border: 1px solid rgba(255, 0, 128, .5);
	background: rgba(10, 8, 24, .6);
	color: #fff;
	box-shadow: inset 0 0 20px rgba(255, 0, 128, .05);
}
.vx-btn--outline:hover {
	border-color: rgba(255, 0, 128, .75);
	background: rgba(255, 0, 128, .08);
	color: #fff;
	transform: translateY(-2px);
}

/* =========================================================
   6. Live ticker
   ========================================================= */
.vx-ticker {
	background: linear-gradient(90deg, #0a0c20, #161a36, #0a0c20);
	border-bottom: 1px solid var(--vx-c-border);
	overflow: hidden;
	position: relative;
	z-index: 500;
}
.vx-ticker__inner {
	display: flex;
	align-items: center;
	gap: 16px;
}
.vx-ticker__badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	position: relative;
	z-index: 20;
	background: var(--vx-grad-primary);
	color: #fff;
	font-family: var(--vx-font-head);
	font-weight: 800;
	font-size: .72rem;
	letter-spacing: .12em;
	padding: 7px 13px;
	border-radius: 0 999px 999px 0;
	white-space: nowrap;
	flex-shrink: 0;
	box-shadow: 0 0 18px rgba(255, 0, 128, .5);
}
.vx-ticker__track {
	display: inline-flex;
	gap: 38px;
	white-space: nowrap;
	animation: vx-marquee 56s linear infinite;
	will-change: transform;
}
.vx-ticker__item {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	font-size: .9rem;
	color: var(--vx-c-text);
}
.vx-ticker__item strong { color: #fff; font-weight: 700; }
.vx-ticker__amount {
	color: var(--vx-c-tertiary);
	font-weight: 800;
	font-style: normal;
	text-shadow: 0 0 12px rgba(182, 255, 0, .45);
}
.vx-ticker__game { color: var(--vx-c-secondary); font-weight: 600; }

@keyframes vx-marquee {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

.vx-pulse {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: var(--vx-c-tertiary);
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(182, 255, 0, .8);
	animation: vx-pulse 1.6s infinite;
}
.vx-pulse--pink {
	background: #ff0080;
	box-shadow: 0 0 0 0 rgba(255, 0, 128, .8);
	animation-name: vx-pulse-pink;
}
.vx-pulse--cyan {
	background: #00e5ff;
	box-shadow: 0 0 0 0 rgba(0, 229, 255, .8);
	animation-name: vx-pulse-cyan;
}
@keyframes vx-pulse-pink {
	0%   { box-shadow: 0 0 0 0 rgba(255, 0, 128, .8); }
	70%  { box-shadow: 0 0 0 10px rgba(255, 0, 128, 0); }
	100% { box-shadow: 0 0 0 0 rgba(255, 0, 128, 0); }
}
@keyframes vx-pulse-cyan {
	0%   { box-shadow: 0 0 0 0 rgba(0, 229, 255, .8); }
	70%  { box-shadow: 0 0 0 10px rgba(0, 229, 255, 0); }
	100% { box-shadow: 0 0 0 0 rgba(0, 229, 255, 0); }
}
@keyframes vx-pulse {
	0%   { box-shadow: 0 0 0 0 rgba(182, 255, 0, .6); }
	70%  { box-shadow: 0 0 0 12px rgba(182, 255, 0, 0); }
	100% { box-shadow: 0 0 0 0 rgba(182, 255, 0, 0); }
}

/* =========================================================
   7. Top bar
   ========================================================= */
.vx-topbar {
	background: rgba(15, 16, 39, .92);
	border-bottom: 1px solid var(--vx-c-border);
	font-size: .85rem;
	color: var(--vx-c-muted);
	backdrop-filter: blur(10px);
}
.vx-topbar__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	padding: 8px 24px;
}
.vx-topbar__text { display: inline-flex; align-items: center; gap: 8px; }

.vx-age {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #ff3a3a;
	color: #fff;
	font-weight: 800;
	font-size: .68rem;
	border: 1.5px solid #fff;
	flex-shrink: 0;
}
.vx-age--lg { width: 38px; height: 38px; font-size: .85rem; }

.vx-topbar__menu {
	display: flex;
	gap: 18px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.vx-topbar__menu a { color: var(--vx-c-muted); font-size: .85rem; }
.vx-topbar__menu a:hover { color: var(--vx-c-secondary); }

/* =========================================================
   8. Header
   ========================================================= */
.vx-header {
	position: relative;
	z-index: 390;
	background: rgba(5, 6, 20, .92);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	backdrop-filter: blur(16px);
	transition: background var(--vx-transition), box-shadow var(--vx-transition);
}
body.vx-sticky-header .vx-ticker {
	position: sticky;
	top: 0;
	z-index: 500;
}
body.vx-sticky-header .vx-header {
	position: sticky;
	top: 0;
	z-index: 390;
}
body.vx-sticky-header.vx-has-ticker .vx-header {
	top: 38px;
}
.vx-header.is-scrolled {
	background: rgba(5, 6, 20, .98);
	box-shadow: 0 10px 36px rgba(0, 0, 0, .38);
}
.vx-header__inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 16px;
	min-height: 72px;
	padding: 12px 24px;
}
.vx-header__branding { justify-self: start; }
.vx-header__nav { justify-self: center; }
.vx-header__actions { justify-self: end; }

@media (max-width: 1366px) {
	.vx-header__inner {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 10px;
		padding: 12px 20px;
		min-height: 72px;
	}
	.vx-header__branding {
		flex: 1 1 auto;
		min-width: 0;
	}
	.vx-header__nav {
		flex: 0 0 auto;
		order: 3;
	}
	.vx-header__actions {
		flex: 0 0 auto;
		order: 2;
		gap: 8px;
	}
	.vx-btn--login,
	.vx-header__cta {
		padding: 9px 14px;
		font-size: .8125rem;
		white-space: nowrap;
	}
}

.vx-logo {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	color: #fff;
	transition: opacity var(--vx-transition);
}
.vx-logo:hover { opacity: .9; }
.vx-logo__lockup {
	display: inline-flex;
	align-items: baseline;
	font-family: var(--vx-font-logo);
	font-size: clamp(1.65rem, 2.35vw, 2.05rem);
	font-weight: 400;
	line-height: 1;
	white-space: nowrap;
	text-transform: uppercase;
	letter-spacing: 0;
}
.vx-logo__mark { display: inline-flex; }
.vx-logo__word {
	display: inline-block;
	font-weight: 400;
	font-size: 0.96em;
	letter-spacing: 0;
	color: rgba(255, 255, 255, .94);
}
.vx-logo__text { color: #fff; }
.vx-logo__x {
	display: inline-block;
	font-size: 1.22em;
	font-weight: 500;
	line-height: 1;
	margin-left: 0.08em;
	letter-spacing: 0;
	color: #ff6eb4;
	transition: color var(--vx-transition);
}
.vx-logo:hover .vx-logo__x { color: var(--vx-c-primary); }
.custom-logo-link { display: inline-block; }
.custom-logo { max-height: 48px; width: auto; }

/* Primary nav */
.vx-menu {
	display: none;
	list-style: none;
	gap: 4px;
	margin: 0;
	padding: 0;
	justify-content: center;
}
@media (min-width: 1367px) { .vx-menu { display: flex; } }
.vx-menu > li { position: relative; }
.vx-menu__link, .vx-menu a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	position: relative;
	isolation: isolate;
	font-family: var(--vx-font-body);
	font-weight: 500;
	font-size: .875rem;
	color: rgba(255, 255, 255, .68);
	padding: 9px 16px;
	border-radius: 999px;
	border: 1px solid transparent;
	transition:
		color .22s ease,
		background .22s ease,
		border-color .22s ease,
		box-shadow .22s ease,
		transform .22s ease;
}
.vx-menu > li:hover > .vx-menu__link,
.vx-menu > li > a:hover {
	color: rgba(255, 255, 255, .94);
	background: rgba(255, 255, 255, .05);
	border-color: rgba(255, 255, 255, .08);
}

/* Active — top-level (current page + Features when a child is open) */
.vx-menu > li > .vx-menu__link--active {
	color: #fff;
	font-weight: 600;
	background: rgba(255, 255, 255, .06);
	border-color: transparent;
	box-shadow: none;
}
.vx-menu > li > .vx-menu__link--active::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(135deg, rgba(255, 0, 128, .55), rgba(0, 229, 255, .45));
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

/* Submenu */
.vx-submenu {
	position: absolute;
	top: 100%;
	left: 0;
	background: var(--vx-c-surface);
	border: 1px solid var(--vx-c-border);
	border-radius: 14px;
	box-shadow: var(--vx-shadow-lg);
	padding: 8px;
	min-width: 220px;
	list-style: none;
	margin: 8px 0 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity var(--vx-transition), transform var(--vx-transition), visibility var(--vx-transition);
	z-index: 30;
}
.vx-menu > li:hover > .vx-submenu,
.vx-menu > li:focus-within > .vx-submenu {
	opacity: 1; visibility: visible; transform: translateY(0);
}
.vx-submenu a {
	display: flex;
	align-items: center;
	position: relative;
	isolation: isolate;
	width: 100%;
	padding: 10px 14px;
	color: rgba(233, 236, 255, .72);
	border-radius: 10px;
	font-size: .9rem;
	border: 1px solid transparent;
	transition: color var(--vx-transition), background var(--vx-transition), border-color var(--vx-transition);
}
.vx-submenu a:hover {
	background: rgba(255, 255, 255, .05);
	color: #fff;
	border-color: rgba(255, 255, 255, .06);
}
/* Active — dropdown item */
.vx-submenu .vx-menu__link--active {
	color: #fff;
	font-weight: 600;
	background: rgba(255, 255, 255, .06);
	border-color: transparent;
}
.vx-submenu .vx-menu__link--active::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(135deg, rgba(255, 0, 128, .5), rgba(0, 229, 255, .4));
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

/* Header actions */
.vx-header__actions {
	display: flex;
	align-items: center;
	gap: 12px;
}
.vx-btn--login {
	padding: 10px 22px;
	font-size: .875rem;
	font-weight: 600;
	border: 1px solid rgba(255, 255, 255, .35);
	background: transparent;
	color: #fff;
	box-shadow: none;
}
.vx-btn--login::after { display: none; }
.vx-btn--login:hover {
	background: rgba(255, 255, 255, .06);
	border-color: rgba(255, 255, 255, .55);
	color: #fff;
	transform: none;
}
@media (max-width: 640px) { .vx-btn--login { display: none; } }
.vx-header__cta {
	padding: 10px 22px;
	font-size: .875rem;
	box-shadow: none;
}
.vx-search-toggle {
	width: 42px; height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .05);
	border: 1px solid var(--vx-c-border);
	color: #fff;
	border-radius: 12px;
	cursor: pointer;
	transition: background var(--vx-transition);
}
.vx-search-toggle:hover { background: rgba(255, 255, 255, .12); color: var(--vx-c-secondary); }

@media (max-width: 640px) {
	.vx-header__cta { display: none; }
}

/* Mobile toggle */
.vx-menu-toggle {
	display: inline-flex;
	flex-direction: column;
	gap: 4px;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 1px solid var(--vx-c-border);
	border-radius: 12px;
	cursor: pointer;
	padding: 0;
}
@media (min-width: 1367px) { .vx-menu-toggle { display: none; } }
.vx-menu-toggle__bar {
	display: block;
	width: 20px;
	height: 2px;
	background: #fff;
	border-radius: 2px;
	transition: transform var(--vx-transition), opacity var(--vx-transition);
}
.vx-menu-toggle[aria-expanded="true"] .vx-menu-toggle__bar:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.vx-menu-toggle[aria-expanded="true"] .vx-menu-toggle__bar:nth-child(2) { opacity: 0; }
.vx-menu-toggle[aria-expanded="true"] .vx-menu-toggle__bar:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

@media (max-width: 1366px) {
	.vx-header__nav .vx-menu {
		display: none;
		flex-direction: column;
		align-items: stretch;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: var(--vx-c-surface);
		border-top: 1px solid var(--vx-c-border);
		padding: 16px;
		gap: 4px;
		max-height: calc(100vh - 76px);
		overflow-y: auto;
	}
	.vx-header__nav .vx-menu.is-open { display: flex; }
	.vx-menu > li > a { width: 100%; justify-content: flex-start; padding: 12px 16px; }
	.vx-menu > li.current-menu-item > .vx-menu__link {
		box-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset;
	}
	.vx-submenu {
		position: static;
		display: block;
		opacity: 1; visibility: visible; transform: none;
		background: rgba(255, 255, 255, .03);
		margin: 0;
		padding: 4px 8px;
		border: 0;
		box-shadow: none;
	}
}

/* Search panel */
.vx-search-panel {
	background: var(--vx-c-surface);
	border-top: 1px solid var(--vx-c-border);
	padding: 20px 0;
}
.vx-search-form {
	display: flex;
	gap: 0;
	background: var(--vx-c-bg-2);
	border: 1px solid var(--vx-c-border);
	border-radius: var(--vx-btn-radius);
	overflow: hidden;
}
.vx-search-form__field-wrap {
	flex: 1;
	min-width: 0;
	position: relative;
	display: flex;
	align-items: center;
}
.vx-search-form__field {
	flex: 1;
	min-width: 0;
	width: 100%;
	background: transparent;
	border: 0;
	padding: 14px 44px 14px 22px;
	color: #fff;
	font-family: var(--vx-font-body);
	font-size: 1rem;
	outline: 0;
}
.vx-search-form__field::-webkit-search-cancel-button,
.vx-search-form__field::-webkit-search-decoration {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}
.vx-search-form__clear {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	color: rgba(255, 255, 255, .88);
	cursor: pointer;
	transition: background var(--vx-transition), color var(--vx-transition);
}
.vx-search-form__clear:hover {
	background: rgba(255, 255, 255, .18);
	color: #fff;
}
.vx-search-form__clear[hidden] {
	display: none;
}
.vx-search-form__field::placeholder {
	color: rgba(233, 236, 255, .54);
}
.vx-search-form__submit {
	background: rgba(255, 0, 128, .16);
	border: 1px solid rgba(255, 0, 128, .9);
	box-shadow: 0 0 22px rgba(255, 0, 128, .32);
	color: #fff;
	padding: 0 22px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-shrink: 0;
	border-radius: var(--vx-btn-radius);
	transition: background var(--vx-transition), border-color var(--vx-transition), box-shadow var(--vx-transition);
}
.vx-search-form__submit:hover {
	background: rgba(255, 0, 128, .22);
	border-color: rgba(255, 0, 128, 1);
	box-shadow: 0 0 28px rgba(255, 0, 128, .4);
}

/* =========================================================
   9. Hero
   ========================================================= */
.vx-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(40px, 7vw, 96px) 0 clamp(48px, 8vw, 100px);
	min-height: 0;
	background: #05010a;
	isolation: isolate;
}
.vx-hero__bg { position: absolute; inset: 0; overflow: hidden; z-index: 0; }
.vx-hero__grid { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 1; }
.vx-hero__glow {
	position: absolute;
	border-radius: 50%;
	filter: blur(100px);
	pointer-events: none;
}
.vx-hero__glow--pink   { background: #ff007f; width: 420px; height: 420px; top: -60px; left: -80px; opacity: .45; }
.vx-hero__glow--cyan   { background: #00f2ff; width: 320px; height: 320px; bottom: 0; left: 35%; opacity: .28; }
.vx-hero__glow--violet { display: none; }

/* Hero grid — mobile-first: stack, then side-by-side on large screens */
.vx-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(28px, 5vw, 56px);
	align-items: center;
	position: relative;
	z-index: 2;
}

/* Left column: scene + copy (reference layout) */
.vx-hero__content {
	position: relative;
	min-height: 0;
	overflow: visible;
}
.vx-hero__scene {
	position: absolute;
	inset: -36px -340px -24px -168px;
	pointer-events: none;
	z-index: 0;
}
.vx-hero__copy {
	position: relative;
	z-index: 2;
	max-width: none;
	padding: 0;
}

.vx-float {
	position: absolute;
	display: block;
	line-height: 0;
	isolation: isolate;
}
.vx-float picture,
.vx-float img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	background: transparent;
}
/* Ambient bloom behind props (works with transparent PNG) */
.vx-float::before {
	content: "";
	position: absolute;
	inset: -18%;
	border-radius: 50%;
	z-index: -1;
	pointer-events: none;
}
.vx-float--card.vx-float--3::before {
	display: none;
}
.vx-float--chip.vx-float--2::before {
	display: none;
}
.vx-float--dice.vx-float--4::before {
	background: radial-gradient(circle, rgba(255, 255, 255, .22) 0%, transparent 65%);
}

/* VX chip — tossed tilt */
.vx-float--chip.vx-float--1 {
	top: -12px;
	left: -94px;
	width: min(173px, 29vw);
	z-index: 1;
	transform: rotate(-22deg);
	animation: vx-float-1 8s ease-in-out infinite;
	transform-origin: 52% 48%;
	will-change: transform;
}
.vx-float--chip.vx-float--1 picture,
.vx-float--chip.vx-float--1 img {
	filter: none;
}
.vx-float--chip.vx-float--1::before {
	display: none;
}

/* Ace — upper area, above blue chip */
.vx-float--card.vx-float--3 {
	top: 18px;
	bottom: auto;
	left: 61.5%;
	width: min(148px, 25vw);
	z-index: 2;
	transform: rotate(15deg);
	filter:
		drop-shadow(0 0 22px rgba(255, 255, 255, .32))
		drop-shadow(0 0 36px rgba(255, 0, 128, .22))
		drop-shadow(0 22px 38px rgba(0, 0, 0, .52));
	animation: vx-float-3 9s ease-in-out infinite;
	transform-origin: 48% 42%;
	will-change: transform;
}

/* 100 chip — anchored to bottom of hero scene */
.vx-float--chip.vx-float--2 {
	top: auto;
	bottom: 8px;
	left: 63.5%;
	width: min(118px, 20vw);
	transform: rotate(24deg);
	z-index: 1;
	animation: vx-float-2 10s ease-in-out infinite;
	transform-origin: 48% 52%;
	will-change: transform;
}
.vx-float--chip.vx-float--2 picture,
.vx-float--chip.vx-float--2 img {
	filter:
		drop-shadow(0 0 12px rgba(0, 242, 255, .35))
		drop-shadow(0 0 28px rgba(0, 220, 255, .15));
}

/* Dice — bottom left, under pink chip / left of buttons */
.vx-float--dice.vx-float--4 {
	bottom: 0;
	left: -38px;
	width: min(84px, 14.5vw);
	z-index: 1;
	transform: rotate(10deg);
	filter:
		drop-shadow(0 0 14px rgba(255, 255, 255, .28))
		drop-shadow(0 18px 28px rgba(0, 0, 0, .45));
	animation: vx-float-4 11s ease-in-out infinite;
	transform-origin: 50% 50%;
	opacity: .94;
	will-change: transform;
}
.vx-float--dice.vx-float--4::before {
	display: none;
}

@keyframes vx-float-1 {
	0%, 100% { transform: rotate(-22deg) translateY(0); }
	50%      { transform: rotate(-18deg) translateY(-8px); }
}
@keyframes vx-float-2 {
	0%, 100% { transform: rotate(24deg) translateY(0); }
	50%      { transform: rotate(20deg) translateY(-6px); }
}
@keyframes vx-float-3 {
	0%, 100% { transform: translateY(0) rotate(15deg); }
	50%      { transform: translateY(-10px) rotate(11deg); }
}
@keyframes vx-float-4 {
	0%, 100% { transform: translateY(0) rotate(10deg); }
	50%      { transform: translateY(-5px) rotate(7deg); }
}

@media (min-width: 1100px) {
	.vx-float--chip.vx-float--1 { top: -16px; left: -100px; width: 182px; }
	.vx-float--card.vx-float--3  { top: 12px; left: 62.5%; width: 158px; }
	.vx-float--chip.vx-float--2  { bottom: 6px; left: 64%; width: 124px; }
	.vx-float--dice.vx-float--4  { bottom: -2px; left: -44px; width: 90px; }
}

@media (max-width: 1099px) {
	.vx-hero__scene { display: none; }
}
@media (max-width: 767px) {
	.vx-hero__trust {
		flex-wrap: wrap;
		padding-top: 24px;
		gap: 10px 14px;
	}
	.vx-hero__trust-item {
		white-space: normal;
		flex: 1 1 calc(50% - 8px);
		min-width: 0;
		font-size: .75rem;
	}
	.vx-hero__trust-item:last-child { flex-basis: 100%; }
	.vx-hero-dashboard .vx-hero__stat strong { font-size: 1.35rem; }
	.vx-hero-dashboard .vx-hero__stat-icon { transform: scale(1.25); }
}
@media (min-width: 768px) {
	.vx-hero__inner {
		grid-template-columns: minmax(0, 1.15fr) minmax(240px, 340px);
		gap: clamp(18px, 2.8vw, 32px);
		align-items: center;
	}
	.vx-hero__aside {
		width: 100%;
		max-width: none;
		margin-inline: 0;
	}
	.vx-hero-dashboard {
		padding: 16px 14px 12px;
	}
	.vx-hero-dashboard .vx-jackpot__value {
		font-size: clamp(1.55rem, 3.2vw, 1.9rem);
	}
}

@media (min-width: 1024px) and (max-width: 1099px) {
	.vx-hero__inner {
		grid-template-columns: minmax(0, 1.1fr) minmax(280px, 380px);
		gap: 28px;
	}
}

@media (min-width: 1100px) {
	.vx-hero {
		min-height: 520px;
		padding: clamp(56px, 7vw, 96px) 0 clamp(64px, 8vw, 100px);
	}
	.vx-hero__inner {
		grid-template-columns: minmax(0, 1.05fr) minmax(280px, 400px);
	}
	.vx-hero__content { min-height: 448px; }
	.vx-hero__copy {
		max-width: 560px;
		padding: 8px 0 0 clamp(20px, 4vw, 48px);
	}
}

.vx-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(255, 0, 128, .06);
	border: 1px solid rgba(255, 0, 128, .45);
	color: #fff;
	font-family: var(--vx-font-body);
	font-weight: 600;
	font-size: .8125rem;
	letter-spacing: 0;
	padding: 8px 16px;
	border-radius: 999px;
	margin-bottom: 24px;
}
.vx-hero__eyebrow-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ff0080;
	filter: drop-shadow(0 0 8px rgba(255, 0, 128, .7));
	flex-shrink: 0;
}
.vx-hero__eyebrow-icon svg {
	width: 26px;
	height: 26px;
}

.vx-hero__title {
	font-family: var(--vx-font-head);
	font-size: clamp(2.65rem, 5.8vw, 4rem);
	letter-spacing: -0.035em;
	margin: 0 0 18px;
	line-height: 1.02;
	font-weight: 600;
	color: #fff;
}
.vx-hero__title span {
	background: linear-gradient(90deg, #ff007f 0%, #00f2ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	display: block;
	font-size: clamp(3.15rem, 7.4vw, 5.1rem);
	font-weight: 900;
	line-height: 1;
	margin-top: .06em;
	position: relative;
}
.vx-hero__title span::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: .02em;
	height: 5px;
	background: linear-gradient(90deg, #ff007f 0%, #00f2ff 100%);
	border-radius: 999px;
	box-shadow: 0 0 24px rgba(255, 0, 127, .85), 0 0 20px rgba(0, 242, 255, .55);
}

.vx-hero__text {
	font-size: .9375rem;
	color: rgba(255, 255, 255, .72);
	max-width: 440px;
	margin-bottom: 26px;
	line-height: 1.7;
	font-weight: 400;
}

.vx-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 14px;
	padding-top: clamp(20px, 4vw, 5%);
	margin-bottom: 28px;
}
@media (max-width: 639px) {
	.vx-hero__actions {
		flex-direction: column;
		align-items: stretch;
		padding-top: 20px;
	}
	.vx-hero__actions .vx-btn {
		flex: 1 1 100%;
		width: 100%;
		justify-content: center;
	}
}
/* iPad Mini (744) and up — keep CTAs in one row */
@media (min-width: 640px) and (max-width: 833px) {
	.vx-hero__actions {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
	}
	.vx-hero__actions .vx-btn {
		flex: 1 1 0;
		width: auto;
		justify-content: center;
		white-space: nowrap;
		padding: 12px 18px;
		font-size: .9rem;
	}
}
.vx-hero__actions .vx-btn--primary {
	padding: 16px 28px;
	font-size: 1rem;
	box-shadow: none;
}
.vx-hero__actions .vx-btn--outline {
	padding: 15px 26px;
	font-size: 1rem;
	border-color: rgba(255, 0, 127, .55);
	background: rgba(5, 1, 10, .5);
}

.vx-hero__trust {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	padding-top: clamp(20px, 5vw, 10%);
}
.vx-hero__trust-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: rgba(255, 255, 255, .88);
	font-size: .8125rem;
	font-weight: 500;
	white-space: normal;
	flex: 1 1 auto;
	min-width: 0;
}
.vx-hero__trust-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	flex-shrink: 0;
	background: transparent;
	border: none;
	box-shadow: none;
}
.vx-hero__trust-icon svg {
	width: 28px;
	height: 28px;
}
.vx-hero__trust-item--pink .vx-hero__trust-icon {
	color: #ff007f;
	filter: drop-shadow(0 0 8px rgba(255, 0, 127, .6));
}
.vx-hero__trust-item--cyan .vx-hero__trust-icon {
	color: #00f2ff;
	filter: drop-shadow(0 0 8px rgba(0, 242, 255, .6));
}
.vx-hero__trust-item--lime .vx-hero__trust-icon {
	color: #39ff14;
	filter: drop-shadow(0 0 8px rgba(57, 255, 20, .5));
}

.vx-hero__aside {
	display: block;
	position: relative;
	z-index: 4;
	width: 100%;
	max-width: min(100%, 420px);
	margin-inline: auto;
	transform: none;
	left: 0;
}
@media (min-width: 1100px) {
	.vx-hero__aside {
		max-width: none;
		margin-inline: 0;
		transform: scale(1.3);
		left: 140px;
	}
}

/* Jackpot panel — screenshot colors & typography (box size unchanged) */
.vx-hero-dashboard {
	background: #0a0a14;
	border: 1px solid rgba(180, 60, 220, .32);
	border-radius: 14px;
	padding: 18px 16px 14px;
	box-shadow:
		0 0 0 1px rgba(255, 0, 127, .05) inset,
		0 0 32px rgba(160, 50, 200, .12),
		0 16px 40px rgba(0, 0, 0, .55);
}
.vx-hero-dashboard .vx-jackpot--hero {
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0 0 12px;
	box-shadow: none;
	text-align: center;
	overflow: visible;
}
.vx-hero-dashboard .vx-jackpot--hero::before { display: none; }

/* Header row */
.vx-hero-dashboard .vx-jackpot__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}
.vx-hero-dashboard .vx-jackpot__label,
.vx-hero-dashboard .vx-jackpot__live {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--vx-font-body);
	font-size: .75rem;
	font-weight: 500;
	color: #fff;
	letter-spacing: 0;
}
.vx-hero-dashboard .vx-jackpot__live {
	font-size: .625rem;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
}
.vx-jackpot__dot {
	display: inline-block;
	border-radius: 50%;
	flex-shrink: 0;
}
.vx-jackpot__dot--label {
	width: 6px;
	height: 6px;
	background: #ff007f;
	box-shadow: 0 0 8px #ff007f, 0 0 14px rgba(255, 0, 127, .6);
}
.vx-jackpot__dot--live {
	width: 6px;
	height: 6px;
	background: #ff3366;
	box-shadow: 0 0 8px #ff3366, 0 0 12px rgba(255, 51, 102, .55);
}

/* Amount + neon glow */
.vx-hero-dashboard .vx-jackpot__value-wrap {
	margin: 2px 0 0;
}
.vx-hero-dashboard .vx-jackpot__value {
	display: block;
	width: 100%;
	text-align: center;
	font-family: var(--vx-font-body);
	font-size: clamp(1.65rem, 3.6vw, 2.15rem);
	font-weight: 700;
	letter-spacing: -.025em;
	line-height: 1.08;
	margin: 0;
	background: linear-gradient(90deg, #ff007f 0%, #e040fb 35%, #9b5de5 55%, #00f2ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter:
		drop-shadow(0 0 12px rgba(255, 0, 127, .9))
		drop-shadow(0 0 20px rgba(155, 93, 229, .55))
		drop-shadow(0 0 16px rgba(0, 242, 255, .65));
}

/* Curved neon underline (screenshot arc) */
.vx-hero-dashboard .vx-jackpot__bar {
	height: auto;
	margin: 5px 2% 0;
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
	background: none;
	animation: none;
	box-shadow: none;
}
.vx-hero-dashboard .vx-jackpot__bar-svg {
	display: block;
	width: 100%;
	height: 12px;
	overflow: visible;
}
.vx-hero-dashboard .vx-jackpot__bar-glow {
	opacity: .9;
}
.vx-hero-dashboard .vx-jackpot__bar-core {
	filter: drop-shadow(0 0 4px rgba(255, 0, 127, .8)) drop-shadow(0 0 6px rgba(0, 242, 255, .7));
}

/* Pulsing – updated live */
.vx-hero-dashboard .vx-jackpot__sub {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: 7px;
	font-family: var(--vx-font-body);
	font-size: .7rem;
	font-weight: 400;
	color: rgba(233, 236, 255, .52);
}
.vx-jackpot__radio-pulse {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: rgba(30, 10, 25, .9);
	border: 1px solid rgba(255, 0, 127, .25);
	flex-shrink: 0;
}
.vx-jackpot__radio-pulse span {
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ff007f;
	box-shadow: 0 0 8px #ff007f;
	animation: vx-jackpot-radio-pulse 1.8s ease-in-out infinite;
}
@keyframes vx-jackpot-radio-pulse {
	0%, 100% { transform: scale(1); opacity: 1; }
	50%      { transform: scale(.85); opacity: .75; }
}

/* Stats row */
.vx-hero-dashboard .vx-hero__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	padding-top: 12px;
	margin-top: 0;
	border-top: 1px solid rgba(120, 60, 160, .22);
}
.vx-hero-dashboard .vx-hero__stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 0;
	background: rgba(0, 0, 0, .38);
	border: 1px solid transparent;
	border-radius: 10px;
	padding: 14px 4px 11px;
	text-align: center;
}
.vx-hero-dashboard .vx-hero__stat--pink {
	border-color: rgba(255, 0, 127, .5);
	box-shadow: 0 0 16px rgba(255, 0, 127, .14), inset 0 0 20px rgba(255, 0, 127, .03);
}
.vx-hero-dashboard .vx-hero__stat--cyan {
	border-color: rgba(0, 255, 255, .45);
	box-shadow: 0 0 16px rgba(0, 255, 255, .12), inset 0 0 20px rgba(0, 255, 255, .03);
}
.vx-hero-dashboard .vx-hero__stat--lime {
	border-color: rgba(170, 255, 0, .45);
	box-shadow: 0 0 16px rgba(170, 255, 0, .12), inset 0 0 20px rgba(170, 255, 0, .03);
}
.vx-hero-dashboard .vx-hero__stat-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	margin: 0 0 calc(11px + 12px);
	background: transparent !important;
	transform: scale(1.5);
	transform-origin: center top;
	filter: drop-shadow(0 0 5px currentColor) drop-shadow(0 0 10px currentColor);
}
.vx-hero-dashboard .vx-hero__stat--pink .vx-hero__stat-icon { color: #ff007f; }
.vx-hero-dashboard .vx-hero__stat--cyan .vx-hero__stat-icon { color: #00ffff; }
.vx-hero-dashboard .vx-hero__stat--lime .vx-hero__stat-icon { color: #aaff00; }
.vx-hero-dashboard .vx-hero__stat strong {
	display: block;
	font-family: var(--vx-font-body);
	font-size: 1.625rem;
	font-weight: 700;
	color: #fff;
	margin: 0 0 3px;
	letter-spacing: -.02em;
	line-height: 1;
}
.vx-hero-dashboard .vx-hero__stat-label {
	display: block;
	font-family: var(--vx-font-body);
	font-size: .7rem;
	font-weight: 400;
	color: rgba(233, 236, 255, .55);
	letter-spacing: 0;
}

/* Legacy selectors outside dashboard */
.vx-hero__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.vx-hero__stat--violet { border-color: rgba(255, 0, 127, .45); }

/* =========================================================
   10. Jackpot counter
   ========================================================= */
.vx-jackpot {
	background:
		linear-gradient(135deg, rgba(255, 0, 128, .08), rgba(0, 229, 255, .08)),
		var(--vx-c-surface);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 20px;
	padding: 22px 24px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.vx-jackpot::before {
	content: "";
	position: absolute;
	inset: 0;
	background: conic-gradient(from 90deg at 50% 50%, #ff0080, #00e5ff, #b6ff00, #ff0080);
	opacity: .15;
	filter: blur(40px);
	z-index: 0;
}
.vx-jackpot > * { position: relative; z-index: 1; }
.vx-jackpot__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}
.vx-jackpot__live {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--vx-font-body);
	font-weight: 700;
	font-size: .6875rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #ff4d8a;
	padding: 4px 10px;
	background: rgba(255, 0, 128, .1);
	border: 1px solid rgba(255, 0, 128, .3);
	border-radius: 999px;
}
.vx-jackpot__live .vx-pulse {
	background: #ff3a3a;
	box-shadow: 0 0 0 0 rgba(255, 58, 58, .8);
	animation-name: vx-pulse-red;
}
@keyframes vx-pulse-red {
	0%   { box-shadow: 0 0 0 0 rgba(255, 58, 58, .8); }
	70%  { box-shadow: 0 0 0 8px rgba(255, 58, 58, 0); }
	100% { box-shadow: 0 0 0 0 rgba(255, 58, 58, 0); }
}
.vx-jackpot__bar {
	height: 3px;
	margin: 12px 0 10px;
	background: linear-gradient(90deg, #ff0080 0%, #00e5ff 50%, #ff0080 100%);
	background-size: 200% 100%;
	border-radius: 999px;
	box-shadow: 0 0 16px rgba(255, 0, 128, .5), 0 0 16px rgba(0, 229, 255, .4);
	animation: vx-bar-flow 3s linear infinite;
}
@keyframes vx-bar-flow {
	to { background-position: -200% 0; }
}
.vx-jackpot__label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--vx-font-head);
	font-weight: 700;
	font-size: .85rem;
	letter-spacing: .04em;
	color: #fff;
	margin: 0;
}
.vx-jackpot__value {
	font-family: var(--vx-font-head);
	font-weight: 900;
	font-size: clamp(2.1rem, 4.5vw, 2.75rem);
	background: linear-gradient(90deg, #ff0080 0%, #00e5ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	letter-spacing: -.03em;
	line-height: 1.05;
	margin-bottom: 4px;
	filter: drop-shadow(0 0 28px rgba(255, 0, 128, .45)) drop-shadow(0 0 20px rgba(0, 229, 255, .35));
}
.vx-jackpot__sub {
	font-size: .78rem;
	color: var(--vx-c-muted);
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

/* =========================================================
   11. Sections
   ========================================================= */
.vx-section { padding: var(--vx-section-py) 0; position: relative; }
.vx-section + .vx-section { padding-top: 0; }
.vx-section--toplist {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse 70% 55% at 50% -10%, rgba(255, 0, 128, .1), transparent 68%),
		radial-gradient(ellipse 45% 40% at 100% 40%, rgba(0, 229, 255, .06), transparent 62%),
		linear-gradient(180deg, transparent, rgba(255, 255, 255, .02));
}
.vx-section--toplist::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 0, 128, .28), rgba(0, 229, 255, .22), transparent);
	pointer-events: none;
}
.vx-section.vx-section--cta {
	position: relative;
	overflow: hidden;
	padding-top: clamp(64px, 9vw, 100px);
	padding-bottom: clamp(64px, 9vw, 100px);
	margin-bottom: 0;
	text-align: center;
	background:
		radial-gradient(ellipse 78% 58% at 50% -12%, rgba(255, 0, 128, .24), transparent 58%),
		radial-gradient(ellipse 72% 85% at 18% 50%, rgba(255, 0, 128, .2), transparent 58%),
		radial-gradient(ellipse 55% 75% at 82% 50%, rgba(0, 229, 255, .08), transparent 62%),
		#050614;
}
.vx-section.vx-section--cta::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 62% 48% at 50% 0%, rgba(255, 0, 128, .16), transparent 62%),
		radial-gradient(ellipse 48% 55% at 50% 48%, rgba(255, 0, 128, .12), transparent 68%);
	pointer-events: none;
}
.vx-section--blog + .vx-section--cta {
	padding-top: clamp(64px, 9vw, 100px);
}
.vx-site__content:has(> .vx-section--cta:last-child) + .vx-footer,
.vx-site__content:has(.vx-home-sections > .vx-section--cta:last-child) + .vx-footer {
	margin-top: 0;
}
.vx-home-sections > .vx-section--cta:last-child {
	padding-bottom: clamp(40px, 6vw, 64px);
}
.vx-section--cta .vx-container.vx-cta {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	padding: 0 24px;
}
@media (min-width: 768px) {
	.vx-section--cta .vx-container.vx-cta { padding-inline: 32px; }
}

.vx-section__head { margin-bottom: 40px; max-width: 760px; }
.vx-section__head--row {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	max-width: none;
	flex-wrap: wrap;
	gap: 16px;
}
.vx-section__head--center { text-align: center; margin-left: auto; margin-right: auto; }

.vx-section__eyebrow {
	display: inline-block;
	font-family: var(--vx-font-head);
	font-weight: 700;
	font-size: .72rem;
	color: var(--vx-c-tertiary);
	text-transform: uppercase;
	letter-spacing: .14em;
	margin-bottom: 12px;
}
.vx-section__title { margin: 0 0 12px; }
.vx-section__sub { color: var(--vx-c-muted); font-size: 1.05rem; margin: 0; }
.vx-section__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--vx-c-secondary);
	font-family: var(--vx-font-head);
	font-weight: 700;
	font-size: .95rem;
}
.vx-section__link:hover { color: var(--vx-c-primary); }
.vx-section__more { margin-top: 32px; text-align: center; }

/* =========================================================
   11b. Homepage — comparison strip
   ========================================================= */
.vx-section--strip {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse 85% 60% at 8% -15%, rgba(255, 0, 128, .2), transparent 58%),
		radial-gradient(ellipse 70% 55% at 96% 8%, rgba(0, 229, 255, .14), transparent 55%),
		radial-gradient(ellipse 55% 45% at 50% 115%, rgba(255, 214, 10, .09), transparent 62%),
		#050614;
}
.vx-section--strip::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .035) 1px, transparent 0);
	background-size: 24px 24px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, .55), transparent 92%);
	pointer-events: none;
}
.vx-section--strip .vx-container { position: relative; z-index: 1; }
/* Hero is outside .vx-home-sections, so adjacent .vx-hero + .vx-section--strip never matches */
.vx-hero + .vx-home-sections > .vx-section--strip {
	padding-top: clamp(16px, 2.5vw, 28px);
}
.vx-hero + .vx-section--strip { padding-top: clamp(16px, 2.5vw, 28px); }

.vx-strip {
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: var(--vx-radius-lg);
	background: linear-gradient(155deg, rgba(91, 45, 142, .16), rgba(42, 18, 72, .28)), rgba(8, 10, 26, .92);
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .28);
}

.vx-strip__cols,
.vx-strip__row {
	padding-left: clamp(14px, 3vw, 22px);
	padding-right: clamp(14px, 3vw, 22px);
}
.vx-strip__cols {
	display: none;
	grid-template-columns: 52px clamp(72px, 8vw, 96px) minmax(170px, 1fr) minmax(260px, 1.4fr) minmax(148px, auto);
	gap: 18px;
	align-items: center;
	padding-top: 12px;
	padding-bottom: 12px;
	background: rgba(91, 45, 142, .14);
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.vx-strip__row {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-areas:
		"head main"
		"offer offer"
		"cta cta";
	gap: 10px 12px;
	align-items: start;
}
.vx-strip__row > .vx-strip__main {
	align-self: center;
}
.vx-strip__head {
	grid-area: head;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	flex-shrink: 0;
	padding-top: 2px;
}
.vx-strip__main {
	grid-area: main;
}
.vx-strip__offer {
	grid-area: offer;
}
.vx-strip__cta {
	grid-area: cta;
}
.vx-strip__cols span {
	font-family: var(--vx-font-body);
	font-size: .68rem;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: rgba(233, 236, 255, .75);
}
.vx-strip__cols span:nth-child(2) { text-align: center; justify-self: center; }
.vx-strip__cols span:nth-child(3) { padding-left: clamp(12px, 1.6vw, 20px); }
.vx-strip__cols span:last-child { text-align: right; }

.vx-strip__list { list-style: none; margin: 0; padding: 0; }
.vx-strip__row {
	position: relative;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid rgba(91, 45, 142, .32);
	transition: background var(--vx-transition), box-shadow var(--vx-transition);
	font-family: var(--vx-font-body);
}
.vx-strip__row:last-child { border-bottom: 0; }
.vx-strip__row:hover { background: rgba(91, 45, 142, .1); }
.vx-strip__row--1 {
	background: linear-gradient(90deg, rgba(91, 45, 142, .18), transparent 60%);
	box-shadow: inset 3px 0 0 rgba(0, 229, 255, .65);
}

.vx-strip__rank {
	flex-shrink: 0;
	min-width: 1.6em;
	font-family: var(--vx-font-head);
	font-weight: 600;
	font-size: .95rem;
	letter-spacing: .04em;
	color: var(--vx-c-secondary);
	font-variant-numeric: tabular-nums;
	text-align: center;
}
.vx-strip__main {
	min-width: 0;
	width: auto;
	position: relative;
	padding-top: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"title rating"
		"meta meta";
	column-gap: 10px;
	row-gap: 6px;
	align-items: center;
}
.vx-strip__row--1 .vx-strip__rank { color: var(--vx-c-secondary); font-size: 1.15rem; font-weight: 700; }
.vx-strip__row--2 .vx-strip__rank,
.vx-strip__row--3 .vx-strip__rank,
.vx-strip__row--4 .vx-strip__rank,
.vx-strip__row--5 .vx-strip__rank { color: #fff; }
.vx-strip__row--4 .vx-strip__rank,
.vx-strip__row--5 .vx-strip__rank { font-size: .92rem; color: rgba(233, 236, 255, .52); }

.vx-strip__logo {
	flex-shrink: 0;
	position: relative;
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: clamp(14px, 1.8vw, 20px);
	overflow: hidden;
	background: var(--vx-logo-tile-bg);
	border: 1px solid var(--vx-logo-tile-border);
	box-shadow: var(--vx-logo-tile-shadow);
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
	transition: border-color var(--vx-transition), box-shadow var(--vx-transition), transform var(--vx-transition);
}
.vx-strip__row:hover .vx-strip__logo {
	border-color: rgba(255, 255, 255, .55);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .12),
		0 0 0 1px rgba(0, 229, 255, .28),
		0 6px 22px rgba(0, 0, 0, 0.36);
	transform: scale(1.02);
}
.vx-strip__row--1 .vx-strip__logo {
	border-color: rgba(255, 214, 10, .72);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .12),
		0 0 0 1px rgba(255, 214, 10, .34),
		0 6px 22px rgba(255, 214, 10, .24);
}
.vx-strip__logo img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	object-position: center;
}
.vx-strip__logo-fallback {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: inherit;
	background: linear-gradient(135deg, #00e5ff, #8a2be2);
	font-family: var(--vx-font-head);
	font-weight: 900;
	font-size: 1.8rem;
	color: #fff;
}

.vx-strip__title {
	grid-area: title;
	margin: 0;
	min-width: 0;
	font-size: 1.02rem;
	line-height: 1.25;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
}
.vx-strip__title a { color: #fff; text-decoration: none; font-weight: 700; }
.vx-strip__title a:hover { color: var(--vx-c-secondary); }

.vx-strip__badge {
	font-family: var(--vx-font-body);
	font-size: .58rem;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba(255, 0, 128, .1);
	border: 1px solid rgba(255, 0, 128, .28);
	color: #ff7eb8;
}

.vx-strip__rating {
	grid-area: rating;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	justify-self: end;
	white-space: nowrap;
}
.vx-strip__rating strong {
	font-family: var(--vx-font-body);
	font-size: .88rem;
	font-weight: 600;
	color: var(--vx-c-tertiary);
}

.vx-strip__meta {
	grid-area: meta;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
	font-size: .78rem;
	color: var(--vx-c-muted);
}
.vx-strip__meta > span {
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(91, 45, 142, .18);
	border: 1px solid rgba(255, 255, 255, .1);
}
.vx-strip__review {
	font-weight: 600;
	color: var(--vx-c-muted);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 2px 0;
}
.vx-strip__review:hover { color: var(--vx-c-secondary); }

@media (max-width: 1199px) {
	.vx-strip__main {
		column-gap: 8px;
		row-gap: 5px;
	}
	.vx-strip__title {
		font-size: .98rem;
	}
	.vx-strip__rating .vx-stars {
		transform: scale(.9);
		transform-origin: right center;
	}
	.vx-strip__rating strong {
		font-size: .82rem;
	}
	.vx-strip__meta > span {
		padding: 3px 8px;
	}
	.vx-strip__review {
		min-height: 0;
		padding: 0;
		white-space: nowrap;
	}
}

.vx-strip__offer {
	min-width: 0;
	width: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"label label"
		"text copy";
	align-items: center;
	column-gap: 10px;
	row-gap: 6px;
	padding-top: 12px;
	margin-top: 2px;
	border-top: 1px solid rgba(255, 255, 255, .08);
}
.vx-strip__offer-label {
	grid-area: label;
	display: block;
	font-family: var(--vx-font-head);
	font-size: .64rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--vx-c-muted-2);
	margin: 0;
}
.vx-strip__offer-label--1 { color: var(--vx-c-secondary); }
.vx-strip__offer-label--2 { color: #c8d0f0; }
.vx-strip__offer-label--3 { color: #e8b88a; }
.vx-strip__offer-label--4 { color: #ff8ec4; }
.vx-strip__offer-label--5 { color: #b8c8ff; }
.vx-strip__offer-text {
	grid-area: text;
	min-width: 0;
	margin: 0;
	font-family: var(--vx-font-body);
	font-weight: 600;
	font-size: clamp(.82rem, 2.4vw, .98rem);
	line-height: 1.35;
	letter-spacing: -.01em;
	color: var(--vx-c-tertiary);
	overflow-wrap: break-word;
	hyphens: manual;
}
.vx-strip__offer:not(:has(.vx-copy)) .vx-strip__offer-text {
	grid-column: 1 / -1;
}

.vx-strip .vx-copy--inline {
	grid-area: copy;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	width: auto;
	max-width: none;
	justify-self: end;
	align-self: center;
	box-sizing: border-box;
	margin: 0;
	padding: 6px 12px;
	font-size: .78rem;
	border-radius: 999px;
	white-space: nowrap;
}
.vx-strip .vx-copy--inline code {
	min-width: 0;
	flex: 0 1 auto;
	text-align: left;
	white-space: nowrap;
}
.vx-strip .vx-copy--inline .vx-copy__label {
	flex: 0 0 auto;
	font-weight: 700;
	letter-spacing: .04em;
	padding-left: 8px;
	margin-left: 2px;
	border-left: 1px solid rgba(0, 229, 255, .28);
}

.vx-strip__cta {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
}
.vx-strip__cta .vx-btn {
	width: 100%;
	max-width: none;
	justify-self: stretch;
	margin-left: 0;
	padding: 12px 16px;
	font-size: .88rem;
}
.vx-section--strip .vx-bonus-head {
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}
.vx-section--strip .vx-section__link { align-self: flex-start; }

@media (max-width: 379px) {
	.vx-strip__row {
		grid-template-columns: 1fr;
		grid-template-areas:
			"head"
			"main"
			"offer"
			"cta";
		gap: 10px;
	}
	.vx-strip__head {
		flex-direction: row;
		justify-content: flex-start;
		gap: 10px;
	}
	.vx-strip__logo {
		width: 52px;
		height: 52px;
	}
	.vx-strip__title {
		font-size: 1rem;
	}
}

@media (min-width: 768px) and (max-width: 833px) {
	.vx-strip__row {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		grid-template-areas:
			"head main cta"
			"offer offer offer";
		gap: 12px 18px;
		align-items: center;
	}
	.vx-strip__head {
		grid-area: head;
		display: flex;
		flex-direction: row;
		align-items: center;
		align-self: center;
		gap: 12px;
	}
	.vx-strip__main {
		grid-area: main;
		width: auto;
		min-width: 0;
		padding-top: 0;
	}
	.vx-strip__logo {
		width: 72px;
		height: 72px;
	}
	.vx-strip__title {
		margin: 0;
		font-size: 1.08rem;
	}
	.vx-strip__offer {
		grid-area: offer;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: flex-start;
		gap: 10px 16px;
		width: 100%;
		min-width: 0;
		margin-top: 0;
		padding: 12px 0 0;
		border-top: 1px solid rgba(255, 255, 255, .1);
		border-left: 0;
		align-self: stretch;
	}
	.vx-strip__offer-label {
		flex: 0 0 auto;
		max-width: none;
		line-height: 1.25;
	}
	.vx-strip__offer-text {
		flex: 1 1 auto;
		min-width: min(100%, 14rem);
		font-size: clamp(.9rem, 1.6vw, 1.05rem);
		white-space: normal;
		overflow-wrap: break-word;
		word-break: normal;
	}
	.vx-strip .vx-copy--inline {
		flex: 0 0 auto;
		margin-left: 0;
	}
	.vx-strip__cta {
		grid-area: cta;
		width: auto;
		margin-top: 0;
		padding-top: 0;
		align-self: center;
		justify-self: end;
	}
	.vx-strip__cta .vx-btn {
		width: auto;
		min-width: 120px;
		max-width: 160px;
		white-space: nowrap;
	}
	.vx-strip__meta {
		flex-wrap: wrap;
		row-gap: 6px;
	}
	.vx-section--strip .vx-bonus-head {
		flex-direction: row;
		align-items: flex-end;
		flex-wrap: wrap;
		gap: 16px 24px;
	}
	.vx-section--strip .vx-section__link { align-self: auto; }
}

@media (min-width: 834px) {
	.vx-strip__cols { display: grid; }
	.vx-strip__cols,
	.vx-strip__row {
		grid-template-columns: 52px clamp(72px, 8vw, 96px) minmax(170px, 1fr) minmax(260px, 1.4fr) minmax(148px, auto);
		gap: 18px 20px;
	}
	.vx-strip__row {
		display: grid;
		grid-template-areas: none;
		align-items: center;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	.vx-strip__head {
		display: contents;
		grid-area: auto;
	}
	.vx-strip__main,
	.vx-strip__offer,
	.vx-strip__cta {
		grid-area: auto;
	}
	.vx-strip__main {
		grid-column: 3;
		padding-left: clamp(12px, 1.6vw, 20px);
		width: auto;
	}
	.vx-strip__title {
		margin: 0;
		font-size: 1.1rem;
	}
	.vx-strip__rating {
		margin: 0;
	}
	.vx-strip__meta {
		font-size: .8rem;
		gap: 8px;
	}
	.vx-strip__rank {
		grid-column: 1;
		align-self: center;
		font-size: 1rem;
		min-width: 0;
		text-align: left;
	}
	.vx-strip__logo {
		grid-column: 2;
		width: 100%;
		max-width: 96px;
		height: auto;
		aspect-ratio: 1 / 1;
		justify-self: center;
		margin-inline: auto;
	}
	.vx-strip__offer {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 6px;
		padding: 0 0 0 18px;
		border-top: 0;
		border-left: 1px solid rgba(255, 255, 255, .1);
		width: auto;
		min-width: 0;
	}
	.vx-strip__offer-label {
		flex: 0 0 auto;
		max-width: none;
		line-height: 1.25;
	}
	.vx-strip__offer-text {
		flex: 0 1 auto;
		min-width: 0;
		width: 100%;
		font-size: clamp(.9rem, 1.1vw, 1.05rem);
		overflow-wrap: break-word;
		word-break: normal;
	}
	.vx-strip .vx-copy--inline {
		flex: 0 0 auto;
		width: auto;
		padding: 6px 12px;
		font-size: .78rem;
		margin-left: 0;
	}
	.vx-strip__cta {
		width: auto;
		margin-top: 0;
		padding-top: 0;
		align-self: center;
		justify-self: end;
	}
	.vx-strip__cta .vx-btn {
		width: auto;
		min-width: 148px;
		max-width: 220px;
		margin-left: auto;
		white-space: nowrap;
	}
	.vx-section--strip .vx-bonus-head {
		flex-direction: row;
		align-items: flex-end;
		gap: 24px;
	}
	.vx-section--strip .vx-section__link { align-self: auto; }
}


@media (prefers-reduced-motion: no-preference) {
	.vx-section--strip .vx-strip.is-pending .vx-strip__cols,
	.vx-section--strip .vx-strip.is-pending .vx-strip__row {
		opacity: 0;
		transform: translateY(22px);
	}
	.vx-section--strip .vx-strip.is-visible .vx-strip__cols,
	.vx-section--strip .vx-strip.is-visible .vx-strip__row {
		animation: vx-strip-in 0.62s cubic-bezier(.2, .65, .25, 1) both;
	}
	.vx-section--strip .vx-strip.is-visible .vx-strip__cols { animation-delay: 0s; }
	.vx-section--strip .vx-strip.is-visible .vx-strip__row:nth-child(1) { animation-delay: .08s; }
	.vx-section--strip .vx-strip.is-visible .vx-strip__row:nth-child(2) { animation-delay: .16s; }
	.vx-section--strip .vx-strip.is-visible .vx-strip__row:nth-child(3) { animation-delay: .24s; }
	.vx-section--strip .vx-strip.is-visible .vx-strip__row:nth-child(4) { animation-delay: .32s; }
	.vx-section--strip .vx-strip.is-visible .vx-strip__row:nth-child(5) { animation-delay: .4s; }
}
@keyframes vx-strip-in {
	from { opacity: 0; transform: translateY(22px); }
	to { opacity: 1; transform: translateY(0); }
}

.vx-section--strip + .vx-section--bonuses-showcase {
	padding-top: clamp(16px, 2.5vw, 28px);
}
.vx-section--bonuses-showcase + .vx-section--why {
	padding-top: clamp(16px, 2.5vw, 28px);
}

/* =========================================================
   13b. Homepage — exclusive bonuses showcase
   ========================================================= */
.vx-section--bonuses-showcase {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse 85% 60% at 8% -15%, rgba(255, 0, 128, .2), transparent 58%),
		radial-gradient(ellipse 70% 55% at 96% 8%, rgba(0, 229, 255, .14), transparent 55%),
		radial-gradient(ellipse 55% 45% at 50% 115%, rgba(255, 214, 10, .09), transparent 62%),
		#050614;
}
.vx-section--bonuses-showcase::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .035) 1px, transparent 0);
	background-size: 24px 24px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, .55), transparent 92%);
	pointer-events: none;
}
.vx-section--bonuses-showcase .vx-container { position: relative; z-index: 1; }

.vx-bonus-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: clamp(32px, 4.5vw, 48px);
	flex-wrap: wrap;
}
.vx-bonus-head__badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
	padding: 6px 14px;
	border-radius: 999px;
	font-family: var(--vx-font-head);
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #ff9fd0;
	background: rgba(255, 0, 128, .12);
	border: 1px solid rgba(255, 0, 128, .32);
	box-shadow: 0 0 24px rgba(255, 0, 128, .18);
}
.vx-bonus-head__pulse {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ff0080;
	box-shadow: 0 0 0 0 rgba(255, 0, 128, .55);
	animation: vx-bonus-pulse 2s ease-out infinite;
}
@keyframes vx-bonus-pulse {
	0% { box-shadow: 0 0 0 0 rgba(255, 0, 128, .55); }
	70% { box-shadow: 0 0 0 10px rgba(255, 0, 128, 0); }
	100% { box-shadow: 0 0 0 0 rgba(255, 0, 128, 0); }
}
.vx-bonus-head__title {
	margin: 0 0 12px;
	font-size: clamp(2rem, 4.2vw, 3rem);
	line-height: 1.05;
	letter-spacing: -.03em;
	background: linear-gradient(180deg, #fff 0%, #f0b8ff 55%, #00e5ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.vx-bonus-head__sub {
	margin: 0;
	color: var(--vx-c-muted);
	font-size: clamp(.92rem, 1.6vw, 1.02rem);
	line-height: 1.55;
	max-width: 52ch;
}

.vx-bonus-deck--3x3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	gap: clamp(14px, 1.8vw, 20px);
	align-items: stretch;
}
.vx-bonus-deck--3x3 .vx-deal--cell {
	min-height: clamp(360px, 42vw, 420px);
}

.vx-deal {
	position: relative;
	display: grid;
	gap: 16px;
	padding: clamp(20px, 2.5vw, 28px);
	border-radius: calc(var(--vx-radius-lg) + 2px);
	border: 1px solid rgba(138, 80, 200, .22);
	background:
		linear-gradient(165deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, .02) 42%, transparent 72%),
		linear-gradient(155deg, rgba(91, 45, 142, .18), rgba(42, 18, 72, .26)),
		rgba(10, 12, 28, .94);
	box-shadow:
		0 0 0 1px rgba(138, 80, 200, .08) inset,
		0 22px 54px rgba(0, 0, 0, .46);
	overflow: hidden;
	isolation: isolate;
	transition: transform var(--vx-transition), border-color var(--vx-transition), box-shadow var(--vx-transition);
}
.vx-deal__shine {
	position: absolute;
	inset: -40% auto auto -30%;
	width: 55%;
	height: 140%;
	background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .07) 50%, transparent 65%);
	transform: rotate(12deg);
	pointer-events: none;
	opacity: 0;
	transition: opacity var(--vx-transition);
}
.vx-deal:hover {
	transform: translateY(-5px);
	border-color: rgba(138, 80, 200, .34);
	box-shadow:
		0 0 0 1px rgba(138, 80, 200, .12) inset,
		0 28px 64px rgba(0, 0, 0, .5);
}
.vx-deal:hover .vx-deal__shine { opacity: 1; }

.vx-deal--featured {
	border-color: rgba(255, 214, 10, .34);
	background:
		linear-gradient(155deg, rgba(255, 214, 10, .1), rgba(255, 0, 128, .06)),
		linear-gradient(155deg, rgba(91, 45, 142, .16), rgba(42, 18, 72, .24)),
		rgba(12, 10, 28, .92);
	box-shadow:
		0 0 0 1px rgba(255, 214, 10, .08) inset,
		0 24px 64px rgba(0, 0, 0, .36),
		0 0 48px rgba(255, 214, 10, .1);
}
.vx-deal--featured:hover {
	border-color: rgba(255, 214, 10, .55);
	box-shadow:
		0 0 0 1px rgba(255, 214, 10, .14) inset,
		0 28px 70px rgba(0, 0, 0, .4),
		0 0 52px rgba(255, 214, 10, .18);
}
.vx-deal__ribbon {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 2;
	padding: 5px 12px;
	border-radius: 999px;
	font-family: var(--vx-font-head);
	font-size: .58rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #050614;
	background: linear-gradient(135deg, #ffd60a, #ff8a00);
	box-shadow: 0 0 22px rgba(255, 214, 10, .45);
}

.vx-deal__head { min-width: 0; }
.vx-deal__brand { display: flex; align-items: center; gap: 14px; min-width: 0; }
.vx-deal__logo {
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	border-radius: 14px;
	overflow: hidden;
	background: var(--vx-logo-tile-bg);
	border: 1px solid var(--vx-logo-tile-border);
	box-shadow: var(--vx-logo-tile-shadow);
	padding: 0;
	box-sizing: border-box;
}
.vx-deal--featured .vx-deal__logo { flex-basis: 68px; width: 68px; height: 68px; }
.vx-deal__logo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.vx-deal__logo-fallback {
	width: 100%; height: 100%;
	display: flex; align-items: center; justify-content: center;
	font-family: var(--vx-font-head); font-weight: 900; font-size: 1.5rem; color: #fff;
	background: linear-gradient(135deg, #00e5ff, #8a2be2);
}
.vx-deal__brand-text { min-width: 0; }
.vx-deal__casino {
	margin: 0 0 4px;
	font-family: var(--vx-font-head);
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.vx-deal__casino a {
	color: inherit;
	text-decoration: none;
	transition: color var(--vx-transition);
}
.vx-deal__casino a:hover,
.vx-deal__casino a:focus {
	color: var(--vx-c-secondary);
}
.vx-deal--featured .vx-deal__casino { font-size: 1.15rem; }
.vx-deal__type {
	display: inline-block;
	font-size: .68rem;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: rgba(233, 236, 255, .58);
}

.vx-deal__offer { min-width: 0; }
.vx-deal__amount {
	margin: 0;
	font-family: var(--vx-font-head);
	font-weight: 900;
	font-size: clamp(1.55rem, 3vw, 2.15rem);
	line-height: 1.08;
	letter-spacing: -.02em;
	background: var(--vx-grad-primary);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.vx-deal--featured .vx-deal__amount {
	font-size: clamp(2rem, 4.5vw, 3.1rem);
	background: linear-gradient(135deg, #ffd60a 0%, #ff0080 55%, #00e5ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
}
.vx-deal__fs {
	margin: 6px 0 0;
	font-family: var(--vx-font-head);
	font-weight: 700;
	font-size: clamp(1rem, 2vw, 1.35rem);
	color: var(--vx-c-tertiary);
}

.vx-deal__perks {
	list-style: none;
	margin: 0;
	padding: 14px 0 0;
	border-top: 1px solid rgba(255, 255, 255, .08);
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}
.vx-deal__perks li {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}
.vx-deal__perks span {
	font-size: .66rem;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--vx-c-muted);
}
.vx-deal__perks strong {
	font-size: .88rem;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.vx-deal__code-label {
	font-size: .66rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--vx-c-secondary);
	white-space: nowrap;
}
.vx-deal__code code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: .08em;
	color: #fff;
	background: transparent;
	border: 0;
	padding: 0;
	min-width: 0;
}
.vx-deal__code .vx-copy__label {
	font-size: .72rem;
	font-weight: 700;
	color: var(--vx-c-secondary);
	white-space: nowrap;
}

.vx-deal__actions { display: grid; gap: 10px; margin-top: auto; }
.vx-deal__actions .vx-btn { font-weight: 700; }
.vx-deal__terms {
	justify-self: center;
	font-size: .82rem;
	font-weight: 600;
	color: var(--vx-c-muted);
	text-decoration: none;
}
.vx-deal__terms:hover { color: var(--vx-c-secondary); }

.vx-bonus-deck--3x3 .vx-deal {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.vx-deal__body { min-width: 0; }
.vx-deal__name {
	margin: 0;
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .04em;
	line-height: 1.35;
	color: var(--vx-c-muted);
}
.vx-deal--cell {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: clamp(16px, 2vw, 22px);
	height: 100%;
	min-height: 100%;
}
.vx-deal--cell .vx-deal__logo {
	flex-basis: 68px;
	width: 68px;
	height: 68px;
}
.vx-deal--cell .vx-deal__casino { font-size: 1.15rem; }
.vx-deal--cell .vx-deal__body {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
}
.vx-deal--cell .vx-deal__offer {
	position: relative;
	flex: 0 0 auto;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
	min-height: clamp(148px, 18vw, 184px);
	padding: clamp(18px, 2.4vw, 26px);
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, .06);
	background:
		radial-gradient(circle at 100% 0%, rgba(0, 229, 255, .05), transparent 42%),
		radial-gradient(circle at 0% 100%, rgba(255, 0, 128, .04), transparent 48%),
		rgba(255, 255, 255, .02);
	box-shadow: none;
	overflow: hidden;
}
.vx-deal--cell.vx-deal--featured .vx-deal__offer {
	border-color: rgba(255, 214, 10, .1);
	background:
		radial-gradient(circle at 100% 0%, rgba(255, 214, 10, .07), transparent 45%),
		rgba(255, 255, 255, .025);
}
.vx-deal--cell .vx-deal__amount {
	margin: 0;
	max-width: 100%;
	font-size: clamp(1.3rem, 2.1vw, 1.85rem);
	line-height: 1.15;
	color: var(--vx-c-tertiary);
	background: none;
	-webkit-background-clip: unset;
	background-clip: unset;
	text-wrap: balance;
}
.vx-deal--cell.vx-deal--featured .vx-deal__amount {
	font-size: clamp(1.45rem, 2.4vw, 2rem);
	background: linear-gradient(135deg, #ffd60a 0%, #ffe566 45%, #ff8a00 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.vx-deal--cell .vx-deal__foot {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	flex-shrink: 0;
	margin-top: auto;
}
.vx-deal--cell .vx-deal__perks {
	padding-top: 0;
	margin-top: 0;
	border-top: 0;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}
.vx-deal--cell .vx-deal__perks li {
	padding: 10px 8px;
	border-radius: 12px;
	background: rgba(255, 255, 255, .025);
	border: 1px solid rgba(255, 255, 255, .06);
	box-shadow: none;
}
.vx-deal--cell .vx-deal__actions { margin-top: 0; }

@media (max-width: 1100px) {
	.vx-bonus-deck--3x3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vx-bonus-deck--3x3 .vx-deal--featured { grid-column: auto; }
}
@media (max-width: 640px) {
	.vx-bonus-head {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
	.vx-bonus-head .vx-section__link { align-self: flex-start; }
	.vx-bonus-deck--3x3 { grid-template-columns: 1fr; }
	.vx-bonus-deck--3x3 .vx-deal--cell { min-height: auto; }
	.vx-deal--cell .vx-deal__perks,
	.vx-deal__perks {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 6px;
	}
	.vx-deal--cell .vx-deal__perks li {
		padding: 8px 6px;
		text-align: center;
		align-items: center;
	}
	.vx-deal--cell .vx-deal__perks span {
		font-size: .58rem;
		letter-spacing: .06em;
	}
	.vx-deal--cell .vx-deal__perks strong {
		font-size: .8rem;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.vx-section--bonuses-showcase .vx-bonus-deck.is-pending .vx-deal,
	.vx-section--bonuses-showcase .vx-bonus-deck--3x3.is-pending .vx-deal {
		opacity: 0;
		transform: translateY(24px);
	}
	.vx-section--bonuses-showcase .vx-bonus-deck.is-visible .vx-deal,
	.vx-section--bonuses-showcase .vx-bonus-deck--3x3.is-visible .vx-deal {
		animation: vx-bonus-in .65s cubic-bezier(.2, .65, .25, 1) both;
	}
	.vx-section--bonuses-showcase .vx-bonus-deck.is-visible .vx-deal--1,
	.vx-section--bonuses-showcase .vx-bonus-deck--3x3.is-visible .vx-deal--1 { animation-delay: .05s; }
	.vx-section--bonuses-showcase .vx-bonus-deck.is-visible .vx-deal--2,
	.vx-section--bonuses-showcase .vx-bonus-deck--3x3.is-visible .vx-deal--2 { animation-delay: .12s; }
	.vx-section--bonuses-showcase .vx-bonus-deck.is-visible .vx-deal--3,
	.vx-section--bonuses-showcase .vx-bonus-deck--3x3.is-visible .vx-deal--3 { animation-delay: .19s; }
	.vx-section--bonuses-showcase .vx-bonus-deck.is-visible .vx-deal--4,
	.vx-section--bonuses-showcase .vx-bonus-deck--3x3.is-visible .vx-deal--4 { animation-delay: .26s; }
	.vx-section--bonuses-showcase .vx-bonus-deck.is-visible .vx-deal--5,
	.vx-section--bonuses-showcase .vx-bonus-deck--3x3.is-visible .vx-deal--5 { animation-delay: .33s; }
	.vx-section--bonuses-showcase .vx-bonus-deck.is-visible .vx-deal--6,
	.vx-section--bonuses-showcase .vx-bonus-deck--3x3.is-visible .vx-deal--6 { animation-delay: .4s; }
	.vx-section--bonuses-showcase .vx-bonus-deck.is-visible .vx-deal--7,
	.vx-section--bonuses-showcase .vx-bonus-deck--3x3.is-visible .vx-deal--7 { animation-delay: .47s; }
	.vx-section--bonuses-showcase .vx-bonus-deck.is-visible .vx-deal--8,
	.vx-section--bonuses-showcase .vx-bonus-deck--3x3.is-visible .vx-deal--8 { animation-delay: .54s; }
	.vx-section--bonuses-showcase .vx-bonus-deck.is-visible .vx-deal--9,
	.vx-section--bonuses-showcase .vx-bonus-deck--3x3.is-visible .vx-deal--9 { animation-delay: .61s; }
}
@keyframes vx-bonus-in {
	from { opacity: 0; transform: translateY(24px); }
	to { opacity: 1; transform: translateY(0); }
}

/* =========================================================
   17. Why VegasX (editorial trust)
   ========================================================= */
.vx-section--why {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse 85% 60% at 8% -15%, rgba(255, 0, 128, .2), transparent 58%),
		radial-gradient(ellipse 70% 55% at 96% 8%, rgba(0, 229, 255, .14), transparent 55%),
		radial-gradient(ellipse 55% 45% at 50% 115%, rgba(255, 214, 10, .09), transparent 62%),
		#050614;
}
.vx-section--why::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .035) 1px, transparent 0);
	background-size: 24px 24px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, .55), transparent 92%);
	pointer-events: none;
}
.vx-section--why .vx-container { position: relative; z-index: 1; }

.vx-why-panel {
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: var(--vx-radius-lg);
	background: linear-gradient(155deg, rgba(91, 45, 142, .16), rgba(42, 18, 72, .28)), rgba(8, 10, 26, .92);
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .28);
}

.vx-why-metrics {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0;
	border: 0;
	border-radius: 0;
	background: rgba(91, 45, 142, .14);
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.vx-why-metrics__cell {
	padding: clamp(18px, 2.4vw, 26px) clamp(14px, 2vw, 24px);
	border-right: 1px solid rgba(255, 255, 255, .08);
	text-align: center;
}
.vx-why-metrics__cell:last-child { border-right: none; }
.vx-why-metrics dt {
	margin: 0 0 6px;
	font-family: var(--vx-font-head);
	font-size: clamp(1.35rem, 2.2vw, 1.75rem);
	font-weight: 800;
	letter-spacing: -.03em;
	font-variant-numeric: tabular-nums;
	background: linear-gradient(180deg, #fff 0%, #c8f0ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.vx-why-metrics dd {
	margin: 0;
	font-size: .68rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(233, 236, 255, .72);
}

.vx-why-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
}
.vx-why-item {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	padding: clamp(22px, 2.8vw, 28px) clamp(18px, 2vw, 24px);
	border-right: 1px solid rgba(255, 255, 255, .08);
	background: transparent;
	transition: background var(--vx-transition), box-shadow var(--vx-transition);
}
.vx-why-item:last-child { border-right: none; }
.vx-why-item:hover {
	background: rgba(91, 45, 142, .1);
	box-shadow: inset 0 0 0 1px rgba(0, 229, 255, .08);
}
.vx-why-item__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
}
.vx-why-item__icon {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--vx-c-secondary);
	border: 1px solid rgba(0, 229, 255, .28);
	border-radius: 10px;
	background: linear-gradient(145deg, rgba(0, 229, 255, .1), rgba(0, 229, 255, .02));
	box-shadow: 0 0 20px rgba(0, 229, 255, .12);
}
.vx-why-item__title {
	margin: 0;
	font-size: 1.02rem;
	font-weight: 700;
	line-height: 1.3;
}
.vx-why-item__text {
	margin: 0;
	color: var(--vx-c-muted);
	font-size: .88rem;
	line-height: 1.55;
}

.vx-why-foot {
	margin: 0;
	padding: 16px clamp(16px, 2.5vw, 24px);
	text-align: center;
	font-size: .84rem;
	color: var(--vx-c-muted-2);
	border-top: 1px solid rgba(255, 255, 255, .08);
	background: rgba(255, 255, 255, .02);
}
.vx-why-foot__sep { margin: 0 .45em; opacity: .55; }
.vx-why-foot a {
	color: var(--vx-c-secondary);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: rgba(0, 229, 255, .35);
	text-underline-offset: 2px;
}
.vx-why-foot a:hover {
	color: var(--vx-c-primary);
	text-decoration-color: rgba(255, 0, 128, .45);
}

@media (max-width: 1024px) {
	.vx-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vx-why-item:nth-child(2) { border-right: none; }
	.vx-why-item:nth-child(1),
	.vx-why-item:nth-child(2) { border-bottom: 1px solid rgba(255, 255, 255, .08); }
}
@media (max-width: 720px) {
	.vx-why-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vx-why-metrics__cell:nth-child(2n) { border-right: none; }
	.vx-why-metrics__cell:nth-child(1),
	.vx-why-metrics__cell:nth-child(2) { border-bottom: 1px solid rgba(255, 255, 255, .08); }
}
@media (max-width: 560px) {
	.vx-why-grid { grid-template-columns: 1fr; }
	.vx-why-item { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, .08); }
	.vx-why-item:last-child { border-bottom: none; }
	.vx-why-foot__sep { display: none; }
	.vx-why-foot { display: flex; flex-direction: column; gap: 6px; align-items: center; }
}
@media (max-width: 480px) {
	.vx-why-metrics { grid-template-columns: 1fr; }
	.vx-why-metrics__cell {
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, .08);
	}
	.vx-why-metrics__cell:last-child { border-bottom: none; }
}

.vx-section--why + .vx-section--slots {
	padding-top: clamp(16px, 2.5vw, 28px);
}

/* Toplist — archive / shortcode list layout */
.vx-toplist { position: relative; }

.vx-toplist__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 28px;
	margin-bottom: clamp(28px, 4vw, 40px);
	flex-wrap: wrap;
}
.vx-toplist__intro { max-width: 760px; }
.vx-toplist__trust {
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.vx-toplist__trust-item {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 7px 14px;
	background: rgba(255, 255, 255, .035);
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 999px;
	font-size: .78rem;
	font-weight: 600;
	color: var(--vx-c-muted);
}
.vx-toplist__trust-item svg { color: var(--vx-c-secondary); flex-shrink: 0; }

.vx-toplist__panel {
	position: relative;
	padding: clamp(18px, 2.5vw, 28px);
	background:
		linear-gradient(155deg, rgba(22, 26, 54, .92), rgba(10, 12, 32, .96)),
		var(--vx-c-surface);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: var(--vx-radius-xl);
	box-shadow:
		0 28px 90px rgba(0, 0, 0, .42),
		inset 0 1px 0 rgba(255, 255, 255, .07);
}
.vx-toplist__panel::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(135deg, rgba(255, 0, 128, .32), rgba(0, 229, 255, .18) 45%, rgba(255, 214, 10, .14));
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.vx-toplist__cols {
	display: grid;
	grid-template-columns: clamp(32px, 4vw, 48px) clamp(64px, 10vw, 96px) minmax(0, 1.15fr) minmax(0, 1.35fr) minmax(130px, auto);
	gap: clamp(14px, 2vw, 22px);
	align-items: center;
	padding: 0 clamp(16px, 2vw, 24px) 14px;
	margin-bottom: 6px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.vx-toplist__cols span {
	font-family: var(--vx-font-head);
	font-size: .66rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .14em;
	color: var(--vx-c-muted-2);
}
.vx-toplist__cols span:nth-child(1),
.vx-toplist__cols span:nth-child(2) {
	text-align: center;
	justify-self: center;
}
.vx-toplist__cols span:nth-child(3),
.vx-toplist__cols span:nth-child(4) {
	text-align: left;
}
.vx-toplist__cols span:last-child { text-align: right; justify-self: end; }

/* =========================================================
   12. Toplist (casino cards)
   ========================================================= */
.vx-toplist__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 14px;
	min-width: 0;
}
.vx-casino-card {
	position: relative;
	display: grid;
	grid-template-columns: clamp(32px, 4vw, 48px) clamp(64px, 10vw, 96px) minmax(0, 1.15fr) minmax(0, 1.35fr) minmax(130px, auto);
	grid-template-areas: "rank logo info bonus actions";
	gap: clamp(14px, 2vw, 22px);
	align-items: center;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	padding: 20px clamp(16px, 2vw, 24px);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .01)),
		rgba(8, 10, 28, .72);
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: var(--vx-radius-lg);
	transition: transform var(--vx-transition), border-color var(--vx-transition), box-shadow var(--vx-transition), background var(--vx-transition);
	overflow: hidden;
	box-sizing: border-box;
}
.vx-casino-card::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(120deg, rgba(255, 0, 128, .05), transparent 38%, rgba(0, 229, 255, .04));
	opacity: 0;
	transition: opacity var(--vx-transition);
	pointer-events: none;
}
.vx-casino-card:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 0, 128, .28);
	box-shadow: 0 18px 48px rgba(0, 0, 0, .34), 0 0 32px rgba(255, 0, 128, .12);
}
.vx-casino-card:hover::after { opacity: 1; }

.vx-casino-card--rank-1 {
	padding-block: 24px;
	background:
		linear-gradient(135deg, rgba(255, 214, 10, .1), rgba(255, 0, 128, .07) 48%, rgba(8, 10, 28, .9)),
		rgba(12, 14, 36, .92);
	border-color: rgba(255, 214, 10, .32);
	box-shadow:
		0 0 0 1px rgba(255, 214, 10, .08) inset,
		0 16px 50px rgba(255, 214, 10, .1);
}
.vx-casino-card--rank-1:hover {
	border-color: rgba(255, 214, 10, .48);
	box-shadow:
		0 0 0 1px rgba(255, 214, 10, .12) inset,
		0 22px 56px rgba(255, 214, 10, .16),
		0 0 36px rgba(255, 0, 128, .14);
}
.vx-casino-card--rank-2 {
	border-color: rgba(231, 236, 255, .18);
}
.vx-casino-card--rank-3 {
	border-color: rgba(255, 187, 120, .18);
}

.vx-casino-card__head,
.vx-casino-card__brand {
	display: contents;
}

.vx-casino-card__rank {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	grid-area: rank;
	justify-self: center;
	align-self: center;
	width: clamp(32px, 4vw, 48px);
	height: clamp(32px, 4vw, 48px);
	flex-shrink: 0;
	font-family: var(--vx-font-head);
	font-weight: 900;
	font-size: clamp(.82rem, 1.6vw, 1.1rem);
	color: #050614;
}
.vx-casino-card__rank-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	filter: drop-shadow(0 6px 18px rgba(0, 0, 0, .45));
}
.vx-casino-card__rank-num {
	position: relative;
	z-index: 1;
	transform: translateY(-3px);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
}
.vx-casino-card--rank-1 .vx-casino-card__rank-bg { filter: drop-shadow(0 0 20px rgba(255, 214, 10, .55)); }
.vx-casino-card--rank-1 .vx-casino-card__rank-num { color: #050614; }
.vx-casino-card--rank-2 .vx-casino-card__rank-num,
.vx-casino-card--rank-3 .vx-casino-card__rank-num { color: #050614; }
.vx-casino-card--rank-4 .vx-casino-card__rank-num,
.vx-casino-card--rank-5 .vx-casino-card__rank-num,
.vx-casino-card--rank-6 .vx-casino-card__rank-num,
.vx-casino-card--rank-7 .vx-casino-card__rank-num,
.vx-casino-card--rank-8 .vx-casino-card__rank-num { color: #fff; text-shadow: none; }

.vx-ribbon {
	position: absolute;
	top: 14px;
	right: 24px;
	left: auto;
	transform: none;
	background: linear-gradient(135deg, #ffd60a, #ff8a00);
	color: #050614;
	font-family: var(--vx-font-head);
	font-weight: 800;
	font-size: .62rem;
	letter-spacing: .14em;
	text-transform: uppercase;
	padding: 5px 12px;
	border-radius: 999px;
	box-shadow: 0 0 20px rgba(255, 214, 10, .45);
	z-index: 2;
	white-space: nowrap;
}
.vx-ribbon--action {
	position: relative;
	top: 0;
	right: auto;
	left: auto;
	transform: none;
	align-self: center;
	margin: 0 0 4px;
}

.vx-pill {
	display: inline-flex;
	align-items: center;
	font-family: var(--vx-font-head);
	font-weight: 800;
	font-size: .58rem;
	letter-spacing: .14em;
	text-transform: uppercase;
	padding: 3px 9px;
	border-radius: 999px;
	margin-left: 10px;
	vertical-align: middle;
	line-height: 1.4;
	white-space: nowrap;
}
.vx-pill--excl {
	gap: 0;
	margin-left: 0;
	background: rgba(255, 0, 128, .1);
	color: #ff7ebf;
	border: 1px solid rgba(255, 0, 128, .42);
	box-shadow: none;
}
.vx-pill--excl .vx-pill__pulse {
	display: none;
}
.vx-pill--new {
	background: linear-gradient(135deg, #b6ff00, #00e5ff);
	color: #050614;
}
.vx-pill--hot {
	background: linear-gradient(135deg, #ffd60a, #ff8a00);
	color: #050614;
}
.vx-tag--neon {
	display: inline-block;
	background: rgba(182, 255, 0, .12);
	border: 1px solid rgba(182, 255, 0, .35);
	color: var(--vx-c-tertiary);
	font-family: var(--vx-font-head);
	font-weight: 700;
	font-size: .72rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	padding: 6px 12px;
	border-radius: 999px;
	margin-bottom: 16px;
}

.vx-casino-card__logo {
	grid-area: logo;
	position: relative;
	justify-self: center;
	align-self: center;
	width: clamp(64px, 10vw, 96px);
	height: clamp(64px, 10vw, 96px);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--vx-logo-tile-bg);
	border-radius: clamp(14px, 1.8vw, 20px);
	padding: 0;
	border: 1px solid var(--vx-logo-tile-border);
	overflow: hidden;
	box-sizing: border-box;
	box-shadow: var(--vx-logo-tile-shadow);
	transition: border-color var(--vx-transition), box-shadow var(--vx-transition), transform var(--vx-transition);
}
.vx-casino-card:hover .vx-casino-card__logo {
	border-color: rgba(255, 255, 255, .55);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .12),
		0 0 0 1px rgba(0, 229, 255, .28),
		0 6px 22px rgba(0, 0, 0, 0.36);
	transform: scale(1.02);
}
.vx-casino-card--rank-1 .vx-casino-card__logo {
	border-color: rgba(255, 214, 10, .72);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .12),
		0 0 0 1px rgba(255, 214, 10, .34),
		0 6px 22px rgba(255, 214, 10, .24);
}
.vx-casino-card__logo a {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: inherit;
	overflow: hidden;
	min-width: 0;
	min-height: 0;
}
.vx-casino-card__logo img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	object-position: center;
}
.vx-casino-card__placeholder {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--vx-c-secondary), var(--vx-c-violet));
	color: #fff;
	border-radius: clamp(10px, 1.4vw, 14px);
	font-family: var(--vx-font-head);
	font-weight: 900;
	font-size: clamp(1.25rem, 3.5vw, 2.1rem);
	text-shadow: 0 1px 6px rgba(0, 0, 0, .25);
}
.vx-casino-card:nth-of-type(5n+1) .vx-casino-card__placeholder { background: linear-gradient(135deg, #00e5ff, #8a2be2); }
.vx-casino-card:nth-of-type(5n+2) .vx-casino-card__placeholder { background: linear-gradient(135deg, #00e5ff, #1d6cff); }
.vx-casino-card:nth-of-type(5n+3) .vx-casino-card__placeholder { background: linear-gradient(135deg, #ff0080, #6d36ff); }
.vx-casino-card:nth-of-type(5n+4) .vx-casino-card__placeholder { background: linear-gradient(135deg, #b6ff00, #00e5ff); color: #050614; }
.vx-casino-card:nth-of-type(5n+5) .vx-casino-card__placeholder { background: linear-gradient(135deg, #ffd60a, #ff8a00); color: #050614; }

.vx-casino-card__info {
	grid-area: info;
	min-width: 0;
	align-self: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
}

.vx-casino-card__title-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px 14px;
	min-width: 0;
}

.vx-casino-card__title {
	font-size: 1.2rem;
	margin: 0;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: #fff;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	overflow-wrap: anywhere;
	flex: 1 1 auto;
	min-width: 0;
}
.vx-casino-card__title a { color: inherit; }
.vx-casino-card__title a:hover { color: var(--vx-c-secondary); }

.vx-casino-card__rating {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	flex: 0 0 auto;
}
.vx-casino-card__rating-value {
	font-family: var(--vx-font-head);
	font-weight: 800;
	color: var(--vx-c-tertiary);
	font-size: .92rem;
	letter-spacing: -0.01em;
	padding: 4px 10px;
	background: rgba(182, 255, 0, .08);
	border: 1px solid rgba(182, 255, 0, .22);
	border-radius: 999px;
}

.vx-casino-card__features {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	min-width: 0;
}
.vx-casino-card__stat {
	display: inline-flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.vx-casino-card__stat-label {
	font-family: var(--vx-font-head);
	font-size: .64rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--vx-c-muted-2);
	line-height: 1.2;
}
.vx-casino-card__stat-value {
	font-size: .84rem;
	font-weight: 600;
	color: var(--vx-c-text);
	line-height: 1.25;
}
.vx-chip {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid var(--vx-c-border);
	padding: 4px 10px;
	border-radius: 999px;
	font-size: .78rem;
	color: var(--vx-c-text);
}

.vx-casino-card__bonus {
	grid-area: bonus;
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	align-self: center;
	padding-left: 22px;
	border-left: 1px solid rgba(255, 255, 255, .07);
}
.vx-casino-card__bonus-row {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	min-width: 0;
}
.vx-casino-card__bonus-label {
	font-family: var(--vx-font-head);
	font-weight: 700;
	font-size: .66rem;
	color: var(--vx-c-muted-2);
	text-transform: uppercase;
	letter-spacing: .14em;
}
.vx-casino-card__bonus-label--1 { color: var(--vx-c-secondary); }
.vx-casino-card__bonus-label--2 { color: #c8d0f0; }
.vx-casino-card__bonus-label--3 { color: #e8b88a; }
.vx-casino-card__bonus-label--4 { color: #ff8ec4; }
.vx-casino-card__bonus-label--5 { color: #b8c8ff; }
.vx-casino-card__bonus-text {
	font-family: var(--vx-font-head);
	font-weight: 800;
	font-size: 1.08rem;
	color: var(--vx-c-tertiary);
	line-height: 1.25;
	text-shadow: 0 0 16px rgba(182, 255, 0, .28);
	overflow-wrap: anywhere;
}
.vx-casino-card--rank-1 .vx-casino-card__bonus-text {
	font-size: 1.14rem;
}

.vx-copy {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(0, 229, 255, .08);
	border: 1px dashed rgba(0, 229, 255, .5);
	color: var(--vx-c-secondary);
	font-family: var(--vx-font-body);
	font-size: .82rem;
	padding: 5px 12px;
	border-radius: var(--vx-btn-radius);
	cursor: pointer;
	transition: background var(--vx-transition);
}
.vx-copy:hover { background: rgba(0, 229, 255, .18); }
.vx-copy.vx-copy--inline {
	width: auto;
	max-width: 100%;
	align-self: flex-start;
}
.vx-copy code { color: #fff; background: transparent; border: 0; padding: 0; font-weight: 700; }
.vx-copy.is-copied { background: rgba(182, 255, 0, .15); border-color: rgba(182, 255, 0, .5); color: var(--vx-c-tertiary); }
.vx-deal__code.vx-copy {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 12px 14px;
	border-radius: 14px;
	border: 1px dashed rgba(0, 229, 255, .45);
	background: rgba(0, 229, 255, .08);
	color: #fff;
	cursor: pointer;
	font-family: inherit;
	font-size: inherit;
	transition: background var(--vx-transition), border-color var(--vx-transition);
}
.vx-deal__code.vx-copy:hover { background: rgba(0, 229, 255, .14); border-color: rgba(0, 229, 255, .65); }
.vx-deal__code.vx-copy code { justify-self: center; text-align: center; }
.vx-deal__code.vx-copy .vx-copy__label { justify-self: end; }
.vx-deal--cell .vx-deal__code.vx-copy {
	padding: 10px 12px;
	border-color: rgba(0, 229, 255, .2);
	background: rgba(0, 229, 255, .03);
}
.vx-deal--cell .vx-deal__code.vx-copy:hover {
	background: rgba(0, 229, 255, .07);
	border-color: rgba(0, 229, 255, .32);
}
.vx-deal--cell .vx-deal__code.vx-copy code { font-size: .9rem; }


.vx-casino-card__actions {
	grid-area: actions;
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: stretch;
	align-self: center;
	justify-self: stretch;
	min-width: 0;
	max-width: 100%;
}
.vx-casino-card__actions .vx-btn { width: 100%; }
.vx-casino-card__review-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-size: .82rem;
	color: var(--vx-c-muted);
	text-decoration: none;
	font-weight: 600;
	letter-spacing: .02em;
	padding: 2px;
	transition: color var(--vx-transition);
}
.vx-casino-card__review-link:hover { color: var(--vx-c-secondary); }

/* Casino card — responsive (must follow base rules above) */
@media (min-width: 744px) {
	.vx-casino-card__logo {
		width: 100%;
		max-width: 100%;
		height: auto;
		aspect-ratio: 1;
	}
}
@media (min-width: 1101px) {
	.vx-casino-card__actions {
		min-width: 150px;
		max-width: 180px;
	}
	.vx-casino-card__bonus-text {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
}
@media (min-width: 1280px) {
	.vx-casino-card {
		grid-template-columns: clamp(32px, 4vw, 48px) clamp(64px, 10vw, 96px) minmax(0, 1.2fr) minmax(0, 1.5fr) minmax(150px, auto);
		gap: 22px;
	}
	.vx-toplist__cols {
		grid-template-columns: clamp(32px, 4vw, 48px) clamp(64px, 10vw, 96px) minmax(0, 1.2fr) minmax(0, 1.5fr) minmax(150px, auto);
		gap: 22px;
	}
}
@media (max-width: 1100px) and (min-width: 744px) {
	.vx-toplist__cols {
		grid-template-columns: clamp(30px, 3.5vw, 42px) clamp(56px, 8.5vw, 80px) minmax(0, 1fr) minmax(0, 1.1fr) minmax(120px, auto);
		gap: 14px 16px;
	}
	.vx-casino-card {
		grid-template-columns: clamp(30px, 3.5vw, 42px) clamp(56px, 8.5vw, 80px) minmax(0, 1fr) minmax(0, 1.1fr) minmax(120px, auto);
		grid-template-areas: "rank logo info bonus actions";
		gap: 14px 16px;
	}
	.vx-casino-card__actions .vx-btn {
		padding: 12px 16px;
		font-size: .88rem;
	}
}
/* iPad Mini / Air / Pro — proportional rank badge vs logo (744–1366) */
@media (min-width: 744px) and (max-width: 1366px) {
	.vx-toplist__cols,
	.vx-casino-card {
		grid-template-columns: clamp(28px, 3vw, 38px) clamp(48px, 6.5vw, 68px) minmax(0, 1fr) minmax(0, 1.05fr) minmax(110px, auto);
		gap: clamp(12px, 1.6vw, 18px);
	}
	.vx-casino-card {
		padding: 16px clamp(14px, 1.8vw, 20px);
		align-items: center;
	}
	.vx-casino-card--rank-1 {
		padding: 18px clamp(14px, 1.8vw, 20px);
	}
	.vx-casino-card__rank {
		width: clamp(28px, 3vw, 38px);
		height: clamp(28px, 3vw, 38px);
		font-size: clamp(.72rem, 1.2vw, .9rem);
	}
	.vx-casino-card__rank-num {
		transform: translateY(-2px);
	}
	.vx-casino-card__rank-bg {
		filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .38));
	}
	.vx-casino-card--rank-1 .vx-casino-card__rank-bg {
		filter: drop-shadow(0 0 14px rgba(255, 214, 10, .42));
	}
	.vx-casino-card__logo {
		width: 100%;
		max-width: 100%;
		height: auto;
		aspect-ratio: 1;
		padding: clamp(3px, 0.5vw, 5px);
		border-radius: clamp(10px, 1.4vw, 14px);
	}
	.vx-casino-card__logo a {
		inset: clamp(3px, 0.5vw, 5px);
		border-radius: 10px;
	}
	.vx-casino-card--rank-1 .vx-casino-card__logo {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.vx-casino-card:hover .vx-casino-card__logo {
		transform: none;
	}
	.vx-casino-card__placeholder {
		font-size: clamp(1rem, 2.8vw, 1.45rem);
	}
	.vx-casino-card__actions {
		min-width: 120px;
		max-width: 150px;
	}
	.vx-casino-card__actions .vx-btn {
		padding: 11px 14px;
		font-size: .84rem;
	}
}
@media (max-width: 743px) {
	.vx-toplist__head { margin-bottom: 16px; gap: 14px; }
	.vx-toplist__panel { padding: 10px; border-radius: 16px; }
	.vx-toplist__list { gap: 10px; }
	.vx-toplist__cols { display: none; }
	.vx-casino-card {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		padding: 12px;
	}
	.vx-casino-card--rank-1 { padding: 13px 12px; }
	.vx-casino-card__head {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		gap: 12px;
		min-width: 0;
		width: 100%;
	}
	.vx-casino-card__brand {
		display: block;
		position: relative;
		flex: 0 0 auto;
		width: 72px;
		height: 72px;
		margin: 2px 0 0 6px;
	}
	.vx-casino-card__rank,
	.vx-casino-card__logo { grid-area: auto; }
	.vx-casino-card__rank {
		position: absolute;
		top: -6px;
		left: -10px;
		width: 34px;
		height: 34px;
		font-size: .78rem;
		z-index: 2;
		filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .45));
	}
	.vx-casino-card__rank-num { transform: translateY(-2px); }
	.vx-casino-card__rank-bg {
		filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .3));
		transform: scale(1.08);
		transform-origin: 50% 42%;
	}
	.vx-casino-card--rank-1 .vx-casino-card__rank-bg {
		filter: drop-shadow(0 0 10px rgba(255, 214, 10, .35));
	}
	.vx-casino-card__logo {
		width: 72px;
		height: 72px;
		padding: 0;
		border-radius: 16px;
		border: 1px solid var(--vx-logo-tile-border);
		background: var(--vx-logo-tile-bg);
		box-shadow: var(--vx-logo-tile-shadow);
	}
	.vx-casino-card--rank-1 .vx-casino-card__logo,
	.vx-casino-card--rank-1 .vx-casino-card__brand {
		width: 76px;
		height: 76px;
	}
	.vx-casino-card__logo a { inset: 0; }
	.vx-casino-card__logo img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: inherit;
	}
	.vx-casino-card__placeholder { font-size: 1rem; }
	.vx-casino-card__info {
		flex: 1 1 auto;
		min-width: 0;
		display: flex;
		flex-direction: column;
		gap: 5px;
		padding-top: 1px;
	}
	.vx-casino-card__title-row {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 8px;
		min-width: 0;
	}
	.vx-casino-card__title {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: 0;
		font-size: 1.02rem;
		line-height: 1.2;
		gap: 6px;
		flex: 1 1 auto;
		min-width: 0;
	}
	.vx-casino-card__rating {
		display: flex;
		align-items: center;
		gap: 7px;
		margin: 0;
		flex: 0 0 auto;
	}
	.vx-casino-card__rating .vx-stars {
		transform: scale(.88);
		transform-origin: left center;
	}
	.vx-casino-card__rating-value {
		font-size: .78rem;
		padding: 2px 7px;
	}
	.vx-casino-card__features {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		gap: 5px 6px;
		min-width: 0;
		width: 100%;
	}
	.vx-casino-card__features .vx-chip {
		flex: 0 0 auto;
		font-size: .68rem;
		padding: 2px 7px;
	}
	.vx-casino-card__features .vx-casino-card__review-link {
		flex: 0 1 auto;
		min-width: 0;
		margin: 0 0 0 auto;
		padding: 0;
		font-size: .74rem;
		white-space: nowrap;
		justify-content: flex-start;
	}
	.vx-casino-card__bonus {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
		width: 100%;
		min-width: 0;
		padding: 10px 0 0;
		margin: 0;
		border-top: 1px solid rgba(255, 255, 255, .08);
		border-left: 0;
		padding-left: 0;
	}
	.vx-casino-card__bonus-label {
		display: block;
		width: 100%;
		flex: none;
		font-size: .58rem;
		letter-spacing: .1em;
		line-height: 1.2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.vx-casino-card__bonus-row {
		display: flex;
		flex: none;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		width: 100%;
		min-width: 0;
	}
	.vx-casino-card__bonus-text {
		flex: 1 1 auto;
		min-width: 0;
		margin: 0;
		font-size: .88rem;
		line-height: 1.3;
		font-weight: 700;
		white-space: normal;
		overflow: visible;
		text-overflow: unset;
	}
	.vx-casino-card--rank-1 .vx-casino-card__bonus-text { font-size: .9rem; }
	.vx-casino-card .vx-copy.vx-copy--inline {
		flex: 0 0 auto;
		display: inline-flex;
		align-items: center;
		gap: 5px;
		width: auto;
		max-width: 46%;
		margin: 0;
		padding: 5px 9px;
		font-size: .7rem;
		border-radius: 999px;
		white-space: nowrap;
	}
	.vx-casino-card .vx-copy.vx-copy--inline code {
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 7.5em;
	}
	.vx-casino-card .vx-copy.vx-copy--inline .vx-copy__label {
		padding-left: 6px;
		border-left: 1px solid rgba(0, 229, 255, .3);
		font-weight: 700;
	}
	.vx-casino-card__actions {
		width: 100%;
		gap: 0;
		padding: 0;
		margin-top: 2px;
	}
	.vx-casino-card__actions .vx-ribbon--action { display: none; }
	.vx-casino-card__actions .vx-btn {
		width: 100%;
		max-width: none;
		padding: 11px 14px;
		font-size: .88rem;
	}
	.vx-pill { margin-left: 0; }
}
@media (max-width: 480px) {
	.vx-toplist__head { margin-bottom: 12px; gap: 10px; }
	.vx-toplist__panel { padding: 8px; border-radius: 14px; }
	.vx-toplist__list { gap: 8px; }
	.vx-casino-card {
		gap: 9px;
		padding: 10px;
	}
	.vx-casino-card--rank-1 { padding: 11px 10px; }
	.vx-casino-card__head { gap: 10px; }
	.vx-casino-card__brand {
		width: 64px;
		height: 64px;
		margin: 2px 0 0 4px;
	}
	.vx-casino-card__rank {
		top: -5px;
		left: -8px;
		width: 30px;
		height: 30px;
		font-size: .72rem;
	}
	.vx-casino-card__logo {
		width: 64px;
		height: 64px;
		border-radius: 14px;
	}
	.vx-casino-card--rank-1 .vx-casino-card__logo,
	.vx-casino-card--rank-1 .vx-casino-card__brand {
		width: 68px;
		height: 68px;
	}
	.vx-casino-card__title { font-size: .96rem; }
	.vx-casino-card__info { gap: 4px; }
	.vx-casino-card__features {
		flex-flow: row nowrap;
		gap: 4px 5px;
	}
	.vx-casino-card__features .vx-chip {
		font-size: .64rem;
		padding: 2px 6px;
	}
	.vx-casino-card__features .vx-casino-card__review-link {
		margin-left: auto;
		font-size: .7rem;
	}
	.vx-casino-card__bonus {
		gap: 3px;
		padding-top: 8px;
	}
	.vx-casino-card__bonus-row {
		flex-wrap: wrap;
		row-gap: 6px;
	}
	.vx-casino-card__bonus-text {
		flex: 1 1 10rem;
		font-size: .84rem;
	}
	.vx-casino-card .vx-copy.vx-copy--inline {
		max-width: none;
		padding: 4px 8px;
		font-size: .68rem;
	}
	.vx-casino-card__actions {
		margin-top: 4px;
	}
	.vx-casino-card__actions .vx-btn {
		padding: 10px 12px;
		font-size: .86rem;
	}
}

@media (hover: none) {
	.vx-casino-card:hover {
		transform: none;
		box-shadow: none;
	}
	.vx-casino-card--rank-1:hover {
		box-shadow:
			0 0 0 1px rgba(255, 214, 10, .08) inset,
			0 16px 50px rgba(255, 214, 10, .1);
	}
}

.vx-stars {
	display: inline-block;
	position: relative;
	width: 82px;
	height: 14px;
	line-height: 0;
}
.vx-stars__back,
.vx-stars__front {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	height: 14px;
}
.vx-stars__back  { color: rgba(255, 255, 255, .15); }
.vx-stars__front {
	position: absolute;
	top: 0;
	left: 0;
	color: var(--vx-c-gold);
	overflow: hidden;
	filter: drop-shadow(0 0 4px rgba(255, 214, 10, .55));
}
.vx-stars__back  svg,
.vx-stars__front svg {
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
}

/* =========================================================
   13. Generic grids
   ========================================================= */
.vx-grid { display: grid; gap: 22px; }
.vx-grid--2 { grid-template-columns: repeat(auto-fill, minmax(min(420px, 100%), 1fr)); }
.vx-grid--3 { grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); }
.vx-grid--4 { grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr)); }
.vx-grid--slots {
	gap: clamp(16px, 2vw, 22px);
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.vx-slot-archive__filters.vx-bonus-filters {
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	margin-inline: -4px;
	padding: 2px 4px 10px;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
}
.vx-slot-archive__filters.vx-bonus-filters::-webkit-scrollbar {
	display: none;
}
.vx-slot-archive__filters .vx-bonus-filters__chip {
	flex-shrink: 0;
}
.vx-slot-search {
	width: 100%;
	border-radius: 12px;
	background: rgba(10, 12, 32, .86);
	border: 1px solid rgba(255, 255, 255, .18);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .05) inset;
	overflow: hidden;
	transition: border-color var(--vx-transition), box-shadow var(--vx-transition), background var(--vx-transition);
}
.vx-slot-search .vx-search-form__field-wrap {
	flex: 1;
}
.vx-slot-search .vx-search-form__field {
	padding: 12px 40px 12px 16px;
	font-size: .9rem;
	color: #fff;
}
.vx-slot-search .vx-search-form__field::placeholder {
	color: rgba(233, 236, 255, .59);
}
.vx-slot-search:focus-within {
	border-color: rgba(255, 0, 128, .45);
	box-shadow: 0 0 22px rgba(255, 0, 128, .16);
}
@media (max-width: 768px) {
	.vx-slot-search .vx-search-form__field {
		padding: 11px 38px 11px 14px;
		font-size: .86rem;
	}
	.vx-slot-archive__filters .vx-bonus-filters__chip {
		font-size: .68rem;
		padding: 7px 12px;
	}
}
.vx-slot-empty {
	padding: clamp(24px, 5vw, 40px) 0;
	text-align: center;
}
.vx-slot-empty__text {
	margin: 0;
	display: inline-block;
	max-width: 100%;
	font-size: .95rem;
	line-height: 1.5;
	color: rgba(233, 236, 255, .62);
	white-space: nowrap;
}
@media (max-width: 768px) {
	.vx-slot-empty__text {
		white-space: normal;
		font-size: .88rem;
	}
}
.vx-slots-infinite__sentinel {
	height: 1px;
}
.vx-slots-infinite__status {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 0;
	padding: 0;
	color: rgba(233, 236, 255, .62);
	font-size: .84rem;
	font-weight: 600;
}
.vx-slots-infinite__status[hidden] {
	display: none;
}
.vx-slots-infinite__status.is-loading {
	min-height: 40px;
	padding: 12px 0 20px;
}
.vx-slots-infinite__status.is-error {
	padding: 12px 0 24px;
	color: #ff9fd0;
}
.vx-slots-infinite__loader {
	display: inline-block;
	width: 22px;
	height: 22px;
	border: 2px solid rgba(0, 229, 255, .18);
	border-top-color: var(--vx-cyan, #00e5ff);
	border-radius: 50%;
	animation: vx-slots-spin .65s linear infinite;
	flex-shrink: 0;
}
.vx-slots-infinite__loader[hidden],
.vx-slots-infinite__label[hidden] {
	display: none;
}
@keyframes vx-slots-spin {
	to { transform: rotate(360deg); }
}
@media (max-width: 1024px) {
	.vx-grid--slots { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
	.vx-grid--slots { grid-template-columns: 1fr; }
}

/* =========================================================
   14. Bonus card
   ========================================================= */
.vx-bonus-card {
	position: relative;
	display: grid;
	gap: 14px;
	padding: 24px;
	background:
		linear-gradient(135deg, rgba(0, 229, 255, .035), rgba(255, 0, 128, .035)),
		var(--vx-c-surface);
	border: 1px solid var(--vx-c-border);
	border-radius: var(--vx-radius-lg);
	transition: transform var(--vx-transition), border-color var(--vx-transition), box-shadow var(--vx-transition);
}
.vx-bonus-card:hover {
	transform: translateY(-4px);
	border-color: rgba(0, 229, 255, .35);
	box-shadow: var(--vx-shadow-cyan);
}
.vx-bonus-card__head {
	display: flex;
	gap: 12px;
	align-items: center;
}
.vx-bonus-card__logo {
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	background: linear-gradient(135deg, rgba(255, 0, 128, .14), rgba(0, 229, 255, .14));
	border-radius: 14px;
	padding: 4px;
	border: 1px solid var(--vx-c-border);
	display: flex; align-items: center; justify-content: center;
	overflow: hidden;
}
.vx-bonus-card__logo img {
	max-height: 44px;
	max-width: 44px;
	width: auto;
	height: auto;
	object-fit: contain;
}
.vx-bonus-card__placeholder {
	font-family: var(--vx-font-head);
	font-weight: 900;
	font-size: 1.4rem;
	color: #fff;
	background: linear-gradient(135deg, var(--vx-c-primary), var(--vx-c-secondary));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.vx-bonus-card__heading {
	flex: 1 1 auto;
	min-width: 0;
}
.vx-bonus-card__title {
	margin: 0;
	font-size: 1.05rem;
	line-height: 1.25;
}
.vx-bonus-card__title-main {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	max-width: 100%;
}
.vx-bonus-card__title-main .vx-pill--excl {
	flex: 0 0 auto;
}
.vx-bonus-card__title a {
	color: #fff;
}
.vx-bonus-card__casino {
	margin: 4px 0 0;
	font-size: .82rem;
	color: var(--vx-c-muted);
}
.vx-bonus-card__casino a {
	color: inherit;
	text-decoration: none;
	transition: color var(--vx-transition);
}
.vx-bonus-card__casino a:hover,
.vx-bonus-card__casino a:focus {
	color: var(--vx-c-secondary);
}

.vx-bonus-card__amount {
	font-family: var(--vx-font-head);
	font-weight: 900;
	font-size: 1.65rem;
	line-height: 1.1;
	background: var(--vx-grad-primary);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.vx-bonus-card__fs {
	display: inline-block;
	font-style: normal;
	font-size: 1.1rem;
	color: var(--vx-c-tertiary);
	margin-left: 6px;
	-webkit-text-fill-color: var(--vx-c-tertiary);
}

.vx-bonus-card__details {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin: 0;
	font-size: .85rem;
}
.vx-bonus-card__details > div { display: flex; flex-direction: column; gap: 2px; }
.vx-bonus-card__details dt { color: var(--vx-c-muted); font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; margin: 0; }
.vx-bonus-card__details dd { color: #fff; font-weight: 700; margin: 0; }
.vx-bonus-card__code-col { grid-column: 1 / -1; }
.vx-bonus-card__code {
	width: 100%;
	justify-content: space-between;
	padding: 8px 12px;
	margin: 0;
}
.vx-copy--icon-btn {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
}
.vx-copy--icon-btn .vx-copy__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	border-radius: 8px;
	background: rgba(0, 229, 255, .1);
	color: var(--vx-c-secondary);
	transition: background var(--vx-transition), color var(--vx-transition);
}
.vx-copy--icon-btn:hover .vx-copy__icon--default {
	background: rgba(0, 229, 255, .18);
	color: #fff;
}
.vx-copy--icon-btn .vx-copy__icon--success {
	display: none;
	background: rgba(182, 255, 0, .12);
	color: var(--vx-c-tertiary);
}
.vx-copy--icon-btn.is-copied .vx-copy__icon--default { display: none; }
.vx-copy--icon-btn.is-copied .vx-copy__icon--success { display: inline-flex; }

.vx-bonus-card__actions { display: grid; gap: 8px; }

/* =========================================================
   14c. Homepage — popular slots showcase
   ========================================================= */
.vx-section--slots {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse 80% 55% at 10% -12%, rgba(255, 0, 128, .14), transparent 58%),
		radial-gradient(ellipse 72% 52% at 94% 6%, rgba(138, 43, 226, .12), transparent 55%),
		radial-gradient(ellipse 48% 42% at 50% 112%, rgba(0, 229, 255, .08), transparent 62%),
		#050614;
}
.vx-section--slots::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .035) 1px, transparent 0);
	background-size: 24px 24px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, .55), transparent 92%);
	pointer-events: none;
}
.vx-section--slots .vx-container { position: relative; z-index: 1; }
.vx-section--why + .vx-section--slots {
	padding-top: clamp(16px, 2.5vw, 28px);
}
.vx-section--slots .vx-slot-card {
	border: 1px solid rgba(255, 255, 255, .12);
	background:
		linear-gradient(165deg, rgba(255, 255, 255, .09) 0%, rgba(255, 255, 255, .025) 42%, transparent 72%),
		linear-gradient(180deg, rgba(22, 28, 56, .98), rgba(14, 18, 42, .98));
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, .05) inset,
		0 22px 54px rgba(0, 0, 0, .46);
}
.vx-section--slots .vx-slot-card::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22), transparent);
	opacity: .75;
	pointer-events: none;
	z-index: 3;
}
.vx-section--slots .vx-slot-card:hover {
	border-color: rgba(255, 255, 255, .2);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, .08) inset,
		0 28px 64px rgba(0, 0, 0, .5);
}

/* =========================================================
   14d. Homepage — sports book showcase
   ========================================================= */
.vx-section--sports {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse 80% 55% at 12% -10%, rgba(0, 229, 255, .16), transparent 58%),
		radial-gradient(ellipse 72% 52% at 92% 4%, rgba(255, 0, 128, .1), transparent 55%),
		radial-gradient(ellipse 48% 42% at 50% 112%, rgba(0, 229, 255, .08), transparent 62%),
		#050614;
}
.vx-section--sports::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .035) 1px, transparent 0);
	background-size: 24px 24px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, .55), transparent 92%);
	pointer-events: none;
}
.vx-section--sports .vx-container { position: relative; z-index: 1; }
.vx-section--slots + .vx-section--sports {
	padding-top: clamp(16px, 2.5vw, 28px);
}
.vx-section--sports .vx-bonus-head__badge {
	color: #80f4ff;
	background: rgba(0, 229, 255, .1);
	border-color: rgba(0, 229, 255, .3);
	box-shadow: 0 0 24px rgba(0, 229, 255, .16);
}
.vx-section--sports .vx-bonus-head__pulse {
	background: var(--vx-c-secondary);
	box-shadow: 0 0 0 0 rgba(0, 229, 255, .55);
	animation: vx-sports-pulse 2s ease-out infinite;
}
@keyframes vx-sports-pulse {
	0% { box-shadow: 0 0 0 0 rgba(0, 229, 255, .55); }
	70% { box-shadow: 0 0 0 10px rgba(0, 229, 255, 0); }
	100% { box-shadow: 0 0 0 0 rgba(0, 229, 255, 0); }
}

/* =========================================================
   14e. Homepage — providers showcase
   ========================================================= */
.vx-section--providers {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse 78% 52% at 12% -10%, rgba(255, 0, 128, .14), transparent 58%),
		radial-gradient(ellipse 72% 50% at 88% 8%, rgba(255, 0, 128, .1), transparent 55%),
		radial-gradient(ellipse 48% 42% at 50% 112%, rgba(138, 43, 226, .08), transparent 62%),
		#050614;
}
.vx-section--providers::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .035) 1px, transparent 0);
	background-size: 24px 24px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, .55), transparent 92%);
	pointer-events: none;
}
.vx-section--providers .vx-container { position: relative; z-index: 1; }
.vx-section--sports + .vx-section--providers,
.vx-section--providers:first-of-type {
	padding-top: clamp(16px, 2.5vw, 28px);
}
.vx-section--providers .vx-bonus-head__badge {
	color: #ff9fd0;
	background: rgba(255, 0, 128, .1);
	border-color: rgba(255, 0, 128, .3);
	box-shadow: 0 0 24px rgba(255, 0, 128, .16);
}
.vx-section--providers .vx-bonus-head__pulse {
	background: #ff0080;
	box-shadow: 0 0 0 0 rgba(255, 0, 128, .55);
	animation: vx-provider-pulse 2s ease-out infinite;
}
@keyframes vx-provider-pulse {
	0% { box-shadow: 0 0 0 0 rgba(255, 0, 128, .55); }
	70% { box-shadow: 0 0 0 10px rgba(255, 0, 128, 0); }
	100% { box-shadow: 0 0 0 0 rgba(255, 0, 128, 0); }
}
.vx-section--providers .vx-providers--showcase {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(12px, 2.5vw, 20px);
}
.vx-section--providers .vx-provider {
	position: relative;
	flex-direction: column;
	gap: 14px;
	min-height: 158px;
	padding: clamp(20px, 2.4vw, 26px) clamp(16px, 2vw, 20px);
	border-radius: calc(var(--vx-radius-lg) + 2px);
	border: 1px solid rgba(255, 255, 255, .12);
	background:
		linear-gradient(165deg, rgba(255, 255, 255, .09) 0%, rgba(255, 255, 255, .025) 42%, transparent 72%),
		linear-gradient(180deg, rgba(22, 28, 56, .98), rgba(14, 18, 42, .98));
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, .05) inset,
		0 22px 54px rgba(0, 0, 0, .46);
	overflow: hidden;
	isolation: isolate;
	text-decoration: none;
	transition: transform var(--vx-transition), border-color var(--vx-transition), box-shadow var(--vx-transition);
}
.vx-section--providers .vx-provider::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22), transparent);
	opacity: .75;
	pointer-events: none;
	z-index: 1;
}
.vx-section--providers .vx-provider__shine {
	position: absolute;
	inset: -40% auto auto -30%;
	width: 55%;
	height: 140%;
	background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .08) 50%, transparent 65%);
	transform: rotate(12deg);
	pointer-events: none;
	opacity: 0;
	transition: opacity var(--vx-transition);
	z-index: 1;
}
.vx-section--providers .vx-provider__glow {
	position: absolute;
	right: -20%;
	bottom: -35%;
	width: 58%;
	height: 72%;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(0, 229, 255, .08), transparent 68%);
	pointer-events: none;
	opacity: .45;
	z-index: 0;
}
.vx-section--providers .vx-provider:hover {
	transform: translateY(-5px);
	border-color: rgba(255, 255, 255, .2);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, .08) inset,
		0 28px 64px rgba(0, 0, 0, .5);
}
.vx-section--providers .vx-provider:hover .vx-provider__shine { opacity: 1; }
.vx-section--providers .vx-provider__mark {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: min(100%, 180px);
	min-height: 72px;
	padding: 12px 14px;
	border-radius: 18px;
	background:
		radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .06), transparent 62%),
		rgba(8, 12, 30, .94);
	border: 1px solid rgba(255, 255, 255, .1);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
}
.vx-section--providers .vx-provider__initials {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-family: var(--vx-font-head);
	font-size: 1.05rem;
	font-weight: 900;
	color: #fff;
	background: linear-gradient(135deg, rgba(255, 0, 128, .28), rgba(138, 43, 226, .42));
	border-radius: inherit;
}
.vx-section--providers .vx-provider__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 10px;
}
.vx-section--providers .vx-provider img {
	display: block;
	max-width: 100%;
	max-height: 46px;
	width: auto;
	height: auto;
	object-fit: contain;
	opacity: .96;
	filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .35));
	transition: opacity var(--vx-transition), transform var(--vx-transition), filter var(--vx-transition);
}
.vx-section--providers .vx-provider:hover img {
	opacity: 1;
	transform: scale(1.05);
	filter: drop-shadow(0 4px 16px rgba(0, 0, 0, .45));
}
.vx-section--providers .vx-provider__title {
	position: relative;
	z-index: 2;
	font-family: var(--vx-font-head);
	font-weight: 800;
	font-size: clamp(.86rem, 1.5vw, .96rem);
	line-height: 1.25;
	text-align: center;
	color: rgba(255, 255, 255, .92);
}
@media (min-width: 720px) {
	.vx-section--providers .vx-providers--showcase { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 980px) {
	.vx-section--providers .vx-providers--showcase { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 719px) {
	.vx-section--providers .vx-provider {
		min-height: 0;
		gap: 10px;
		padding: 14px 12px 12px;
	}
	.vx-section--providers .vx-provider__mark {
		width: 100%;
		min-height: 56px;
		padding: 8px 10px;
		border-radius: 14px;
	}
	.vx-section--providers .vx-provider img { max-height: 36px; }
	.vx-section--providers .vx-provider__title { font-size: .78rem; }
}
@media (prefers-reduced-motion: no-preference) {
	.vx-section--providers .vx-providers--showcase.is-pending .vx-provider {
		opacity: 0;
		transform: translateY(22px);
	}
	.vx-section--providers .vx-providers--showcase.is-visible .vx-provider {
		animation: vx-provider-in .62s cubic-bezier(.2, .65, .25, 1) both;
	}
	.vx-section--providers .vx-providers--showcase.is-visible .vx-provider:nth-child(1) { animation-delay: .05s; }
	.vx-section--providers .vx-providers--showcase.is-visible .vx-provider:nth-child(2) { animation-delay: .1s; }
	.vx-section--providers .vx-providers--showcase.is-visible .vx-provider:nth-child(3) { animation-delay: .15s; }
	.vx-section--providers .vx-providers--showcase.is-visible .vx-provider:nth-child(4) { animation-delay: .2s; }
	.vx-section--providers .vx-providers--showcase.is-visible .vx-provider:nth-child(5) { animation-delay: .25s; }
	.vx-section--providers .vx-providers--showcase.is-visible .vx-provider:nth-child(6) { animation-delay: .3s; }
	.vx-section--providers .vx-providers--showcase.is-visible .vx-provider:nth-child(7) { animation-delay: .35s; }
	.vx-section--providers .vx-providers--showcase.is-visible .vx-provider:nth-child(8) { animation-delay: .4s; }
}
@keyframes vx-provider-in {
	from { opacity: 0; transform: translateY(22px); }
	to { opacity: 1; transform: translateY(0); }
}

/* =========================================================
   14f. Homepage — editorial / blog showcase
   ========================================================= */
.vx-section--blog {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse 78% 52% at 12% -10%, rgba(255, 0, 128, .14), transparent 58%),
		radial-gradient(ellipse 72% 50% at 88% 8%, rgba(0, 229, 255, .1), transparent 55%),
		radial-gradient(ellipse 48% 42% at 50% 112%, rgba(138, 43, 226, .08), transparent 62%),
		#050614;
}
.vx-section--blog::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .035) 1px, transparent 0);
	background-size: 24px 24px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, .55), transparent 92%);
	pointer-events: none;
}
.vx-section--blog .vx-container { position: relative; z-index: 1; }
.vx-section--providers + .vx-section--blog {
	padding-top: clamp(16px, 2.5vw, 28px);
}
.vx-section--blog .vx-bonus-head__badge {
	color: #80f4ff;
	background: rgba(0, 229, 255, .1);
	border-color: rgba(0, 229, 255, .3);
	box-shadow: 0 0 24px rgba(0, 229, 255, .16);
}
.vx-section--blog .vx-bonus-head__pulse {
	background: var(--vx-c-secondary);
	box-shadow: 0 0 0 0 rgba(0, 229, 255, .55);
	animation: vx-sports-pulse 2s ease-out infinite;
}
.vx-section--blog .vx-blog-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.vx-section--blog .vx-blog-item {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}
.vx-section--blog .vx-blog-item:nth-child(3) { border-right: none; }
.vx-section--blog .vx-blog-item__heading {
	min-width: 0;
}
.vx-section--blog .vx-blog-item__cat {
	margin: 0 0 4px;
	font-size: .68rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(233, 236, 255, .58);
}
.vx-section--blog .vx-blog-item .vx-why-item__title {
	margin: 0;
	font-size: clamp(.98rem, 1.6vw, 1.05rem);
}
.vx-section--blog .vx-blog-item .vx-why-item__title a {
	color: #fff;
	text-decoration: none;
}
.vx-section--blog .vx-blog-item .vx-why-item__title a:hover {
	color: var(--vx-c-secondary);
}
.vx-section--blog .vx-blog-item__meta {
	margin: 0 0 8px;
	font-size: .78rem;
	color: var(--vx-c-muted-2);
}
.vx-section--blog .vx-blog-item__meta span[aria-hidden="true"] {
	margin: 0 .35em;
	opacity: .55;
}
.vx-section--blog .vx-blog-item .vx-why-item__text {
	flex: 1 1 auto;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.vx-section--blog .vx-blog-item__link {
	margin-top: auto;
	padding-top: 12px;
	font-size: .84rem;
	font-weight: 600;
	color: var(--vx-c-secondary);
	text-decoration: underline;
	text-decoration-color: rgba(0, 229, 255, .35);
	text-underline-offset: 2px;
}
.vx-section--blog .vx-blog-item__link:hover {
	color: var(--vx-c-primary);
	text-decoration-color: rgba(255, 0, 128, .45);
}
@media (max-width: 980px) and (min-width: 641px) {
	.vx-section--blog .vx-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vx-section--blog .vx-blog-item:nth-child(2) { border-right: none; }
	.vx-section--blog .vx-blog-item:nth-child(1),
	.vx-section--blog .vx-blog-item:nth-child(2) { border-bottom: 1px solid rgba(255, 255, 255, .08); }
	.vx-section--blog .vx-blog-item:nth-child(3) {
		border-right: none;
		border-bottom: none;
		grid-column: 1 / -1;
	}
}
@media (max-width: 640px) {
	.vx-section--blog .vx-blog-grid { grid-template-columns: 1fr; }
	.vx-section--blog .vx-blog-item {
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, .08);
	}
	.vx-section--blog .vx-blog-item:last-child { border-bottom: none; }
}
@media (prefers-reduced-motion: no-preference) {
	.vx-section--blog .vx-blog-grid.is-pending .vx-blog-item {
		opacity: 0;
		transform: translateY(22px);
	}
	.vx-section--blog .vx-blog-grid.is-visible .vx-blog-item {
		animation: vx-blog-in .62s cubic-bezier(.2, .65, .25, 1) both;
	}
	.vx-section--blog .vx-blog-grid.is-visible .vx-blog-item:nth-child(1) { animation-delay: .05s; }
	.vx-section--blog .vx-blog-grid.is-visible .vx-blog-item:nth-child(2) { animation-delay: .12s; }
	.vx-section--blog .vx-blog-grid.is-visible .vx-blog-item:nth-child(3) { animation-delay: .19s; }
}
@keyframes vx-blog-in {
	from { opacity: 0; transform: translateY(22px); }
	to { opacity: 1; transform: translateY(0); }
}

/* =========================================================
   15. Slot card
   ========================================================= */
.vx-slot-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	height: 100%;
	border-radius: calc(var(--vx-radius-lg) + 2px);
	border: 1px solid rgba(255, 255, 255, .1);
	background:
		linear-gradient(155deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .01)),
		rgba(10, 12, 30, .92);
	box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
	overflow: hidden;
	isolation: isolate;
	transition: transform var(--vx-transition), border-color var(--vx-transition), box-shadow var(--vx-transition);
}
.vx-slot-card__shine {
	position: absolute;
	inset: -40% auto auto -30%;
	width: 55%;
	height: 140%;
	background: linear-gradient(105deg, transparent 35%, rgba(255, 0, 128, .1) 50%, transparent 65%);
	transform: rotate(12deg);
	pointer-events: none;
	opacity: 0;
	transition: opacity var(--vx-transition);
	z-index: 2;
}
.vx-slot-card:hover {
	transform: translateY(-5px);
	border-color: rgba(255, 255, 255, .2);
	box-shadow: 0 24px 60px rgba(0, 0, 0, .34);
}
.vx-slot-card:hover .vx-slot-card__shine { opacity: 1; }

.vx-slot-card__visual {
	position: relative;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background:
		radial-gradient(circle at 50% 18%, rgba(255, 0, 128, .12), transparent 58%),
		linear-gradient(180deg, rgba(91, 45, 142, .32), rgba(8, 10, 26, .98)),
		var(--vx-c-bg-2);
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.vx-slot-card__preview {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(16px, 2.2vw, 22px);
	z-index: 0;
}
.vx-slot-card__machine {
	position: relative;
	width: min(100%, 300px);
	aspect-ratio: 4 / 3;
	padding: 0;
	border-radius: 16px;
	border: 1px solid rgba(255, 0, 128, .28);
	background: rgba(5, 6, 20, .86);
	box-shadow: 0 0 32px rgba(255, 0, 128, .12), inset 0 0 0 1px rgba(255, 255, 255, .06);
	overflow: hidden;
}
.vx-slot-card__machine img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--vx-transition);
}
.vx-slot-card:hover .vx-slot-card__machine img { transform: scale(1.04); }
.vx-slot-card__machine-fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 16px;
	font-family: var(--vx-font-head);
	font-size: clamp(.82rem, 1.6vw, 1rem);
	font-weight: 800;
	line-height: 1.25;
	text-align: center;
	color: rgba(255, 255, 255, .72);
	background:
		radial-gradient(circle at 50% 0%, rgba(255, 0, 128, .12), transparent 55%),
		linear-gradient(180deg, rgba(91, 45, 142, .28), rgba(8, 10, 26, .98));
}
.vx-slot-card--has-demo.is-previewing .vx-slot-card__preview {
	opacity: 0;
	pointer-events: none;
}

.vx-slot-card__reel {
	position: relative;
	overflow: hidden;
	height: 96px;
	border-radius: 10px;
	background: rgba(0, 0, 0, .5);
	border: 1px solid rgba(255, 255, 255, .09);
}
.vx-slot-card__machine--5 .vx-slot-card__reel { height: 88px; }
.vx-slot-card__reel::before,
.vx-slot-card__reel::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 22px;
	z-index: 1;
	pointer-events: none;
}
.vx-slot-card__reel::before { top: 0; background: linear-gradient(180deg, rgba(5, 6, 20, .96), transparent); }
.vx-slot-card__reel::after { bottom: 0; background: linear-gradient(0deg, rgba(5, 6, 20, .96), transparent); }
.vx-slot-card__reel-track {
	display: flex;
	flex-direction: column;
	align-items: center;
	animation: vx-slot-reel 2.5s linear infinite;
}
.vx-slot-card__reel--2 .vx-slot-card__reel-track { animation-duration: 2.95s; animation-delay: -.3s; }
.vx-slot-card__reel--3 .vx-slot-card__reel-track { animation-duration: 2.75s; animation-delay: -.55s; }
.vx-slot-card__reel--4 .vx-slot-card__reel-track { animation-duration: 3.15s; animation-delay: -.2s; }
.vx-slot-card__reel--5 .vx-slot-card__reel-track { animation-duration: 2.65s; animation-delay: -.75s; }
.vx-slot-card__reel-track span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	font-family: var(--vx-font-head);
	font-size: clamp(1rem, 1.8vw, 1.15rem);
	font-weight: 900;
	color: #fff;
	text-shadow: 0 0 14px rgba(182, 255, 0, .35);
}
.vx-slot-card__machine--5 .vx-slot-card__reel-track span {
	height: 36px;
	font-size: .82rem;
}

.vx-slot-card__cluster {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	width: min(100%, 260px);
	padding: clamp(12px, 1.6vw, 16px);
	border-radius: 16px;
	border: 1px solid rgba(0, 229, 255, .32);
	background:
		radial-gradient(circle at 50% 0%, rgba(0, 229, 255, .14), transparent 55%),
		rgba(5, 6, 20, .86);
	box-shadow: 0 0 32px rgba(0, 229, 255, .14), inset 0 0 0 1px rgba(255, 255, 255, .06);
}
.vx-slot-card__cluster span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	border-radius: 10px;
	font-family: var(--vx-font-head);
	font-size: 1rem;
	font-weight: 900;
	color: #fff;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .08);
	animation: vx-slot-cluster 2.4s ease-in-out infinite;
}
.vx-slot-card__cluster span:nth-child(3n+1) { animation-delay: 0s; color: var(--vx-c-secondary); }
.vx-slot-card__cluster span:nth-child(3n+2) { animation-delay: .25s; color: var(--vx-c-tertiary); }
.vx-slot-card__cluster span:nth-child(3n) { animation-delay: .5s; color: #ff9fd0; }

.vx-slot-card__scanline {
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(180deg, transparent 0, transparent 3px, rgba(255, 255, 255, .028) 3px, rgba(255, 255, 255, .028) 4px);
	opacity: .5;
	pointer-events: none;
	mix-blend-mode: soft-light;
}
@keyframes vx-slot-reel {
	from { transform: translateY(0); }
	to { transform: translateY(-50%); }
}
@keyframes vx-slot-cluster {
	0%, 100% { transform: scale(1); opacity: .88; }
	50% { transform: scale(1.04); opacity: 1; box-shadow: 0 0 16px rgba(0, 229, 255, .22); }
}

.vx-slot-card--preview-classic .vx-slot-card__machine { border-color: rgba(182, 255, 0, .34); box-shadow: 0 0 34px rgba(182, 255, 0, .16), inset 0 0 0 1px rgba(255, 255, 255, .06); }
.vx-slot-card--preview-classic .vx-slot-card__reel-track span:nth-child(4n+1) { color: var(--vx-c-tertiary); }
.vx-slot-card--preview-classic .vx-slot-card__reel-track span:nth-child(4n+3) { color: var(--vx-c-secondary); }

.vx-slot-card--preview-fruit .vx-slot-card__machine {
	border-color: rgba(255, 0, 128, .32);
	box-shadow: 0 0 34px rgba(255, 0, 128, .14), inset 0 0 0 1px rgba(255, 255, 255, .06);
	background: linear-gradient(180deg, rgba(255, 0, 128, .08), rgba(255, 255, 255, .02)), rgba(5, 6, 20, .86);
}
.vx-slot-card--preview-fruit .vx-slot-card__reel-track span:nth-child(4n+1) { color: #ff7eb8; }
.vx-slot-card--preview-fruit .vx-slot-card__reel-track span:nth-child(4n+2) { color: #ffd60a; }
.vx-slot-card--preview-fruit .vx-slot-card__reel-track span:nth-child(4n+3) { color: #b6ff00; }
.vx-slot-card--preview-fruit .vx-slot-card__reel-track span:nth-child(4n) { color: #ff9fd0; }

.vx-slot-card--preview-megaways .vx-slot-card__machine {
	border-color: rgba(255, 214, 10, .34);
	box-shadow: 0 0 34px rgba(255, 214, 10, .14), inset 0 0 0 1px rgba(255, 255, 255, .06);
	background: linear-gradient(180deg, rgba(255, 214, 10, .1), rgba(255, 255, 255, .02)), rgba(5, 6, 20, .86);
}
.vx-slot-card--preview-megaways .vx-slot-card__reel-track span:nth-child(5n+1) { color: #ffd60a; font-size: .78rem; }
.vx-slot-card--preview-megaways .vx-slot-card__reel-track span:nth-child(5n+2) { color: #ff9fd0; }
.vx-slot-card--preview-megaways .vx-slot-card__reel-track span:nth-child(5n+3) { color: #fff; }
.vx-slot-card--preview-megaways .vx-slot-card__reel-track { animation-duration: 1.85s; }
.vx-slot-card--preview-megaways .vx-slot-card__reel--2 .vx-slot-card__reel-track { animation-duration: 2.1s; }
.vx-slot-card--preview-megaways .vx-slot-card__reel--3 .vx-slot-card__reel-track { animation-duration: 1.95s; }

.vx-slot-card--preview-jackpot .vx-slot-card__machine {
	border-color: rgba(138, 43, 226, .38);
	box-shadow: 0 0 36px rgba(138, 43, 226, .2), inset 0 0 0 1px rgba(255, 214, 10, .12);
	background: linear-gradient(180deg, rgba(138, 43, 226, .14), rgba(255, 214, 10, .06)), rgba(5, 6, 20, .88);
}
.vx-slot-card--preview-jackpot .vx-slot-card__reel-track span:first-child {
	color: #ffd60a;
	font-size: 1.05rem;
	text-shadow: 0 0 18px rgba(255, 214, 10, .55);
}
.vx-slot-card--preview-jackpot .vx-slot-card__reel-track span:nth-child(4n+2) { color: var(--vx-c-tertiary); }
.vx-slot-card--preview-jackpot .vx-slot-card__reel-track span:nth-child(4n+3) { color: #ff9fd0; }

.vx-slot-card__demo {
	position: absolute;
	inset: 0;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--vx-transition);
	background: #000;
}
.vx-slot-card--has-demo.is-previewing .vx-slot-card__demo {
	opacity: 1;
	pointer-events: auto;
}
.vx-slot-card__frame { width: 100%; height: 100%; border: 0; background: #000; }

.vx-slot-card__rtp {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 4;
	background: rgba(5, 6, 20, .82);
	color: #80f4ff;
	font-family: var(--vx-font-head);
	font-weight: 800;
	font-size: .76rem;
	padding: 6px 12px;
	border-radius: 999px;
	border: 1px solid rgba(0, 229, 255, .34);
	backdrop-filter: blur(8px);
	box-shadow: 0 0 20px rgba(0, 229, 255, .16);
}
.vx-slot-card__play {
	position: absolute;
	inset: 50% auto auto 50%;
	transform: translate(-50%, -50%) scale(.75);
	width: 52px;
	height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--vx-c-primary), #cc0066);
	color: #fff;
	border-radius: 50%;
	opacity: 0;
	transition: opacity var(--vx-transition), transform var(--vx-transition);
	box-shadow: 0 0 28px rgba(255, 0, 128, .5);
	z-index: 4;
	text-decoration: none;
}
.vx-slot-card:hover .vx-slot-card__play,
.vx-slot-card--has-demo.is-previewing .vx-slot-card__play { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.vx-slot-card--has-demo.is-previewing .vx-slot-card__play { opacity: 0; pointer-events: none; }
.vx-slot-card__preview-label {
	position: absolute;
	right: 12px;
	bottom: 12px;
	z-index: 4;
	padding: 5px 11px;
	border-radius: 999px;
	font-size: .6rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .85);
	background: rgba(5, 6, 20, .76);
	border: 1px solid rgba(255, 255, 255, .12);
	backdrop-filter: blur(6px);
	transition: opacity var(--vx-transition);
}
.vx-slot-card--has-demo.is-previewing .vx-slot-card__preview-label { opacity: 0; }

.vx-slot-card__body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
	padding: clamp(14px, 1.8vw, 18px);
	min-height: 0;
}
.vx-slot-card__studio {
	margin: 0;
	min-height: 1.15em;
	font-size: .66rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(255, 0, 128, .85);
	line-height: 1.15;
}
.vx-slot-card__studio a {
	color: inherit;
	text-decoration: none;
}
.vx-slot-card__studio a:hover,
.vx-slot-card__studio a:focus-visible {
	color: #ff9fd0;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.vx-slot-card__studio-spacer {
	display: inline-block;
	min-height: 1em;
}
.vx-slot-card__title { margin: 0; font-size: .98rem; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; }
.vx-slot-card__title a {
	color: #fff;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.vx-slot-card__title a:hover { color: #ff9fd0; }

.vx-slot-card__stats {
	list-style: none;
	margin: 0;
	padding: clamp(12px, 1.6vw, 14px);
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, .1);
	background:
		radial-gradient(circle at 100% 0%, rgba(0, 229, 255, .1), transparent 42%),
		linear-gradient(155deg, rgba(91, 45, 142, .16), rgba(255, 255, 255, .03));
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
}
.vx-slot-card__stats li {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
	padding: 8px 6px;
	border-radius: 10px;
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .06);
	text-align: center;
}
.vx-slot-card__stats span {
	font-size: .58rem;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--vx-c-muted);
}
.vx-slot-card__stats strong {
	font-family: var(--vx-font-head);
	font-size: .82rem;
	font-weight: 800;
	color: #fff;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.vx-slot-card__stats li:first-child strong { color: var(--vx-c-secondary); }
.vx-slot-card__stats-vol--low strong { color: var(--vx-c-secondary); }
.vx-slot-card__stats-vol--medium strong { color: var(--vx-c-secondary); }
.vx-slot-card__stats-vol--high strong { color: #ff9fd0; }

.vx-slot-card__cta { margin-top: auto; }
.vx-slot-card__cta svg { flex-shrink: 0; }

@media (max-width: 560px) {
	.vx-slot-card__stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 4px;
		padding: 10px;
	}
	.vx-slot-card__stats li {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 6px 4px;
		text-align: center;
	}
	.vx-slot-card__stats span {
		font-size: .52rem;
		letter-spacing: .08em;
	}
	.vx-slot-card__stats strong {
		font-size: .72rem;
	}
	.vx-slot-card__machine { width: min(100%, 280px); }
}

@media (prefers-reduced-motion: reduce) {
		.vx-slot-card__preview-label { display: none; }
}

@media (prefers-reduced-motion: no-preference) {
	.vx-section--slots .vx-grid--slots.is-pending .vx-slot-card {
		opacity: 0;
		transform: translateY(22px);
	}
	.vx-section--slots .vx-grid--slots.is-visible .vx-slot-card {
		animation: vx-slot-in .62s cubic-bezier(.2, .65, .25, 1) both;
	}
	.vx-section--slots .vx-grid--slots.is-visible .vx-slot-card:nth-child(1) { animation-delay: .05s; }
	.vx-section--slots .vx-grid--slots.is-visible .vx-slot-card:nth-child(2) { animation-delay: .1s; }
	.vx-section--slots .vx-grid--slots.is-visible .vx-slot-card:nth-child(3) { animation-delay: .15s; }
	.vx-section--slots .vx-grid--slots.is-visible .vx-slot-card:nth-child(4) { animation-delay: .2s; }
	.vx-section--slots .vx-grid--slots.is-visible .vx-slot-card:nth-child(5) { animation-delay: .25s; }
	.vx-section--slots .vx-grid--slots.is-visible .vx-slot-card:nth-child(6) { animation-delay: .3s; }
	.vx-section--slots .vx-grid--slots.is-visible .vx-slot-card:nth-child(7) { animation-delay: .35s; }
	.vx-section--slots .vx-grid--slots.is-visible .vx-slot-card:nth-child(8) { animation-delay: .4s; }
}
@keyframes vx-slot-in {
	from { opacity: 0; transform: translateY(22px); }
	to { opacity: 1; transform: translateY(0); }
}

/* =========================================================
   16. Provider
   ========================================================= */
.vx-providers {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 14px;
}
.vx-providers--grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 18px; }
.vx-provider {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .03);
	border: 1px solid var(--vx-c-border);
	border-radius: var(--vx-radius);
	padding: 24px 16px;
	min-height: 100px;
	transition: all var(--vx-transition);
	color: var(--vx-c-text);
	text-decoration: none;
}
.vx-provider:hover {
	background: rgba(0, 229, 255, .08);
	border-color: var(--vx-c-secondary);
	transform: translateY(-3px);
}
.vx-provider__shine { display: none; }
.vx-provider__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.vx-provider__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.vx-provider__initials {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 52px;
	min-height: 52px;
	padding: 0 10px;
	border-radius: 14px;
	font-family: var(--vx-font-head);
	font-size: 1rem;
	font-weight: 900;
	color: #fff;
	background: linear-gradient(135deg, rgba(0, 229, 255, .24), rgba(138, 43, 226, .34));
}
.vx-provider img { max-width: 100%; max-height: 60px; filter: grayscale(1) brightness(1.7); opacity: .85; transition: all var(--vx-transition); }
.vx-provider:hover img { filter: none; opacity: 1; }
.vx-provider__title { font-family: var(--vx-font-head); font-weight: 800; font-size: 1rem; }
.vx-providers--grid .vx-provider {
	flex-direction: column;
	gap: 12px;
}

/* =========================================================
   17. Features (Why VegasX)
   ========================================================= */
.vx-features {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
	gap: 20px;
}
.vx-feature {
	padding: 28px;
	background: var(--vx-c-surface);
	border: 1px solid var(--vx-c-border);
	border-radius: var(--vx-radius-lg);
	transition: transform var(--vx-transition), border-color var(--vx-transition);
}
.vx-feature:hover { transform: translateY(-4px); border-color: rgba(255, 255, 255, .18); }
.vx-feature__icon {
	width: 54px; height: 54px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	margin-bottom: 16px;
	color: #050614;
}
.vx-feature__icon--pink   { background: var(--vx-c-primary); box-shadow: 0 8px 22px rgba(255, 0, 128, .35); }
.vx-feature__icon--cyan   { background: var(--vx-c-secondary); box-shadow: 0 8px 22px rgba(0, 229, 255, .35); }
.vx-feature__icon--lime   { background: var(--vx-c-tertiary); box-shadow: 0 8px 22px rgba(182, 255, 0, .35); }
.vx-feature__icon--violet { background: var(--vx-c-violet); color: #fff; box-shadow: 0 8px 22px rgba(138, 43, 226, .4); }
.vx-feature h3 { margin: 0 0 8px; font-size: 1.15rem; }
.vx-feature p { margin: 0; color: var(--vx-c-muted); font-size: .92rem; }

/* =========================================================
   18. Sports events
   ========================================================= */
.vx-section--sports .vx-events {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(16px, 2vw, 22px);
}
.vx-section--sports .vx-event {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	padding: 0;
	border-radius: calc(var(--vx-radius-lg) + 2px);
	border: 1px solid rgba(255, 255, 255, .12);
	background:
		linear-gradient(165deg, rgba(255, 255, 255, .09) 0%, rgba(255, 255, 255, .025) 42%, transparent 72%),
		linear-gradient(180deg, rgba(22, 28, 56, .98), rgba(14, 18, 42, .98));
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, .05) inset,
		0 22px 54px rgba(0, 0, 0, .46);
	overflow: hidden;
	isolation: isolate;
	transition: transform var(--vx-transition), border-color var(--vx-transition), box-shadow var(--vx-transition);
}
.vx-section--sports .vx-event__link {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 100%;
	padding: clamp(18px, 2.2vw, 22px);
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}
.vx-section--sports .vx-event::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22), transparent);
	opacity: .75;
	pointer-events: none;
	z-index: 1;
}
.vx-section--sports .vx-event__shine {
	position: absolute;
	inset: -40% auto auto -30%;
	width: 55%;
	height: 140%;
	background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .08) 50%, transparent 65%);
	transform: rotate(12deg);
	pointer-events: none;
	opacity: 0;
	transition: opacity var(--vx-transition);
	z-index: 1;
}
.vx-section--sports .vx-event:has(.vx-event__link:hover) {
	transform: translateY(-5px);
	border-color: rgba(255, 255, 255, .2);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, .08) inset,
		0 28px 64px rgba(0, 0, 0, .5);
}
.vx-section--sports .vx-event:has(.vx-event__link:hover) .vx-event__shine { opacity: 1; }
.vx-section--sports .vx-event__head {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
	font-size: .76rem;
	color: var(--vx-c-muted);
}
.vx-section--sports .vx-event__league {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 999px;
	font-family: var(--vx-font-head);
	font-weight: 700;
	font-size: .66rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #80f4ff;
	background: rgba(0, 229, 255, .1);
	border: 1px solid rgba(0, 229, 255, .24);
}
.vx-section--sports .vx-event__date {
	padding: 5px 10px;
	border-radius: 999px;
	font-weight: 600;
	color: rgba(255, 255, 255, .78);
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(255, 255, 255, .12);
	white-space: nowrap;
}
.vx-section--sports .vx-event__teams {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 14px;
	align-items: center;
	text-align: center;
	margin-bottom: 18px;
	padding: 16px 12px;
	border-radius: 16px;
	background:
		radial-gradient(circle at 50% 0%, rgba(0, 229, 255, .16), transparent 58%),
		rgba(8, 12, 30, .94);
	border: 1px solid rgba(0, 229, 255, .18);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
}
.vx-section--sports .vx-event__team {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	font-family: var(--vx-font-head);
	font-weight: 800;
	font-size: clamp(.95rem, 1.8vw, 1.08rem);
	line-height: 1.25;
	color: #fff;
}

.vx-section--sports .vx-event__team-name {
	display: block;
}

.vx-section--sports .vx-team-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--vx-logo-tile-bg);
	border: 1px solid var(--vx-logo-tile-border);
	box-shadow: var(--vx-logo-tile-shadow);
}

.vx-section--sports .vx-team-mark__img {
	display: block;
	width: 72%;
	height: 72%;
	object-fit: contain;
}
.vx-section--sports .vx-event__vs {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	border-radius: 999px;
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .12em;
	color: var(--vx-c-secondary);
	background: rgba(0, 229, 255, .08);
	border: 1px solid rgba(0, 229, 255, .22);
	box-shadow: 0 0 18px rgba(0, 229, 255, .12);
}
.vx-section--sports .vx-event__odds {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin-top: auto;
}
.vx-section--sports .vx-event__odds--duo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vx-section--sports .vx-odd {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	min-height: 58px;
	padding: 10px 8px;
	border-radius: 12px;
	color: #fff;
	font-family: var(--vx-font-head);
	background: rgba(0, 229, 255, .11);
	border: 1px solid rgba(0, 229, 255, .38);
	box-shadow: 0 0 16px rgba(0, 229, 255, .14), inset 0 0 0 1px rgba(255, 255, 255, .05);
	transition: background var(--vx-transition), border-color var(--vx-transition), box-shadow var(--vx-transition);
}
.vx-section--sports .vx-event:has(.vx-event__link:hover) .vx-odd {
	background: rgba(0, 229, 255, .14);
	border-color: rgba(0, 229, 255, .72);
	box-shadow: 0 0 22px rgba(0, 229, 255, .22);
}
.vx-section--sports .vx-odd__label {
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .08em;
	color: rgba(128, 244, 255, .82);
}
.vx-section--sports .vx-odd__value {
	font-size: 1.08rem;
	font-weight: 800;
	line-height: 1.1;
}
@media (max-width: 1100px) {
	.vx-section--sports .vx-events { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
	.vx-section--sports .vx-events { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
	.vx-section--sports .vx-event__teams {
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		gap: 8px;
		padding: 12px 8px;
		margin-bottom: 14px;
	}
	.vx-section--sports .vx-event__team {
		gap: 6px;
		font-size: .88rem;
	}
	.vx-section--sports .vx-team-mark {
		width: 36px;
		height: 36px;
	}
	.vx-section--sports .vx-event__vs {
		min-width: 32px;
		height: 32px;
		margin: 0;
		font-size: .62rem;
	}
	.vx-section--sports .vx-event__team-name {
		overflow-wrap: anywhere;
		word-break: normal;
		max-width: 100%;
	}
}
@media (prefers-reduced-motion: no-preference) {
	.vx-section--sports .vx-events.is-pending .vx-event {
		opacity: 0;
		transform: translateY(22px);
	}
	.vx-section--sports .vx-events.is-visible .vx-event {
		animation: vx-sports-in .62s cubic-bezier(.2, .65, .25, 1) both;
	}
	.vx-section--sports .vx-events.is-visible .vx-event:nth-child(1) { animation-delay: .05s; }
	.vx-section--sports .vx-events.is-visible .vx-event:nth-child(2) { animation-delay: .12s; }
	.vx-section--sports .vx-events.is-visible .vx-event:nth-child(3) { animation-delay: .19s; }
	.vx-section--sports .vx-events.is-visible .vx-event:nth-child(4) { animation-delay: .26s; }
	.vx-section--sports .vx-events.is-visible .vx-event:nth-child(5) { animation-delay: .33s; }
	.vx-section--sports .vx-events.is-visible .vx-event:nth-child(6) { animation-delay: .4s; }
}
@keyframes vx-sports-in {
	from { opacity: 0; transform: translateY(22px); }
	to { opacity: 1; transform: translateY(0); }
}

/* =========================================================
   19. CTA + Newsletter
   ========================================================= */
.vx-cta__title {
	margin: 0 0 12px;
	font-size: clamp(2rem, 4.2vw, 3rem);
	line-height: 1.05;
	letter-spacing: -.03em;
	background: linear-gradient(180deg, #fff 0%, #f0b8ff 55%, #00e5ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 0 28px rgba(255, 0, 128, .28));
}
.vx-cta__text {
	max-width: 520px;
	margin: 0 0 36px;
	color: rgba(233, 236, 255, .66);
	font-size: clamp(.95rem, 1.5vw, 1.04rem);
	line-height: 1.65;
}
.vx-cta__form {
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
	max-width: 460px;
	margin: 0;
	padding: 6px;
	border-radius: 999px;
	background: rgba(5, 6, 20, .82);
	border: 1px solid rgba(255, 0, 128, .24);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .05),
		0 16px 40px rgba(0, 0, 0, .28),
		0 0 36px rgba(255, 0, 128, .16);
	transition: border-color var(--vx-transition), box-shadow var(--vx-transition);
}
.vx-cta__form:focus-within {
	border-color: rgba(255, 0, 128, .45);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .06),
		0 16px 40px rgba(0, 0, 0, .28),
		0 0 44px rgba(255, 0, 128, .28);
}
.vx-cta__form input {
	flex: 1;
	min-width: 0;
	background: transparent;
	border: 0;
	padding: 14px 20px;
	color: #fff;
	font-family: var(--vx-font-body);
	font-size: 1rem;
	outline: 0;
}
.vx-cta__form input::placeholder { color: rgba(233, 236, 255, .36); }
.vx-cta__form .vx-btn {
	flex-shrink: 0;
	padding: 13px 26px;
	border-radius: 999px;
	font-weight: 700;
}
.vx-cta__legal {
	display: block;
	margin-top: 22px;
	color: rgba(233, 236, 255, .54);
	font-size: .8rem;
	line-height: 1.55;
}
@media (max-width: 560px) {
	.vx-cta__form {
		flex-direction: column;
		align-items: stretch;
		border-radius: calc(var(--vx-radius-lg) + 2px);
		padding: 10px;
	}
	.vx-cta__form .vx-btn { width: 100%; }
}

/* =========================================================
   20. Posts / Single
   ========================================================= */
/* —— Post cards — see assets/css/article.css (enqueued on blog/archives) —— */

.vx-page-header__title { color: #fff; }

.vx-prose { color: var(--vx-c-text); font-size: 1.05rem; line-height: 1.8; }
.vx-prose h2, .vx-prose h3, .vx-prose h4 { margin-top: 2em; }
.vx-prose ul, .vx-prose ol { padding-left: 1.3em; margin: 1em 0; }
.vx-prose li { margin-bottom: .5em; }
.vx-prose blockquote { border-left: 3px solid var(--vx-c-primary); padding: .6em 1em; margin: 1.5em 0; background: rgba(255, 255, 255, .03); border-radius: 0 12px 12px 0; font-style: italic; color: var(--vx-c-text); }
.vx-prose img { border-radius: var(--vx-radius); margin: 1.4em 0; }
.vx-prose table { width: 100%; border-collapse: collapse; margin: 1.6em 0; border: 1px solid var(--vx-c-border); }
.vx-prose th, .vx-prose td { padding: 10px 14px; border-bottom: 1px solid var(--vx-c-border); text-align: left; }
.vx-prose th { background: rgba(255, 255, 255, .04); font-family: var(--vx-font-head); }

.vx-page { background: var(--vx-c-surface); border: 1px solid var(--vx-c-border); border-radius: var(--vx-radius-lg); padding: clamp(24px, 4vw, 48px); }
.vx-page__thumb { margin: -16px -16px 24px; border-radius: var(--vx-radius); overflow: hidden; }
.vx-main--page { max-width: 880px; margin: 0 auto; }

/* =========================================================
   21. Sidebar / Widgets
   ========================================================= */
.vx-sidebar .widget {
	background: var(--vx-c-surface);
	border: 1px solid var(--vx-c-border);
	border-radius: var(--vx-radius-lg);
	padding: 22px 24px;
	margin-bottom: 22px;
}
.vx-sidebar .widget-title { margin: 0 0 14px; font-size: .85rem; text-transform: uppercase; letter-spacing: .08em; color: var(--vx-c-tertiary); }
.vx-sidebar ul { list-style: none; padding: 0; margin: 0; }
.vx-sidebar li { padding: 8px 0; border-bottom: 1px solid var(--vx-c-border); }
.vx-sidebar li:last-child { border-bottom: 0; }
.vx-sidebar a { color: var(--vx-c-text); }
.vx-sidebar a:hover { color: var(--vx-c-secondary); }

/* =========================================================
   22. Casino single hero
   ========================================================= */
.vx-cas-hero {
	position: relative;
	padding: 50px 0 40px;
	background: linear-gradient(180deg, var(--vx-c-bg-2), transparent);
	overflow: hidden;
	isolation: isolate;
}
.vx-cas-hero__bg { position: absolute; inset: 0; pointer-events: none; z-index: -1; }
.vx-cas-hero__glow { position: absolute; border-radius: 50%; filter: blur(120px); opacity: .35; }
.vx-cas-hero__glow--1 { background: var(--vx-c-primary); width: 380px; height: 380px; top: -100px; left: -100px; }
.vx-cas-hero__glow--2 { background: var(--vx-c-secondary); width: 320px; height: 320px; bottom: -80px; right: -60px; }
.vx-cas-hero__inner {
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr) minmax(280px, 420px);
	gap: 32px;
	align-items: center;
	background: var(--vx-c-surface);
	border: 1px solid var(--vx-c-border);
	border-radius: var(--vx-radius-xl);
	padding: 30px;
	box-shadow: var(--vx-shadow);
}
@media (max-width: 900px) { .vx-cas-hero__inner { grid-template-columns: 1fr; text-align: center; padding: 24px; } }
.vx-cas-hero__logo {
	height: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .04);
	border: 1px solid var(--vx-c-border);
	border-radius: var(--vx-radius);
	padding: 14px;
}
.vx-cas-hero__logo img { max-height: 90px; width: auto; }
.vx-cas-hero__placeholder {
	width: 100px; height: 100px;
	display: flex; align-items: center; justify-content: center;
	background: var(--vx-grad-accent);
	color: #fff;
	font-family: var(--vx-font-head);
	font-weight: 900;
	font-size: 3rem;
	border-radius: 18px;
}
.vx-cas-hero__title { margin: 0 0 12px; font-size: clamp(1.8rem, 3.5vw, 2.6rem); }
.vx-cas-hero__rating { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 14px; }
.vx-rating-value { font-family: var(--vx-font-head); font-weight: 800; font-size: 1.2rem; color: var(--vx-c-gold); }
.vx-rating-label { color: var(--vx-c-muted); font-size: .85rem; }
.vx-cas-hero__meta {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 14px;
	margin-top: 12px;
}
.vx-cas-hero__meta > div { display: flex; flex-direction: column; }
.vx-cas-hero__meta span { font-size: .72rem; color: var(--vx-c-muted); text-transform: uppercase; letter-spacing: .08em; }
.vx-cas-hero__meta strong { color: #fff; font-family: var(--vx-font-head); font-size: .95rem; margin-top: 2px; }

.vx-cas-hero__cta { display: grid; gap: 10px; min-width: 0; }
.vx-cas-hero__offer-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	background: rgba(0, 229, 255, .06);
	border: 1px solid var(--vx-c-border);
	border-radius: 14px;
	min-width: 0;
}
.vx-cas-hero__bonus {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px 8px;
	min-width: 0;
	flex: 1 1 auto;
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
}
.vx-cas-hero__promo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
}
.vx-cas-hero__offer-action {
	flex-shrink: 0;
}
.vx-cas-hero__offer-action .vx-btn {
	white-space: nowrap;
	padding-inline: 16px;
}
.vx-cas-hero__bonus small {
	color: var(--vx-c-muted);
	font-size: .62rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	white-space: nowrap;
}
.vx-cas-hero__bonus strong {
	font-family: var(--vx-font-head);
	font-weight: 800;
	color: var(--vx-c-tertiary);
	font-size: .92rem;
	line-height: 1.15;
	white-space: nowrap;
}
.vx-cas-hero__promo .vx-copy--inline {
	padding: 7px 10px;
	gap: 6px;
	font-size: .78rem;
}
.vx-cas-hero__promo .vx-copy--inline code {
	font-size: .82rem;
}
.vx-cas-hero__legal { text-align: center; color: var(--vx-c-muted-2); font-size: .75rem; }
@media (max-width: 1100px) {
	.vx-cas-hero__offer-row {
		flex-wrap: wrap;
	}
	.vx-cas-hero__bonus strong { white-space: normal; }
}
@media (max-width: 900px) {
	.vx-cas-hero__offer-row {
		flex-direction: column;
		align-items: stretch;
	}
	.vx-cas-hero__offer-action .vx-btn { width: 100%; justify-content: center; }
}

/* Casino single � blocks */
.vx-block {
	background: var(--vx-c-surface);
	border: 1px solid var(--vx-c-border);
	border-radius: var(--vx-radius-lg);
	padding: clamp(24px, 3vw, 36px);
	margin-bottom: 24px;
}
.vx-block__title { margin: 0 0 18px; font-size: 1.5rem; }

.vx-pros-cons__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
	gap: 22px;
}
.vx-pros-cons__col h3 { font-size: 1rem; margin: 0 0 10px; text-transform: uppercase; letter-spacing: .06em; }
.vx-pros-cons__col--pros h3 { color: var(--vx-c-tertiary); }
.vx-pros-cons__col--cons h3 { color: var(--vx-c-primary); }
.vx-list { list-style: none; margin: 0; padding: 0; }
.vx-list li { position: relative; padding: 8px 0 8px 28px; color: var(--vx-c-text); border-bottom: 1px dashed var(--vx-c-border); font-size: .94rem; }
.vx-list li:last-child { border-bottom: 0; }
.vx-pros-cons__col--pros .vx-list li::before { content: "?"; position: absolute; left: 0; color: var(--vx-c-tertiary); font-weight: 800; }
.vx-pros-cons__col--cons .vx-list li::before { content: "?"; position: absolute; left: 0; color: var(--vx-c-primary); font-weight: 800; }

.vx-rating-detail__grid { display: grid; gap: 14px; }
.vx-rating-row { display: grid; grid-template-columns: 140px 1fr 50px; gap: 16px; align-items: center; }
.vx-rating-row__label { color: var(--vx-c-text); font-size: .95rem; }
.vx-rating-row__bar { background: rgba(255, 255, 255, .06); border-radius: 999px; height: 8px; overflow: hidden; }
.vx-rating-row__fill { display: block; height: 100%; background: var(--vx-grad-primary); border-radius: 999px; box-shadow: 0 0 18px rgba(255, 0, 128, .35); transition: width 1s cubic-bezier(.2,.7,.3,1); }
.vx-rating-row__value { font-family: var(--vx-font-head); font-weight: 800; color: var(--vx-c-gold); text-align: right; }
@media (max-width: 600px) { .vx-rating-row { grid-template-columns: 110px 1fr 40px; } }

.vx-pills { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.vx-pills a {
	display: inline-block;
	padding: 8px 16px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid var(--vx-c-border);
	border-radius: 999px;
	font-size: .85rem;
	color: var(--vx-c-text);
}
.vx-pills a:hover { background: rgba(0, 229, 255, .1); border-color: var(--vx-c-secondary); color: var(--vx-c-secondary); }

.vx-final { background: linear-gradient(135deg, rgba(255, 0, 128, .1), rgba(0, 229, 255, .1)), var(--vx-c-surface); border-color: rgba(255, 0, 128, .25); }
.vx-final__inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 18px; }
.vx-final h2 { margin: 0 0 8px; }
.vx-final__rating { display: inline-flex; gap: 10px; align-items: center; color: var(--vx-c-gold); font-family: var(--vx-font-head); font-size: 1.4rem; }

/* =========================================================
   24. Archive heroes
   ========================================================= */
.vx-archive-hero {
	padding: 50px 0 30px;
	background: linear-gradient(180deg, rgba(255, 0, 128, .05), transparent);
	position: relative;
}

/* =========================================================
   25. Breadcrumbs
   ========================================================= */
.vx-breadcrumbs { margin-bottom: clamp(16px, 2.5vw, 24px); }
.vx-breadcrumbs__list {
	list-style: none;
	margin: 0;
	padding: 8px 14px;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	width: fit-content;
	max-width: 100%;
	border-radius: 999px;
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .08);
	font-family: var(--vx-font-head);
	font-size: .66rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #ff9fd0;
}
.vx-breadcrumbs__list a {
	color: #ff9fd0;
	text-decoration: none;
	transition: color var(--vx-transition);
}
.vx-breadcrumbs__list a:hover { color: #fff; }
.vx-breadcrumbs__list span[aria-current="page"] { color: #ff9fd0; }
.vx-breadcrumbs__sep { margin: 0 2px; color: rgba(255, 159, 208, .55); }

/* =========================================================
   26. Pagination
   ========================================================= */
.pagination, .navigation.pagination, .vx-pagination { margin: 40px 0; display: flex; justify-content: center; }
.nav-links { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px; height: 42px;
	padding: 0 14px;
	background: var(--vx-c-surface);
	border: 1px solid var(--vx-c-border);
	color: var(--vx-c-text);
	border-radius: 12px;
	font-family: var(--vx-font-head);
	font-weight: 700;
	text-decoration: none;
	transition: all var(--vx-transition);
}
.page-numbers.current { background: var(--vx-grad-primary); color: #fff; border-color: transparent; box-shadow: var(--vx-shadow-btn); }
.page-numbers:hover { border-color: var(--vx-c-secondary); color: var(--vx-c-secondary); }

.post-navigation { margin: 28px 0; }
.post-navigation .nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.post-navigation a { display: block; padding: 16px 20px; background: var(--vx-c-surface); border: 1px solid var(--vx-c-border); border-radius: var(--vx-radius); color: #fff; }

/* =========================================================
   27. Footer
   ========================================================= */
.vx-footer {
	position: relative;
	flex-shrink: 0;
	background: #03040d;
	color: var(--vx-c-text);
	margin-top: 80px;
	margin-bottom: 0;
	padding-bottom: 0;
	overflow: hidden;
	contain: layout paint;
	isolation: isolate;
}
.vx-footer__bg {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	contain: paint;
}
.vx-footer__glow {
	position: absolute;
	border-radius: 50%;
	opacity: .14;
	pointer-events: none;
	/* Fully inside footer bounds — negative offsets create iPad Safari scroll gaps */
}
.vx-footer__glow--1 {
	width: 180px;
	height: 180px;
	top: 8%;
	left: 6%;
	background: radial-gradient(circle, rgba(255, 0, 128, .55) 0%, transparent 68%);
}
.vx-footer__glow--2 {
	width: 180px;
	height: 180px;
	right: 4%;
	top: 42%;
	bottom: auto;
	background: radial-gradient(circle, rgba(0, 229, 255, .45) 0%, transparent 68%);
}

/* iPad Mini / Air / Pro — kill phantom space under footer */
@media (min-width: 744px) and (max-width: 1366px) {
	html,
	body {
		overflow-x: clip;
	}

	#page.vx-site {
		overflow-x: clip;
	}

	.vx-footer {
		margin-bottom: 0;
		padding-bottom: 0;
		contain: layout paint;
	}

	.vx-footer__bottom {
		padding: 12px 0;
	}
}

.vx-footer__responsible {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 16px 0;
	background:
		linear-gradient(155deg, rgba(91, 45, 142, .14), rgba(42, 18, 72, .2)),
		rgba(8, 10, 26, .96);
	border-top: 1px solid rgba(255, 0, 128, .22);
	border-bottom: 1px solid rgba(255, 255, 255, .08);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
.vx-footer__responsible::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 0, 128, .4), rgba(0, 229, 255, .18), transparent);
	pointer-events: none;
}
.vx-footer__responsible-inner {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
	gap: clamp(12px, 2vw, 20px);
	text-align: left;
	min-width: 0;
}
.vx-footer__rg-badges {
	display: inline-flex;
	flex-flow: row wrap;
	flex: 0 1 auto;
	gap: 8px;
	align-items: center;
	max-width: 100%;
}
.vx-footer__responsible .vx-age--lg {
	width: 36px;
	height: 36px;
	font-size: .8rem;
	box-shadow: 0 0 18px rgba(255, 58, 58, .35);
}
.vx-rg-badge {
	display: inline-flex;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .12);
	padding: 6px 12px;
	border-radius: 999px;
	font-family: var(--vx-font-head);
	font-weight: 700;
	font-size: .7rem;
	letter-spacing: .04em;
	color: rgba(233, 236, 255, .72);
	background: rgba(255, 255, 255, .04);
	white-space: nowrap;
}
.vx-footer__rg-text {
	margin: 0;
	min-width: 0;
	flex: 1 1 auto;
	color: rgba(233, 236, 255, .66);
	font-size: clamp(.7rem, 1.05vw, .84rem);
	line-height: 1.35;
	white-space: normal;
	overflow-wrap: break-word;
}

/* Wider than iPad Pro — keep footer in the centered 1280px column */
@media (min-width: 1367px) {
	.vx-footer .vx-container {
		width: 100%;
		max-width: var(--vx-container);
		margin-left: auto;
		margin-right: auto;
	}
	.vx-footer__responsible-inner {
		flex-flow: row nowrap;
		align-items: center;
		justify-content: flex-start;
		text-align: left;
	}
	.vx-footer__rg-badges {
		flex-flow: row nowrap;
		flex: 0 0 auto;
		justify-content: flex-start;
	}
	.vx-footer__rg-text {
		flex: 1 1 auto;
		white-space: normal;
		text-align: left;
	}
	.vx-footer__bottom-inner {
		align-items: center;
		justify-content: center;
		text-align: center;
	}
}

/* Phones + all iPads (Mini 744 → Pro 1366) — stacked, centered, no overflow */
@media (max-width: 1366px) {
	.vx-footer__responsible {
		padding: 14px 0;
	}

	.vx-footer__responsible-inner {
		flex-flow: column nowrap;
		align-items: center;
		justify-content: center;
		gap: 12px;
		text-align: center;
	}

	.vx-footer__rg-badges {
		justify-content: center;
		flex-wrap: wrap;
		flex: none;
		width: 100%;
	}

	.vx-footer__rg-text {
		flex: none;
		width: 100%;
		max-width: 40rem;
		font-size: .72rem;
		line-height: 1.45;
		text-align: center;
	}

	.vx-footer__responsible .vx-age--lg {
		width: 32px;
		height: 32px;
		font-size: .72rem;
	}

	.vx-rg-badge {
		padding: 5px 10px;
		font-size: .64rem;
	}

	.vx-footer__copyright {
		white-space: normal;
	}

	.vx-footer__bottom-meta {
		flex-flow: row wrap;
		justify-content: center;
	}
}

.vx-footer__widgets { padding: 60px 0 30px; position: relative; }
.vx-footer__grid { display: grid; gap: 36px; }
.vx-footer__grid--1 { grid-template-columns: 1fr; }
.vx-footer__grid--2 { grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); }
.vx-footer__grid--3 { grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); }
.vx-footer__grid--4 { grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); }
.footer-widget .widget-title { font-size: .82rem; text-transform: uppercase; letter-spacing: .1em; color: var(--vx-c-text); margin: 0 0 16px; }
.footer-widget ul { list-style: none; padding: 0; margin: 0; }
.footer-widget li { padding: 5px 0; }
.footer-widget a { color: var(--vx-c-muted); font-size: .9rem; }
.footer-widget a:hover { color: var(--vx-c-secondary); }

.vx-footer__bottom {
	position: relative;
	z-index: 1;
	padding: 14px 0 16px;
	border-top: 1px solid rgba(255, 255, 255, .08);
	background: rgba(3, 4, 13, .98);
}
.vx-footer__bottom-inner {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-align: center;
	font-size: clamp(.72rem, 1vw, .8rem);
	color: rgba(233, 236, 255, .5);
}
.vx-footer__bottom-meta {
	display: inline-flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	gap: 6px 10px;
	max-width: 100%;
}
.vx-footer__copyright,
.vx-footer__disclaimer {
	margin: 0;
	min-width: 0;
	line-height: 1.45;
}
.vx-footer__copyright {
	flex-shrink: 0;
	color: rgba(233, 236, 255, .58);
	white-space: nowrap;
}
.vx-footer__bottom-sep {
	display: inline;
	flex-shrink: 0;
	color: rgba(233, 236, 255, .28);
}
.vx-footer__disclaimer {
	color: rgba(233, 236, 255, .46);
}
.vx-footer__nav {
	margin: 0;
	width: 100%;
}
.vx-footer__menu { display: flex; gap: 14px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; justify-content: center; }
.vx-footer__menu a { color: rgba(233, 236, 255, .58); font-size: inherit; white-space: nowrap; }
.vx-footer__menu a:hover { color: var(--vx-c-secondary); }

/* =========================================================
   28. Back to top
   ========================================================= */
.vx-back-to-top {
	position: fixed;
	right: 22px;
	bottom: max(22px, env(safe-area-inset-bottom, 0px));
	width: 46px;
	height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--vx-grad-primary);
	color: #fff;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	z-index: 60;
	box-shadow: var(--vx-shadow-btn);
	transition: transform var(--vx-transition);
}
.vx-back-to-top:hover { transform: translateY(-2px) scale(1.05); }
@media (max-width: 600px) { .vx-back-to-top { right: 16px; bottom: 16px; width: 42px; height: 42px; } }

/* =========================================================
   29. 404
   ========================================================= */
.vx-404-page {
	overflow-x: clip;
	width: 100%;
	max-width: 100%;
}

.vx-404 {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	padding: clamp(48px, 8vw, 96px) 0 clamp(56px, 8vw, 88px);
	background: linear-gradient(180deg, rgba(8, 10, 28, .98), rgba(5, 6, 18, .35));
	text-align: center;
	width: 100%;
	max-width: 100%;
}

.vx-404__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
}

.vx-404__glow {
	position: absolute;
	border-radius: 50%;
	filter: blur(110px);
}

.vx-404__glow--pink {
	width: 480px;
	height: 480px;
	top: -160px;
	left: 50%;
	transform: translateX(-55%);
	background: var(--vx-c-primary);
	opacity: .26;
}

.vx-404__glow--cyan {
	width: 420px;
	height: 420px;
	bottom: -120px;
	right: -60px;
	background: var(--vx-c-secondary);
	opacity: .16;
}

.vx-404__grid {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px);
	background-size: 44px 44px;
	mask-image: radial-gradient(ellipse 70% 65% at 50% 35%, #000 18%, transparent 72%);
}

.vx-404__inner {
	position: relative;
	z-index: 1;
	max-width: 640px;
	margin-inline: auto;
}

.vx-404__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0 0 18px;
	font-family: var(--vx-font-head);
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(255, 159, 208, .9);
}

.vx-404__pulse {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--vx-c-primary);
	box-shadow: 0 0 12px rgba(255, 0, 128, .55);
	animation: vx-pulse 2s ease-out infinite;
}

.vx-404__code {
	position: relative;
	display: grid;
	place-items: center;
	width: min(300px, 78vw);
	height: min(300px, 78vw);
	margin: 0 auto 20px;
}

.vx-404__digits {
	position: relative;
	z-index: 1;
	font-family: var(--vx-font-head);
	font-size: clamp(7rem, 26vw, 9.5rem);
	font-weight: 900;
	line-height: 1;
	letter-spacing: -.04em;
	background: linear-gradient(120deg, var(--vx-c-secondary), #ffe08a 45%, var(--vx-c-primary));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 0 28px rgba(255, 0, 128, .28));
}

@media (min-width: 768px) {
	.vx-404__code {
		width: min(380px, 52vw);
		height: min(380px, 52vw);
	}

	.vx-404__digits {
		font-size: clamp(9.5rem, 16vw, 12rem);
	}

	.vx-404__title {
		font-size: clamp(2.7rem, 4.8vw, 3.5rem);
	}

	.vx-404__text {
		font-size: clamp(1.2rem, 2.1vw, 1.4rem);
		max-width: 48ch;
	}
}

/* iPad Air / Pro — portrait + landscape */
@media (min-width: 768px) and (max-width: 1366px) {
	.vx-404 {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: calc(100dvh - 220px);
		padding: clamp(72px, 9vw, 120px) 0 clamp(80px, 10vw, 130px);
		box-sizing: border-box;
	}

	.vx-404__code {
		width: min(440px, 58vw);
		height: min(440px, 58vw);
	}

	.vx-404__digits {
		font-size: clamp(11rem, 18vw, 13.5rem);
	}

	.vx-404__title {
		font-size: clamp(3.05rem, 5.4vw, 3.9rem);
	}

	.vx-404__text {
		font-size: clamp(1.3rem, 2.4vw, 1.52rem);
	}

	.vx-404__links {
		gap: 18px;
	}

	.vx-404__chip {
		gap: 16px;
		padding: 26px 42px;
		font-size: 1.45rem;
	}

	.vx-404__chip-ico svg {
		width: 30px;
		height: 30px;
	}
}

@media (min-width: 1367px) {
	.vx-404__code {
		width: min(360px, 42vw);
		height: min(360px, 42vw);
	}

	.vx-404__digits {
		font-size: clamp(9rem, 12vw, 11.5rem);
	}

	.vx-404__title {
		font-size: clamp(2.8rem, 3.2vw, 3.4rem);
	}

	.vx-404__text {
		font-size: 1.28rem;
	}
}

.vx-404__orbit {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 1px dashed rgba(255, 255, 255, .16);
	animation: vx-404-spin 28s linear infinite;
}

.vx-404__orbit::before {
	content: "";
	position: absolute;
	inset: 14px;
	border-radius: 50%;
	border: 1px solid rgba(0, 229, 255, .12);
}

@keyframes vx-404-spin {
	to { transform: rotate(360deg); }
}

.vx-404__title {
	margin: 0 0 14px;
	font-family: var(--vx-font-head);
	font-size: clamp(2.05rem, 6.5vw, 2.9rem);
	font-weight: 900;
	line-height: 1.12;
	letter-spacing: -.02em;
	color: #fff;
}

.vx-404__title span {
	background: linear-gradient(120deg, var(--vx-c-secondary), #ffe08a 50%, var(--vx-c-primary));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.vx-404__text {
	margin: 0 auto clamp(24px, 3.5vw, 32px);
	max-width: 44ch;
	font-size: clamp(1.05rem, 2.4vw, 1.2rem);
	line-height: 1.65;
	color: rgba(233, 236, 255, .62);
}

.vx-404__links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.vx-404__chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, .1);
	background: rgba(255, 255, 255, .04);
	color: rgba(233, 236, 255, .82);
	font-family: var(--vx-font-head);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-decoration: none;
	transition: border-color var(--vx-transition), background var(--vx-transition), color var(--vx-transition), box-shadow var(--vx-transition);
}

.vx-404__chip:hover {
	border-color: rgba(255, 0, 128, .4);
	background: rgba(255, 0, 128, .1);
	color: #fff;
	box-shadow: 0 0 20px rgba(255, 0, 128, .12);
}

.vx-404__chip-ico {
	display: inline-flex;
	color: var(--vx-c-secondary);
}

.vx-site__content:has(.vx-404-page) + .vx-footer {
	margin-top: clamp(24px, 4vw, 40px);
}

@media (max-width: 640px) {
	.vx-404 {
		padding: clamp(36px, 8vw, 56px) 0 40px;
	}

	.vx-404__chip {
		padding: 8px 12px;
		font-size: .72rem;
	}

	.vx-site__content:has(.vx-404-page) + .vx-footer {
		margin-top: 40px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vx-404__orbit { animation: none; }
	.vx-404__pulse { animation: none; }
}

/* =========================================================
   30. Comments
   ========================================================= */
.vx-comments {
	background: var(--vx-c-surface);
	border: 1px solid var(--vx-c-border);
	border-radius: var(--vx-radius-lg);
	padding: clamp(24px, 4vw, 40px);
	margin-top: 32px;
}
.vx-comments__title { margin-bottom: 24px; }
.vx-comment-list { list-style: none; padding: 0; margin: 0 0 28px; }
.vx-comment-list .children { list-style: none; padding-left: 24px; border-left: 2px solid var(--vx-c-border); }
.vx-comment__body { padding: 18px 0; border-bottom: 1px solid var(--vx-c-border); }
.vx-comment__header { display: flex; gap: 14px; margin-bottom: 10px; align-items: center; }
.vx-comment__avatar img { border-radius: 50%; }
.vx-comment__author { color: #fff; }
.vx-comment__date { font-size: .82rem; color: var(--vx-c-muted); }
.vx-comment__footer { display: flex; gap: 14px; margin-top: 8px; font-size: .85rem; }

.vx-comment-form { display: grid; gap: 14px; margin-top: 28px; }
.vx-comment-form p { margin: 0; }
.vx-comment-form input[type="text"],
.vx-comment-form input[type="email"],
.vx-comment-form input[type="url"],
.vx-comment-form textarea {
	width: 100%;
	background: var(--vx-c-bg-2);
	border: 1px solid var(--vx-c-border);
	border-radius: 10px;
	padding: 12px 14px;
	color: #fff;
	font-family: var(--vx-font-body);
	font-size: .96rem;
	outline: 0;
	transition: border-color var(--vx-transition);
}
.vx-comment-form input:focus, .vx-comment-form textarea:focus { border-color: var(--vx-c-secondary); }
.vx-comment-form .form-submit {
	margin: 6px 0 0;
}
.vx-comment-form__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 188px;
	padding: 15px 30px;
	border-radius: 12px;
	border: 1px solid rgba(255, 0, 128, .72);
	background:
		linear-gradient(135deg, rgba(255, 0, 128, .24) 0%, rgba(138, 43, 226, .18) 52%, rgba(0, 229, 255, .12) 100%);
	box-shadow:
		0 0 28px rgba(255, 0, 128, .22),
		inset 0 1px 0 rgba(255, 255, 255, .14);
	color: #fff;
	font-family: var(--vx-font-head);
	font-weight: 700;
	font-size: .95rem;
	letter-spacing: .02em;
	cursor: pointer;
	transition:
		transform var(--vx-transition),
		box-shadow var(--vx-transition),
		border-color var(--vx-transition),
		background var(--vx-transition);
}
.vx-comment-form__submit:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 0, 128, .92);
	background:
		linear-gradient(135deg, rgba(255, 0, 128, .34) 0%, rgba(138, 43, 226, .26) 52%, rgba(0, 229, 255, .16) 100%);
	box-shadow:
		0 10px 28px rgba(255, 0, 128, .28),
		0 0 36px rgba(255, 0, 128, .24),
		inset 0 1px 0 rgba(255, 255, 255, .18);
}
.vx-comment-form__submit:active {
	transform: translateY(0);
}
.vx-comment-form__submit:focus-visible {
	outline: 2px solid var(--vx-c-secondary);
	outline-offset: 3px;
}

/* =========================================================
   31. Share
   ========================================================= */
.vx-share {
	display: flex;
	align-items: center;
	gap: 12px 16px;
}
.vx-share--bar {
	padding: 18px 20px;
	border-radius: var(--vx-radius-lg);
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .08);
}
.vx-share__label {
	flex-shrink: 0;
	margin: 0;
	font-family: var(--vx-font-head);
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: rgba(233, 236, 255, .45);
}
.vx-share__actions {
	display: flex;
	flex: 1;
	flex-wrap: nowrap;
	gap: 8px;
	min-width: 0;
}
.vx-share__btn {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	gap: 8px;
	padding: 9px 14px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 999px;
	color: rgba(233, 236, 255, .88);
	font-size: .82rem;
	font-weight: 600;
	text-decoration: none;
	transition: background var(--vx-transition), border-color var(--vx-transition), color var(--vx-transition), transform var(--vx-transition);
}
.vx-share__btn svg { flex-shrink: 0; opacity: .85; }
.vx-share__btn:hover {
	transform: translateY(-1px);
	color: #050614;
	border-color: transparent;
}
.vx-share__btn--x:hover { background: #fff; }
.vx-share__btn--fb:hover { background: #1877f2; color: #fff; }
.vx-share__btn--tg:hover { background: #26a5e4; color: #fff; }
.vx-share__btn--wa:hover { background: #25d366; color: #fff; }

@media (max-width: 640px) {
	.vx-share {
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.vx-share::-webkit-scrollbar {
		display: none;
	}

	.vx-share__btn span {
		display: none;
	}

	.vx-share__btn {
		padding: 9px;
		gap: 0;
	}
}

/* =========================================================
   31b. Auth gate — login & signup (Neon Gate)
   ========================================================= */

/* Auth page — keep header/menu, hide duplicate auth buttons */
.vx-gate-page .vx-header__actions .vx-btn--login,
.vx-gate-page .vx-header__actions .vx-header__cta { display: none; }

.vx-gate-page {
	--vx-gate-chrome: 72px;
}
.vx-gate-page.vx-has-ticker {
	--vx-gate-chrome: calc(72px + 38px);
}

.vx-gate-page .vx-site__content {
	min-height: 0;
	padding: 0;
	margin: 0;
	max-width: none;
}

/* Gate shell */
.vx-gate {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: calc(100dvh - var(--vx-gate-chrome, 72px));
	background: #05010a;
	color: #e9ecff;
	overflow: hidden;
	isolation: isolate;
}

.vx-gate__stage {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}

.vx-gate__orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(80px);
	opacity: .85;
}
.vx-gate__orb--pink {
	width: min(52vw, 520px);
	height: min(52vw, 520px);
	top: -18%;
	left: -12%;
	background: rgba(255, 0, 128, .34);
}
.vx-gate__orb--cyan {
	width: min(44vw, 440px);
	height: min(44vw, 440px);
	top: 8%;
	right: -10%;
	background: rgba(0, 229, 255, .22);
}
.vx-gate__orb--violet {
	width: min(36vw, 360px);
	height: min(36vw, 360px);
	bottom: -8%;
	left: 28%;
	background: rgba(138, 43, 226, .28);
}

.vx-gate__ring {
	position: absolute;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .06);
}
.vx-gate__ring--1 {
	width: min(72vw, 680px);
	height: min(72vw, 680px);
	top: 50%;
	left: 22%;
	transform: translate(-50%, -50%);
	box-shadow:
		0 0 0 1px rgba(255, 0, 128, .08) inset,
		0 0 80px rgba(255, 0, 128, .06);
}
.vx-gate__ring--2 {
	width: min(48vw, 460px);
	height: min(48vw, 460px);
	top: 42%;
	left: 18%;
	transform: translate(-50%, -50%);
	border-color: rgba(0, 229, 255, .1);
}

.vx-gate__layout {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	flex: 1;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

/* Brand panel */
.vx-gate__brand {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: clamp(20px, 3vw, 32px);
	padding: clamp(28px, 5vw, 48px) clamp(20px, 4vw, 40px);
	background:
		linear-gradient(160deg, rgba(91, 45, 142, .22) 0%, rgba(8, 10, 26, .35) 55%, transparent 100%),
		radial-gradient(ellipse 80% 60% at 20% 0%, rgba(255, 0, 128, .12), transparent 60%);
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.vx-gate__logo {
	display: inline-flex;
	align-items: baseline;
	width: fit-content;
	font-family: var(--vx-font-logo);
	font-size: clamp(1.5rem, 3vw, 1.85rem);
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}
.vx-gate__logo .vx-logo__word { color: rgba(255, 255, 255, .94); font-weight: 400; }
.vx-gate__logo .vx-logo__x {
	color: #ff6eb4;
	font-weight: 500;
	margin-left: .06em;
	transition: color var(--vx-transition), text-shadow var(--vx-transition);
}
.vx-gate__logo:hover .vx-logo__x {
	color: var(--vx-c-primary);
	text-shadow: 0 0 20px rgba(255, 0, 128, .55);
}

.vx-gate__logo { display: none; }

.vx-gate__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	font-family: var(--vx-font-head);
	font-size: .66rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #ff9fd0;
}

.vx-gate__pulse {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ff0080;
	box-shadow: 0 0 0 0 rgba(255, 0, 128, .55);
	animation: vx-bonus-pulse 2s ease-out infinite;
	flex-shrink: 0;
}

.vx-gate__headline {
	margin: 0;
	font-family: var(--vx-font-head);
	font-size: clamp(1.85rem, 4.5vw, 2.75rem);
	font-weight: 700;
	line-height: 1.06;
	letter-spacing: -.03em;
	color: #fff;
}
.vx-gate__headline span {
	display: block;
	margin-top: .06em;
	font-size: 1.08em;
	font-weight: 800;
	background: linear-gradient(90deg, #ff007f 0%, #00f2ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.vx-gate__lede {
	margin: 0;
	max-width: 42ch;
	color: rgba(233, 236, 255, .62);
	font-size: clamp(.9rem, 1.6vw, 1rem);
	line-height: 1.65;
}

.vx-gate__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
}
.vx-gate__stat {
	padding: 14px 12px;
	border-radius: 14px;
	text-align: center;
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .08);
	backdrop-filter: blur(8px);
}
.vx-gate__stat dt {
	margin: 0 0 2px;
	font-family: var(--vx-font-head);
	font-size: clamp(1.25rem, 2.5vw, 1.65rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -.02em;
	color: #fff;
}
.vx-gate__stat dd {
	margin: 0;
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(233, 236, 255, .48);
}
.vx-gate__stat--pink dt { color: #ff6eb4; text-shadow: 0 0 24px rgba(255, 0, 128, .35); }
.vx-gate__stat--cyan dt { color: #5eeaff; text-shadow: 0 0 24px rgba(0, 229, 255, .35); }
.vx-gate__stat--lime dt { color: #b8ff9a; text-shadow: 0 0 24px rgba(184, 255, 154, .25); }

/* Form panel */
.vx-gate__panel {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(24px, 4vw, 48px) clamp(20px, 4vw, 40px);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, transparent 30%),
		rgba(5, 6, 20, .55);
}

.vx-gate__panel-inner {
	width: 100%;
	max-width: 420px;
}

.vx-gate__tabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px;
	margin-bottom: 20px;
	padding: 5px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .08);
}

.vx-gate__tab {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 11px 16px;
	border-radius: 999px;
	font-family: var(--vx-font-head);
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none;
	color: rgba(233, 236, 255, .52);
	transition: color var(--vx-transition), background var(--vx-transition), box-shadow var(--vx-transition);
}
.vx-gate__tab:hover { color: rgba(255, 255, 255, .88); }
.vx-gate__tab.is-active {
	color: #fff;
	background: linear-gradient(135deg, rgba(255, 0, 128, .35) 0%, rgba(138, 43, 226, .25) 100%);
	box-shadow:
		0 0 24px rgba(255, 0, 128, .18),
		0 0 0 1px rgba(255, 0, 128, .22) inset;
}

.vx-gate__sheet {
	padding: clamp(24px, 3.5vw, 32px);
	border-radius: calc(var(--vx-radius-lg) + 2px);
	background: rgba(8, 10, 26, .78);
	border: 1px solid rgba(255, 255, 255, .1);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, .04) inset,
		0 24px 64px rgba(0, 0, 0, .45),
		0 0 60px rgba(255, 0, 128, .06);
	backdrop-filter: blur(14px);
}

.vx-gate__sheet-head { margin-bottom: 22px; }
.vx-gate__sheet-title {
	margin: 0 0 8px;
	font-size: clamp(1.5rem, 3vw, 1.85rem);
	line-height: 1.1;
	letter-spacing: -.03em;
	background: linear-gradient(180deg, #fff 0%, #f0b8ff 55%, #00e5ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.vx-gate__sheet-sub {
	margin: 0;
	color: rgba(233, 236, 255, .55);
	font-size: .9rem;
	line-height: 1.55;
}

.vx-gate__alert {
	margin-bottom: 18px;
	padding: 13px 16px;
	border-radius: 12px;
	font-size: .86rem;
	line-height: 1.5;
}
.vx-gate__alert--ok {
	background: rgba(0, 229, 255, .07);
	border: 1px solid rgba(0, 229, 255, .24);
	color: rgba(233, 236, 255, .9);
}
.vx-gate__alert--err {
	background: rgba(255, 0, 128, .07);
	border: 1px solid rgba(255, 0, 128, .26);
	color: #ffb8d9;
}
.vx-gate__alert p { margin: 0; }

.vx-gate__form { display: grid; gap: 18px; }
.vx-gate__field { display: grid; gap: 7px; }
.vx-gate__field label {
	font-size: .84rem;
	font-weight: 500;
	color: rgba(233, 236, 255, .72);
}
.vx-gate__field input {
	width: 100%;
	background: rgba(5, 6, 20, .78);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 14px;
	padding: 15px 16px;
	color: #fff;
	font-family: var(--vx-font-body);
	font-size: .98rem;
	outline: 0;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
	transition: border-color var(--vx-transition), box-shadow var(--vx-transition);
}
.vx-gate__field input:focus {
	border-color: rgba(255, 0, 128, .38);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .05),
		0 0 32px rgba(255, 0, 128, .12);
}
.vx-gate__field input::placeholder { color: rgba(233, 236, 255, .28); }

.vx-gate__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
	margin-top: -4px;
}
.vx-gate__check {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: .84rem;
	color: rgba(233, 236, 255, .65);
	cursor: pointer;
}
.vx-gate__check input { width: 15px; height: 15px; accent-color: var(--vx-c-primary); }
.vx-gate__inline {
	font-size: .84rem;
	font-weight: 600;
	color: var(--vx-c-secondary);
	text-decoration: none;
}
.vx-gate__inline:hover { color: #fff; text-decoration: underline; }

.vx-gate__fine {
	margin: -6px 0 0;
	font-size: .76rem;
	line-height: 1.55;
	color: rgba(233, 236, 255, .38);
}

.vx-gate__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 2px;
	padding: 15px 24px;
	font-size: .98rem;
	font-weight: 700;
	border-radius: 14px;
}
.vx-gate__submit svg { flex-shrink: 0; }

.vx-gate__stack { display: grid; gap: 12px; }

.vx-gate__foot {
	margin: 20px 0 0;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, .08);
	text-align: center;
	font-size: .86rem;
	color: rgba(233, 236, 255, .52);
}
.vx-gate__foot a {
	color: var(--vx-c-secondary);
	font-weight: 600;
	text-decoration: none;
}
.vx-gate__foot a:hover { color: #fff; text-decoration: underline; }

.vx-gate__home {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	font-size: .82rem;
	font-weight: 600;
	color: rgba(233, 236, 255, .45);
	text-decoration: none;
	transition: color var(--vx-transition);
}
.vx-gate__home:hover { color: var(--vx-c-secondary); }

/* Desktop split */
@media (min-width: 960px) {
	.vx-gate__layout {
		grid-template-columns: minmax(0, .92fr) minmax(380px, 1fr);
		max-width: none;
	}

	.vx-gate__brand {
		min-height: calc(100dvh - var(--vx-gate-chrome, 72px));
		padding: clamp(40px, 5vw, 64px) clamp(32px, 5vw, 56px);
		border-bottom: 0;
		border-right: 1px solid rgba(255, 255, 255, .08);
	}

	.vx-gate__panel {
		min-height: calc(100dvh - var(--vx-gate-chrome, 72px));
		padding: clamp(40px, 5vw, 64px) clamp(32px, 5vw, 56px);
	}

	.vx-gate__stats { max-width: 420px; }
}

@media (max-width: 959px) {
	.vx-gate__brand { text-align: center; align-items: center; }
	.vx-gate__lede { max-width: 36ch; }
	.vx-gate__stats { width: 100%; max-width: 420px; }
}

@media (max-width: 480px) {
	.vx-gate__stats { grid-template-columns: 1fr; }
	.vx-gate__stat { display: flex; align-items: center; justify-content: space-between; gap: 12px; text-align: left; padding: 12px 14px; }
	.vx-gate__stat dt { font-size: 1.35rem; }
}

/* =========================================================
   32. Empty / no-results
   ========================================================= */
.vx-empty, .vx-no-results {
	text-align: center;
	padding: 60px 30px;
	background: var(--vx-c-surface);
	border: 1px dashed var(--vx-c-border);
	border-radius: var(--vx-radius-lg);
	color: var(--vx-c-muted);
}

/* =========================================================
   33. Block editor base
   ========================================================= */
.vx-prose .wp-block-button__link {
	background: var(--vx-grad-primary);
	color: #fff;
	padding: 12px 24px;
	border-radius: var(--vx-btn-radius);
	font-family: var(--vx-font-head);
	font-weight: 700;
}
.vx-prose .wp-block-quote { background: rgba(255, 255, 255, .04); padding: 18px 22px; border-left: 3px solid var(--vx-c-primary); border-radius: 0 12px 12px 0; }

/* =========================================================
   34. Homepage — responsive (all sections)
   ========================================================= */
@media (max-width: 900px) {
	.vx-bonus-head__main { min-width: 0; flex: 1 1 auto; }
	.vx-bonus-head__title { font-size: clamp(1.65rem, 5.5vw, 2.4rem); }
}
@media (max-width: 640px) {
	:root { --vx-section-py: clamp(40px, 10vw, 56px); }
	.vx-container { padding-inline: 16px; }
	.vx-section.vx-section--cta {
		padding-top: clamp(48px, 10vw, 72px);
		padding-bottom: clamp(48px, 10vw, 72px);
	}
	.vx-section--cta .vx-container.vx-cta { padding-inline: 16px; }
	.vx-cta__text { margin-bottom: 28px; }
	.vx-strip { border-radius: calc(var(--vx-radius-lg) - 4px); }
	.vx-why-panel { border-radius: calc(var(--vx-radius-lg) - 4px); }
	.vx-footer__rg-badges { flex-wrap: wrap; }
}
@media (max-width: 480px) {
	.vx-ticker__inner { gap: 10px; }
	.vx-ticker__item { font-size: .8rem; }
	.vx-ticker__badge { font-size: .65rem; padding: 7px 13px; }
	.vx-deal__ribbon { top: 12px; right: 12px; font-size: .52rem; }
}

/* =========================================================
   34b. Scroll reveal — shared (homepage + archives)
   ========================================================= */
@media (prefers-reduced-motion: no-preference) {
	.vx-reveal.is-pending > .vx-casino-card,
	.vx-reveal.is-pending > .vx-deal,
	.vx-reveal.is-pending > .vx-slot-card,
	.vx-reveal.is-pending > .vx-event,
	.vx-reveal.is-pending > .vx-provider,
	.vx-reveal.is-pending > .vx-ed-card,
	.vx-reveal.is-pending > .vx-blog-item,
	.vx-reveal.is-pending > .vx-lottery-draw,
	.vx-reveal.is-pending > .vx-lottery-offer,
	.vx-reveal.is-pending > .vx-lottery-flow__item,
	.vx-reveal.is-pending > .vx-faq-qa__item,
	.vx-reveal.is-pending > .vx-provider,
	.vx-reveal.is-pending > .vx-live-game,
	.vx-reveal.is-pending > .vx-match,
	.vx-reveal.is-pending > .vx-strip__row,
	.vx-reveal.is-pending > .vx-strip__cols {
		opacity: 0;
		transform: translateY(22px);
	}

	.vx-reveal.is-visible > .vx-casino-card,
	.vx-reveal.is-visible > .vx-deal,
	.vx-reveal.is-visible > .vx-slot-card,
	.vx-reveal.is-visible > .vx-event,
	.vx-reveal.is-visible > .vx-provider,
	.vx-reveal.is-visible > .vx-ed-card,
	.vx-reveal.is-visible > .vx-blog-item,
	.vx-reveal.is-visible > .vx-lottery-draw,
	.vx-reveal.is-visible > .vx-lottery-offer,
	.vx-reveal.is-visible > .vx-lottery-flow__item,
	.vx-reveal.is-visible > .vx-faq-qa__item,
	.vx-reveal.is-visible > .vx-provider,
	.vx-reveal.is-visible > .vx-live-game,
	.vx-reveal.is-visible > .vx-match,
	.vx-reveal.is-visible > .vx-strip__row,
	.vx-reveal.is-visible > .vx-strip__cols {
		animation: vx-reveal-in .62s cubic-bezier(.2, .65, .25, 1) both;
	}

	.vx-reveal.is-visible > :nth-child(1) { animation-delay: .04s; }
	.vx-reveal.is-visible > :nth-child(2) { animation-delay: .08s; }
	.vx-reveal.is-visible > :nth-child(3) { animation-delay: .12s; }
	.vx-reveal.is-visible > :nth-child(4) { animation-delay: .16s; }
	.vx-reveal.is-visible > :nth-child(5) { animation-delay: .2s; }
	.vx-reveal.is-visible > :nth-child(6) { animation-delay: .24s; }
	.vx-reveal.is-visible > :nth-child(7) { animation-delay: .28s; }
	.vx-reveal.is-visible > :nth-child(8) { animation-delay: .32s; }
	.vx-reveal.is-visible > :nth-child(9) { animation-delay: .36s; }
	.vx-reveal.is-visible > :nth-child(10) { animation-delay: .4s; }
	.vx-reveal.is-visible > :nth-child(11) { animation-delay: .44s; }
	.vx-reveal.is-visible > :nth-child(12) { animation-delay: .48s; }
	.vx-reveal.is-visible > :nth-child(13) { animation-delay: .52s; }
	.vx-reveal.is-visible > :nth-child(14) { animation-delay: .56s; }
	.vx-reveal.is-visible > :nth-child(15) { animation-delay: .6s; }
	.vx-reveal.is-visible > :nth-child(16) { animation-delay: .64s; }
}

@keyframes vx-reveal-in {
	from { opacity: 0; transform: translateY(22px); }
	to { opacity: 1; transform: translateY(0); }
}

/* =========================================================
   35. Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
	.vx-ticker__track { animation: none; }
}

/* Homepage section order (Customizer) */
.vx-home-sections {
	display: flex;
	flex-direction: column;
}