:root {
	--landing-shell: 1240px;
	--landing-bg: #061116;
	--landing-panel: rgba(6, 18, 22, .93);
	--landing-panel-soft: rgba(13, 36, 44, .88);
	--landing-border: #1d5a72;
	--landing-blue: #22c8ff;
	--landing-blue-soft: #83e6ff;
	--landing-gold: #f4a51c;
	--landing-red: #ff2f55;
	--landing-text: #f3fbff;
	--landing-muted: #94b9c8;
}

* {
	box-sizing: border-box;
}

html {
	background: var(--landing-bg);
}

body.tu-landing {
	min-width: 0;
	margin: 0;
	background:
		linear-gradient(180deg, rgba(5,12,16,.18), rgba(5,12,16,.92) 660px),
		url("/img/homepage/mainbackground.jpg") center 0 / cover fixed no-repeat,
		var(--landing-bg);
	color: var(--landing-text);
	font: 500 16px/1.45 Inter, Arial, sans-serif;
}

body.tu-lightbox-open {
	overflow: hidden;
}

.landing-shell {
	width: min(var(--landing-shell), calc(100vw - 48px));
	margin: 0 auto;
}

.landing-header {
	position: sticky;
	top: 0;
	z-index: 20;
	border-bottom: 1px solid rgba(34,200,255,.34);
	background: rgba(2, 11, 14, .93);
	box-shadow: 0 10px 24px rgba(0,0,0,.32);
	backdrop-filter: blur(8px);
}

.landing-topbar {
	display: grid;
	grid-template-columns: 238px minmax(0, 1fr) 270px;
	gap: 20px;
	align-items: center;
	min-height: 78px;
}

.landing-logo img {
	display: block;
	width: 234px;
	max-width: 100%;
	height: auto;
}

.landing-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1px;
	height: 40px;
	overflow: hidden;
	border: 1px solid rgba(85,177,215,.3);
	background: linear-gradient(180deg, rgba(39,77,111,.62), rgba(3,20,26,.95));
}

.landing-nav > a,
.landing-nav-item > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	align-self: stretch;
	padding: 0 18px;
	border-right: 1px solid rgba(255,255,255,.1);
	color: #fff;
	font: 800 14px/1 Rajdhani, Inter, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
	white-space: nowrap;
}

.landing-nav > a:hover,
.landing-nav > a:focus,
.landing-nav-item:hover > a,
.landing-nav-item:focus-within > a {
	color: var(--landing-blue);
	background: rgba(34,200,255,.12);
}

.landing-nav-item {
	position: relative;
	display: inline-flex;
	align-self: stretch;
}

.landing-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 40;
	display: none;
	min-width: 250px;
	padding: 8px 0;
	border: 1px solid rgba(34,200,255,.42);
	background: rgba(3, 15, 20, .98);
	box-shadow: 0 16px 24px rgba(0,0,0,.38);
}

.landing-nav-item:hover .landing-dropdown,
.landing-nav-item:focus-within .landing-dropdown {
	display: grid;
}

.landing-dropdown a {
	display: block;
	padding: 9px 14px;
	color: var(--landing-blue-soft) !important;
	font: 800 14px/1 Rajdhani, Inter, Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.landing-dropdown a:hover,
.landing-dropdown a:focus {
	color: var(--landing-gold) !important;
	background: rgba(34,200,255,.1);
}

.landing-search {
	display: grid;
	grid-template-columns: 1fr 82px;
	gap: 8px;
	align-items: center;
}

.landing-search input {
	min-width: 0;
	height: 32px;
	border: 1px solid #276074;
	background: rgba(2,16,21,.94);
	color: #fff;
	padding: 0 10px;
}

.landing-search button,
.tu-primary-action,
.tu-secondary-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 34px;
	border: 1px solid #4abfe8;
	border-radius: 5px;
	background: linear-gradient(180deg, #13475b, #062631);
	color: #fff !important;
	font: 900 14px/1 Rajdhani, Inter, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none !important;
	text-shadow: 0 1px 0 #000;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 0 14px rgba(34,200,255,.16);
	cursor: pointer;
}

.tu-primary-action {
	min-height: 42px;
	padding: 0 18px;
	border-color: #f5b544;
	background: linear-gradient(180deg, #9f6714, #392409);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 0 20px rgba(244,165,28,.22);
}

.tu-secondary-action {
	min-height: 42px;
	padding: 0 18px;
}

.landing-hero {
	min-height: 660px;
	padding: 48px 0 40px;
	background:
		linear-gradient(90deg, rgba(5,14,18,.98) 0%, rgba(5,14,18,.86) 48%, rgba(5,14,18,.62) 100%),
		linear-gradient(180deg, rgba(5,14,18,.2), rgba(5,14,18,.75)),
		url("/img/homepage/900tuwelcome.jpg") center / cover no-repeat;
	border-bottom: 1px solid rgba(34,200,255,.18);
}

.hero-grid {
	display: grid;
	gap: 24px;
	align-items: stretch;
}

.eyebrow {
	margin: 0 0 12px;
	color: var(--landing-gold);
	font: 900 15px/1 Rajdhani, Inter, Arial, sans-serif;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.hero-copy h1 {
	max-width: 820px;
	margin: 0;
	color: var(--landing-blue);
	font: 900 58px/1 Rajdhani, Inter, Arial, sans-serif;
	text-shadow: 0 2px 0 #000, 0 0 18px rgba(34,200,255,.26);
}

.hero-lede {
	max-width: 740px;
	margin: 18px 0 0;
	color: var(--landing-text);
	font-size: 19px;
	line-height: 1.5;
}

.hero-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.hero-stats {
	gap: 10px;
}

.hero-stats span {
	min-width: 136px;
	padding: 10px 12px;
	border: 1px solid rgba(34,200,255,.26);
	background: rgba(3,18,23,.82);
	color: var(--landing-muted);
}

.hero-stats strong {
	display: block;
	color: var(--landing-blue-soft);
	font: 900 24px/1 Rajdhani, Inter, Arial, sans-serif;
}

.membership-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	max-width: 1080px;
}

.membership-card {
	display: grid;
	grid-template-rows: auto auto minmax(76px, auto) 1fr auto;
	gap: 11px;
	min-height: 288px;
	padding: 18px;
	border: 1px solid rgba(34,200,255,.26);
	background: rgba(3, 18, 23, .86);
	box-shadow: 0 18px 34px rgba(0,0,0,.28);
}

.membership-card-basic {
	border-color: rgba(244,165,28,.44);
	box-shadow: inset 3px 0 0 var(--landing-gold), 0 18px 34px rgba(0,0,0,.28);
}

.membership-card-premium {
	border-color: rgba(34,200,255,.46);
	box-shadow: inset 3px 0 0 var(--landing-blue), 0 18px 34px rgba(0,0,0,.28), 0 0 20px rgba(34,200,255,.12);
}

.membership-kicker {
	margin: 0;
	font: 900 14px/1 Rajdhani, Inter, Arial, sans-serif;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.membership-card-basic .membership-kicker,
.membership-card-basic h2 {
	color: var(--landing-gold);
}

.membership-card-premium .membership-kicker,
.membership-card-premium h2 {
	color: var(--landing-blue);
}

.membership-card h2 {
	margin: 0;
	font: 900 30px/1 Rajdhani, Inter, Arial, sans-serif;
	text-shadow: 0 2px 0 #000;
}

.membership-highlight {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	padding: 10px 12px;
	color: var(--landing-text);
	font-weight: 900;
	line-height: 1.28;
}

.membership-card-basic .membership-highlight {
	border: 1px solid rgba(244,165,28,.5);
	background: rgba(244,165,28,.12);
}

.membership-card-premium .membership-highlight {
	border: 1px solid rgba(34,200,255,.5);
	background: rgba(34,200,255,.1);
}

.membership-highlight i {
	color: inherit;
	font-size: 22px;
	text-align: center;
}

.membership-card-basic .membership-highlight i {
	color: var(--landing-gold);
}

.membership-card-premium .membership-highlight i {
	color: var(--landing-blue);
}

.membership-card ul {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.membership-card li {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr);
	gap: 10px;
	color: var(--landing-text);
	line-height: 1.28;
}

.membership-card li i {
	color: var(--landing-blue-soft);
	margin-top: 2px;
	text-align: center;
}

.membership-card .tu-primary-action,
.membership-card .tu-secondary-action {
	width: fit-content;
	margin-top: 4px;
	justify-self: center;
}

.hero-panel,
.live-panel,
.news-panel,
.landing-cta .cta-inner {
	border: 1px solid var(--landing-border);
	background: var(--landing-panel);
	box-shadow: 0 18px 34px rgba(0,0,0,.28);
}

.hero-panel {
	padding: 20px;
}

.hero-panel h2,
.section-heading h2,
.panel-title h2,
.landing-cta h2 {
	margin: 0;
	color: var(--landing-blue);
	font: 900 26px/1 Rajdhani, Inter, Arial, sans-serif;
}

.hero-panel ul {
	display: grid;
	gap: 14px;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.hero-panel li {
	display: grid;
	grid-template-columns: 26px minmax(0, 1fr);
	gap: 10px;
	color: var(--landing-text);
}

.hero-panel i {
	color: var(--landing-gold);
	text-shadow: 0 0 10px rgba(244,165,28,.35);
}

.landing-section {
	padding: 34px 0 0;
}

.loyalty-card {
	padding: 20px;
	border: 1px solid rgba(244,165,28,.55);
	background:
		radial-gradient(circle at 50% 0%, rgba(244,165,28,.16), transparent 42%),
		linear-gradient(90deg, rgba(244,165,28,.08), rgba(34,200,255,.04)),
		var(--landing-panel);
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,.06),
		0 0 28px rgba(244,165,28,.12),
		0 18px 34px rgba(0,0,0,.28);
}

.loyalty-head {
	display: flex;
	align-items: start;
	justify-content: space-between;
	gap: 20px;
}

.loyalty-head h2 {
	margin: 0;
	color: var(--landing-gold);
	font: 900 30px/1 Rajdhani, Inter, Arial, sans-serif;
	text-transform: uppercase;
	text-shadow: 0 0 14px rgba(244,165,28,.24);
}

.loyalty-head p:last-child {
	max-width: 760px;
	margin: 7px 0 0;
	color: var(--landing-text);
	font-weight: 800;
}

.loyalty-badge {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-height: 42px;
	padding: 0 18px;
	border: 1px solid rgba(255,226,159,.55);
	background: rgba(244,165,28,.14);
	color: #ffe29f;
	font: 900 16px/1 Rajdhani, Inter, Arial, sans-serif;
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 18px rgba(244,165,28,.16);
}

.loyalty-track {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin: 22px 0 18px;
	padding-top: 24px;
}

.loyalty-line {
	position: absolute;
	left: 18px;
	right: 18px;
	top: 32px;
	height: 10px;
	background: linear-gradient(90deg, rgba(244,165,28,.42), #ffe29f, rgba(244,165,28,.82));
	box-shadow: 0 0 16px rgba(244,165,28,.28);
}

.loyalty-step {
	position: relative;
	display: grid;
	gap: 6px;
	justify-items: center;
	text-align: center;
}

.loyalty-step > span {
	width: 22px;
	height: 22px;
	border: 3px solid #ffe29f;
	background: rgba(7,18,21,.95);
	box-shadow: 0 0 16px rgba(244,165,28,.34);
}

.loyalty-step strong {
	color: var(--landing-blue-soft);
	font: 900 16px/1 Rajdhani, Inter, Arial, sans-serif;
	text-transform: uppercase;
}

.loyalty-step small {
	max-width: 210px;
	color: var(--landing-text);
	font-size: 14px;
	font-weight: 900;
	line-height: 1.25;
}

.loyalty-earn {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	border-top: 1px solid rgba(131,230,255,.16);
	padding-top: 14px;
}

.loyalty-earn span {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--landing-text);
	font: 900 15px/1.15 Rajdhani, Inter, Arial, sans-serif;
}

.loyalty-earn i {
	color: var(--landing-gold);
	text-shadow: 0 0 10px rgba(244,165,28,.28);
}

.chimera-premium-card {
	padding: 18px;
	border: 1px solid rgba(244,165,28,.38);
	background:
		linear-gradient(90deg, rgba(244,165,28,.08), rgba(34,200,255,.055)),
		var(--landing-panel);
	box-shadow: inset 3px 0 0 var(--landing-gold), 0 18px 34px rgba(0,0,0,.28);
}

.chimera-callout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) max-content;
	gap: 24px;
	align-items: center;
	padding: 4px 6px 16px 6px;
}

.chimera-callout .eyebrow {
	margin-bottom: 8px;
}

.chimera-callout h2 {
	margin: 0;
	color: var(--landing-blue);
	font: 900 28px/1.05 Rajdhani, Inter, Arial, sans-serif;
	text-shadow: 0 0 14px rgba(34,200,255,.2);
}

.chimera-callout p:last-child {
	max-width: 820px;
	margin: 9px 0 0;
	color: var(--landing-text);
	font-size: 17px;
	line-height: 1.42;
}

.chimera-media {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 285px;
	gap: 14px;
	max-width: 880px;
	padding: 14px;
	border: 1px solid var(--landing-border);
	background: rgba(2, 12, 16, .72);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}

.chimera-stage-window {
	position: relative;
	aspect-ratio: 16 / 9;
	min-width: 0;
	overflow: hidden;
	border: 1px solid rgba(34,200,255,.28);
	background:
		linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
		#020b0f;
}

.chimera-featured-media {
	position: relative;
	display: none;
	width: 100%;
	height: 100%;
	color: var(--landing-text) !important;
	text-decoration: none !important;
}

.chimera-featured-media.is-active {
	display: block;
}

.chimera-featured-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: #020b0f;
	opacity: .92;
	transition: transform .18s ease, opacity .18s ease;
}

.chimera-featured-media:hover img,
.chimera-featured-media:focus img {
	transform: scale(1.025);
	opacity: 1;
}

.chimera-media-overlay,
.chimera-thumb-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.32));
	opacity: 0;
	transition: opacity .18s ease;
}

.chimera-featured-media:hover .chimera-media-overlay,
.chimera-featured-media:focus .chimera-media-overlay,
.chimera-featured-media[data-media-type="video"] .chimera-media-overlay,
.chimera-thumb:hover .chimera-thumb-overlay,
.chimera-thumb:focus .chimera-thumb-overlay,
.chimera-thumb.is-active .chimera-thumb-overlay {
	opacity: 1;
}

.chimera-media-icon {
	position: relative;
	display: inline-block;
}

.chimera-media-icon-play {
	width: 78px;
	height: 78px;
	background: url("/img/homepage/chimera-video-play.gif") center / contain no-repeat;
	filter: drop-shadow(0 8px 18px rgba(0,0,0,.42));
}

.chimera-media-icon-magnify {
	width: 46px;
	height: 46px;
	border: 3px solid rgba(255,255,255,.94);
	border-radius: 50%;
	box-shadow: 0 12px 24px rgba(0,0,0,.34);
}

.chimera-media-icon-magnify::after {
	content: "";
	position: absolute;
	right: -8px;
	bottom: -6px;
	width: 13px;
	height: 4px;
	border-radius: 999px;
	background: rgba(255,255,255,.94);
	transform: rotate(45deg);
}

.chimera-watermark {
	position: absolute;
	left: 14px;
	bottom: 12px;
	color: rgba(255,255,255,.76);
	font: 900 15px/1 Rajdhani, Inter, Arial, sans-serif;
	text-shadow: 0 2px 5px #000;
	text-transform: uppercase;
}

.chimera-media-side {
	display: grid;
	align-content: start;
	gap: 12px;
}

.chimera-media-copy {
	display: none;
	gap: 7px;
	padding: 14px 15px;
	border: 1px solid rgba(131,230,255,.18);
	background: rgba(255,255,255,.03);
}

.chimera-media-copy.is-active {
	display: grid;
}

.chimera-media-copy h3 {
	margin: 0;
	color: var(--landing-blue);
	font: 900 19px/1 Rajdhani, Inter, Arial, sans-serif;
	text-transform: uppercase;
}

.chimera-media-copy p:last-child {
	margin: 0;
	color: var(--landing-text);
	font-size: 14px;
	line-height: 1.35;
}

.chimera-thumbs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.chimera-thumb {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	padding: 0;
	overflow: hidden;
	border: 1px solid rgba(34,200,255,.22);
	background: rgba(3,15,20,.88);
	border-radius: 0;
	cursor: pointer;
}

.chimera-thumb.is-active,
.chimera-thumb:hover,
.chimera-thumb:focus {
	border-color: var(--landing-gold);
	box-shadow: 0 0 0 1px rgba(244,165,28,.22);
}

.chimera-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .84;
}

.chimera-thumb .chimera-media-icon-play {
	width: 42px;
	height: 42px;
}

.chimera-thumb .chimera-media-icon-magnify {
	width: 26px;
	height: 26px;
	border-width: 2px;
}

.chimera-thumb .chimera-media-icon-magnify::after {
	right: -6px;
	bottom: -5px;
	width: 10px;
	height: 3px;
}

.chimera-thumb-badge {
	position: absolute;
	left: 5px;
	bottom: 5px;
	padding: 3px 6px;
	border: 1px solid rgba(244,165,28,.6);
	background: rgba(2,11,14,.86);
	color: var(--landing-text);
	font: 900 11px/1 Rajdhani, Inter, Arial, sans-serif;
	text-transform: uppercase;
}

.landing-ad-top {
	min-height: 92px;
}

.landing-ad-top img {
	width: 728px;
}

.landing-ad {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 78px;
	border: 1px solid rgba(34,200,255,.24);
	background: rgba(3, 15, 20, .72);
	color: rgba(255,217,120,.72);
	font: 800 13px/1 Rajdhani, Inter, Arial, sans-serif;
	text-transform: uppercase;
}

.landing-ad img {
	display: block;
	max-width: 100%;
	height: auto;
}

.news-panel .landing-ad {
	min-height: 75px;
	margin-top: 16px;
	border-style: solid;
	background: rgba(3, 15, 20, .5);
}

.section-heading,
.panel-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 14px;
	border-bottom: 1px solid rgba(131,230,255,.35);
	padding-bottom: 10px;
}

.section-heading a,
.panel-title a,
.landing-footer a {
	color: var(--landing-gold) !important;
	font: 800 14px/1 Rajdhani, Inter, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

.feature-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.promo-carousel {
	position: relative;
	width: min(100%, 1025px);
	margin: 0 auto;
	aspect-ratio: 900 / 251;
	min-height: 190px;
	max-height: 286px;
	overflow: hidden;
	border: 1px solid var(--landing-border);
	background: var(--landing-panel);
}

.promo-slide {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;
	padding: 20px 24px;
	background:
		linear-gradient(90deg, rgba(3,13,17,.95), rgba(3,13,17,.5) 48%, rgba(3,13,17,.1)),
		var(--promo-image) center / contain no-repeat,
		linear-gradient(180deg, rgba(10,30,38,.9), rgba(3,13,17,.96));
	color: #fff !important;
	opacity: 0;
	pointer-events: none;
	text-decoration: none !important;
	transition: opacity .35s ease;
}

.promo-slide.is-active {
	opacity: 1;
	pointer-events: auto;
}

.promo-copy {
	display: grid;
	gap: 8px;
	max-width: 420px;
	padding: 14px 16px;
	border-left: 3px solid var(--landing-gold);
	background: rgba(2, 12, 16, .78);
}

.promo-copy strong {
	color: var(--landing-blue);
	font: 900 23px/1 Rajdhani, Inter, Arial, sans-serif;
}

.promo-copy span {
	color: var(--landing-text);
}

.promo-dots {
	position: absolute;
	right: 18px;
	bottom: 16px;
	display: flex;
	gap: 8px;
}

.promo-dots button {
	width: 12px;
	height: 12px;
	min-height: 0;
	padding: 0;
	border: 1px solid var(--landing-blue);
	border-radius: 50%;
	background: rgba(3,16,21,.88);
	cursor: pointer;
}

.promo-dots button.is-active {
	border-color: var(--landing-gold);
	background: var(--landing-gold);
	box-shadow: 0 0 12px rgba(244,165,28,.5);
}

.promo-dots span {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
}

.feature-card {
	display: grid;
	min-height: 320px;
	overflow: hidden;
	border: 1px solid var(--landing-border);
	background: var(--landing-panel);
	color: var(--landing-text) !important;
	text-decoration: none !important;
}

.feature-card img {
	width: 100%;
	height: 150px;
	object-fit: cover;
	border-bottom: 1px solid rgba(34,200,255,.22);
}

.feature-card-body {
	display: grid;
	gap: 10px;
	padding: 18px;
}

.feature-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(244,165,28,.55);
	color: var(--landing-gold);
	background: rgba(244,165,28,.08);
}

.feature-card strong {
	color: var(--landing-blue);
	font: 900 23px/1 Rajdhani, Inter, Arial, sans-serif;
}

.feature-card span span:last-child {
	color: var(--landing-muted);
}

.split-section {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
	gap: 16px;
}

.quote-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.quote-card {
	display: grid;
	gap: 10px;
	min-height: 138px;
	padding: 18px;
	border: 1px solid rgba(34,200,255,.28);
	background: linear-gradient(180deg, rgba(14,38,46,.86), rgba(6,18,22,.94));
	color: var(--landing-text) !important;
	text-decoration: none !important;
}

.quote-card span {
	color: var(--landing-gold);
	font: 900 13px/1 Rajdhani, Inter, Arial, sans-serif;
	text-transform: uppercase;
}

.quote-card strong {
	color: var(--landing-blue-soft);
	font-size: 16px;
	line-height: 1.4;
}

.live-panel,
.news-panel {
	padding: 18px;
}

.topic-list {
	display: grid;
}

.topic-row,
.news-item {
	display: grid;
	gap: 4px;
	padding: 12px 0;
	border-bottom: 1px solid rgba(131,230,255,.16);
	color: var(--landing-text) !important;
	text-decoration: none !important;
}

.topic-row {
	grid-template-columns: minmax(0, 1fr) max-content;
	gap: 18px;
	align-items: center;
}

.topic-row strong,
.news-item strong {
	display: block;
	overflow: hidden;
	color: var(--landing-blue);
	font: 900 18px/1.15 Rajdhani, Inter, Arial, sans-serif;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.topic-row small,
.news-item span {
	color: var(--landing-muted);
}

.tu-relative-date {
	font-weight: 900;
}

.tu-relative-date.tu-time-hot,
.tu-relative-date.tu-time-today,
.tu-relative-date.tu-time-fresh {
	color: #39ff14;
	text-shadow: 0 0 10px rgba(57,255,20,.34);
}

.tu-relative-date.tu-time-week,
.tu-relative-date.tu-time-recent,
.tu-relative-date.tu-time-month {
	color: #66e86e;
}

.tu-relative-date.tu-time-old {
	color: #88bd6a;
}

.tu-relative-date.tu-time-archived {
	color: #9ba8af;
}

.topic-row em {
	color: var(--landing-blue-soft);
	font-style: normal;
	font-weight: 900;
	white-space: nowrap;
}

.news-item-featured {
	margin-bottom: 8px;
	padding: 16px;
	border: 1px solid rgba(244,165,28,.42);
	background: rgba(244,165,28,.08);
}

.game-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.game-card {
	position: relative;
	display: block;
	overflow: hidden;
	min-height: 116px;
	border: 1px solid var(--landing-border);
	background: #07161c;
	text-decoration: none !important;
}

.game-card img {
	width: 100%;
	height: 116px;
	object-fit: cover;
	opacity: .82;
	transition: transform .18s ease, opacity .18s ease;
}

.game-card span {
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 10px;
	color: #fff;
	font: 900 20px/1 Rajdhani, Inter, Arial, sans-serif;
	text-shadow: 0 2px 4px #000;
}

.game-card:hover img,
.game-card:focus img {
	transform: scale(1.04);
	opacity: 1;
}

.landing-cta {
	padding: 38px 0 46px;
}

.landing-cta .cta-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 24px;
}

.landing-cta p {
	max-width: 760px;
	margin: 8px 0 0;
	color: var(--landing-muted);
}

.landing-footer {
	border-top: 1px solid rgba(34,200,255,.24);
	background: rgba(2, 9, 12, .95);
}

.landing-footer .landing-shell {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 60px;
	color: var(--landing-muted);
	font-size: 13px;
}

.landing-footer nav {
	display: flex;
	gap: 16px;
}

.tu-lightbox {
	position: fixed;
	inset: 0;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 38px;
	background: rgba(0,0,0,.84);
}

.tu-lightbox[hidden] {
	display: none;
}

.tu-lightbox-panel {
	position: relative;
	width: min(1100px, 92vw);
	max-height: 86vh;
	border: 1px solid rgba(244,165,28,.48);
	background: #020b0f;
	box-shadow: 0 0 40px rgba(0,0,0,.72), 0 0 24px rgba(34,200,255,.16);
}

.tu-lightbox-panel img,
.tu-lightbox-panel iframe {
	display: block;
	width: 100%;
	max-height: 86vh;
	border: 0;
	background: #020b0f;
}

.tu-lightbox-panel img {
	height: auto;
	object-fit: contain;
}

.tu-lightbox-panel iframe {
	aspect-ratio: 16 / 9;
	height: auto;
}

.tu-lightbox-close {
	position: absolute;
	right: 24px;
	top: 18px;
	z-index: 101;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	min-height: 0;
	padding: 0;
	border: 1px solid rgba(131,230,255,.55);
	background: rgba(2,12,16,.94);
	color: var(--landing-blue);
	box-shadow: 0 0 14px rgba(34,200,255,.2);
	cursor: pointer;
}

@media (max-width: 980px) {
	.landing-topbar,
	.hero-grid,
	.membership-cards,
	.chimera-callout,
	.chimera-media,
	.split-section,
	.feature-grid,
	.quote-grid,
	.game-grid {
		grid-template-columns: 1fr;
	}

	.loyalty-head {
		display: grid;
	}

	.loyalty-earn {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.landing-nav {
		justify-content: stretch;
		flex-wrap: wrap;
		height: auto;
		overflow: visible;
	}

	.landing-nav > a,
	.landing-nav-item {
		min-height: 36px;
		flex: 1 1 auto;
	}

	.landing-nav > a,
	.landing-nav-item > a {
		justify-content: center;
		width: 100%;
	}

	.landing-dropdown {
		left: 0;
		right: 0;
		min-width: 100%;
	}

	.landing-search {
		display: none;
	}

	.hero-copy h1 {
		font-size: 42px;
	}
}

@media (max-width: 640px) {
	.landing-shell {
		width: min(100% - 24px, var(--landing-shell));
	}

	.landing-hero {
		padding-top: 42px;
	}

	.hero-copy h1 {
		font-size: 34px;
	}

	.topic-row,
	.quote-grid,
	.loyalty-track,
	.loyalty-earn,
	.landing-cta .cta-inner,
	.landing-footer .landing-shell {
		display: block;
	}

	.loyalty-line {
		display: none;
	}

	.loyalty-step + .loyalty-step,
	.loyalty-earn span + span {
		margin-top: 12px;
	}

	.topic-row em {
		display: block;
		margin-top: 4px;
	}

	.quote-card + .quote-card {
		margin-top: 12px;
	}

	.promo-carousel {
		aspect-ratio: auto;
		min-height: 230px;
	}

	.promo-slide {
		padding: 14px;
		background-size: auto, cover, auto;
	}

	.promo-copy {
		max-width: calc(100vw - 52px);
	}

	.landing-footer nav {
		margin-top: 10px;
	}
}