:root {
	--ix-primary: #0057c8;
	--ix-primary-2: #0877ff;
	--ix-navy: #061a33;
	--ix-navy-2: #0a2f68;
	--ix-gold: #f6c500;
	--ix-green: #16a36b;
	--ix-red: #ef4444;
	--ix-orange: #f59e0b;
	--ix-bg: #f3f7ff;
	--ix-card: #ffffff;
	--ix-text: #111827;
	--ix-muted: #667085;
	--ix-border: rgba(7, 25, 47, 0.12);
	--ix-shadow: 0 18px 50px rgba(6, 26, 51, 0.14);
}

body {
	background:
		radial-gradient(circle at top left, rgba(0, 87, 200, 0.1), transparent 34rem),
		linear-gradient(180deg, #f6f9ff 0%, #ffffff 42%, #f3f7ff 100%);
	color: var(--ix-text);
}

.site-container {
	max-width: 1200px;
}

.site-header,
.header,
.bb-header {
	background: rgba(6, 26, 51, 0.97);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 12px 32px rgba(6, 26, 51, 0.22);
}

.site-topbar {
	background: #041225;
	color: rgba(255, 255, 255, 0.78);
}

.brand-logo::after,
.site-logo::after,
.logo::after {
	content: "India";
	margin-left: 8px;
	padding: 3px 8px;
	border-radius: 999px;
	background: var(--ix-gold);
	color: var(--ix-navy);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0;
	vertical-align: middle;
}

.header-action--register,
.nav-cta,
.btn-primary {
	min-height: 44px;
	border: 0;
	background: linear-gradient(135deg, var(--ix-gold), #ffe073);
	color: var(--ix-navy) !important;
	border-radius: 999px;
	font-weight: 900;
	box-shadow: 0 14px 30px rgba(246, 197, 0, 0.28);
}

.header-action--login,
.header-action--app,
.btn-ghost,
.btn-secondary {
	min-height: 44px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff !important;
	border-radius: 999px;
}

.hero-section {
	background:
		radial-gradient(circle at 72% 20%, rgba(246, 197, 0, 0.28), transparent 17rem),
		radial-gradient(circle at 18% 10%, rgba(8, 119, 255, 0.34), transparent 20rem),
		linear-gradient(135deg, #061a33 0%, #0a2f68 48%, #0057c8 100%);
	border-radius: 0 0 38px 38px;
	color: #ffffff;
}

.hero-card {
	background: transparent;
	box-shadow: none;
	border: 0;
	padding-top: clamp(58px, 8vw, 98px);
	padding-bottom: clamp(52px, 7vw, 90px);
}

.hero-copy h1 {
	max-width: 760px;
	color: #ffffff;
	font-size: clamp(36px, 5.6vw, 70px);
	line-height: 0.96;
	letter-spacing: -0.04em;
}

.hero-copy p:not(.eyebrow) {
	max-width: 740px;
	color: rgba(255, 255, 255, 0.86);
	font-size: 17px;
	line-height: 1.7;
}

.eyebrow,
.variant-heading > span,
.home-accent-panel > div > span {
	color: var(--ix-gold);
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.hero-actions {
	flex-wrap: wrap;
	gap: 12px;
}

.hero-small-link {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	color: #ffffff;
	font-weight: 800;
}

.home-visual-stack {
	position: relative;
	min-height: 470px;
}

.home-phone-mockup {
	position: absolute;
	right: 34px;
	top: 18px;
	width: min(260px, 72vw);
	min-height: 370px;
	padding: 28px 22px;
	border: 9px solid #0b1930;
	border-radius: 34px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(241, 248, 255, 0.95)),
		linear-gradient(145deg, #0d47a1, #061a33);
	color: var(--ix-navy);
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.32);
	z-index: 2;
}

.home-phone-mockup::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 50%;
	width: 78px;
	height: 6px;
	border-radius: 999px;
	background: rgba(6, 26, 51, 0.28);
	transform: translateX(-50%);
}

.home-phone-mockup span,
.home-phone-mockup em {
	display: block;
	color: var(--ix-muted);
	font-style: normal;
	font-weight: 700;
}

.home-phone-mockup strong {
	display: block;
	margin: 18px 0;
	font-size: 40px;
	line-height: 1;
	color: var(--ix-primary);
}

.home-phone-mockup i {
	display: block;
	height: 46px;
	margin-top: 14px;
	border-radius: 16px;
	background: linear-gradient(90deg, rgba(0, 87, 200, 0.14), rgba(246, 197, 0, 0.24));
}

.home-game-card,
.home-payment-shield,
.home-age-badge {
	position: absolute;
	z-index: 3;
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

.home-game-card {
	left: 20px;
	width: 220px;
	padding: 18px;
	border-radius: 22px;
	background: rgba(6, 26, 51, 0.84);
	backdrop-filter: blur(12px);
	color: #ffffff;
}

.home-game-card--cricket {
	top: 86px;
}

.home-game-card--casino {
	bottom: 84px;
	left: 72px;
	background: rgba(10, 47, 104, 0.88);
}

.home-game-card span,
.home-payment-shield span {
	display: block;
	margin-bottom: 8px;
	color: var(--ix-gold);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.home-game-card strong,
.home-payment-shield strong {
	color: #ffffff;
	font-size: 18px;
	line-height: 1.25;
}

.home-payment-shield {
	right: 0;
	bottom: 38px;
	width: 220px;
	padding: 18px;
	border-radius: 22px;
	background: linear-gradient(135deg, rgba(22, 163, 107, 0.96), rgba(0, 87, 200, 0.88));
}

.home-age-badge {
	right: 12px;
	top: 0;
	width: 70px;
	height: 70px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: #ffffff;
	color: var(--ix-navy);
	font-weight: 900;
	font-size: 22px;
}

.trust-bar-section {
	background: transparent;
}

.page-layout-home-brand-portal .trust-strip {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	align-items: stretch;
	transform: translateY(-30px);
	margin-bottom: -18px;
	padding: 18px;
	border-radius: 24px;
	background: #ffffff;
	border: 1px solid var(--ix-border);
	box-shadow: var(--ix-shadow);
}

.page-layout-home-brand-portal .trust-strip span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 10px;
	border-radius: 14px;
	background: #f8fbff;
	color: var(--ix-navy);
	font-weight: 850;
	text-align: center;
}

.quick-access-grid,
.feature-grid,
.step-grid,
.guide-panel-grid,
.review-cards,
.home-safety-grid {
	gap: 22px;
}

.quick-card,
.module-panel,
.review-card,
.faq-group-card,
.variant-card,
.variant-method,
.variant-step {
	border: 1px solid var(--ix-border);
	border-radius: 24px;
	background: var(--ix-card);
	box-shadow: 0 14px 38px rgba(6, 26, 51, 0.08);
}

.quick-card {
	position: relative;
	overflow: hidden;
	min-height: 180px;
	padding: 24px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.quick-card::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 6px;
	background: linear-gradient(180deg, var(--ix-primary), var(--ix-gold));
}

.quick-card:hover,
.game-category-card:hover,
.variant-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 60px rgba(6, 26, 51, 0.14);
}

.overview-section {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(243, 247, 255, 0.8));
}

.overview-copy,
.home-overview-facts article {
	background: #ffffff;
	color: var(--ix-text);
}

.home-overview-facts article span {
	color: var(--ix-muted);
}

.home-overview-facts article strong {
	color: var(--ix-navy);
}

.game-category-grid,
.variant-game-hub {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.game-category-card {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 390px;
	overflow: hidden;
	border-radius: 28px;
	background: var(--ix-navy);
	color: #ffffff;
	box-shadow: var(--ix-shadow);
}

.game-category-card__media {
	position: absolute;
	inset: 0;
}

.game-category-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.72;
	filter: saturate(1.08) contrast(1.05);
}

.game-category-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(6, 26, 51, 0.08) 0%, rgba(6, 26, 51, 0.58) 44%, rgba(6, 26, 51, 0.94) 100%),
		linear-gradient(135deg, rgba(0, 87, 200, 0.18), rgba(246, 197, 0, 0.12));
	z-index: 1;
}

.game-category-card:first-child {
	grid-column: span 2;
}

.game-category-card__body {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 24px;
	color: #ffffff;
}

.game-category-card h3,
.game-category-card p,
.game-category-card strong {
	color: #ffffff;
}

.game-category-card p {
	color: rgba(255, 255, 255, 0.82);
}

.section-link-row {
	margin: 24px 0 0;
	text-align: right;
}

.game-category-tag,
.variant-tag {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	border-radius: 999px;
	background: var(--ix-gold);
	color: var(--ix-navy);
	font-size: 12px;
	font-weight: 900;
}

.featured-games-section .comparison-table,
.variant-table {
	overflow: hidden;
	border-radius: 18px;
	box-shadow: var(--ix-shadow);
}

.featured-games-section th,
.variant-table th {
	background: var(--ix-navy);
	color: #ffffff;
}

.home-accent-panel--bonus,
.page-layout-bonus-terms-cards .inner-hero,
.page-layout-bonus-terms-cards .variant-card {
	background:
		radial-gradient(circle at 90% 12%, rgba(246, 197, 0, 0.3), transparent 18rem),
		linear-gradient(135deg, #fff7cf, #ffffff);
	border-color: rgba(246, 197, 0, 0.34);
}

.home-accent-panel--payment,
.page-layout-payment-safety-matrix .inner-hero,
.page-layout-payment-safety-matrix .variant-method {
	background:
		radial-gradient(circle at 10% 12%, rgba(22, 163, 107, 0.16), transparent 18rem),
		linear-gradient(135deg, #eefdf6, #ffffff);
	border-color: rgba(22, 163, 107, 0.24);
}

.home-safety-panel,
.page-layout-login-security-flow .variant-module--warning,
.page-layout-contact-safety-center .variant-module--warning {
	background:
		radial-gradient(circle at 8% 12%, rgba(239, 68, 68, 0.12), transparent 18rem),
		linear-gradient(180deg, #fff9f4, #ffffff);
}

.home-safety-grid article,
.variant-warning-panel {
	border: 1px solid rgba(239, 68, 68, 0.2);
	border-radius: 22px;
	background: #fff8f2;
	color: var(--ix-text);
}

#responsible-gaming,
.page-layout-responsible-dark-play {
	background: #061a33;
	color: #ffffff;
}

#responsible-gaming .inner-notice,
.page-layout-responsible-dark-play .inner-hero,
.page-layout-responsible-dark-play .variant-module {
	background:
		radial-gradient(circle at 82% 16%, rgba(246, 197, 0, 0.16), transparent 17rem),
		linear-gradient(135deg, #061a33, #0a2f68);
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.12);
}

#responsible-gaming h2,
#responsible-gaming p,
.page-layout-responsible-dark-play h1,
.page-layout-responsible-dark-play h2,
.page-layout-responsible-dark-play h3,
.page-layout-responsible-dark-play p,
.page-layout-responsible-dark-play li {
	color: #ffffff;
}

#responsible-gaming .text-link {
	color: var(--ix-gold);
}

.inner-hero {
	background:
		radial-gradient(circle at 82% 18%, rgba(246, 197, 0, 0.22), transparent 16rem),
		linear-gradient(135deg, #061a33 0%, #0a2f68 54%, #0057c8 100%);
	color: #ffffff;
}

.inner-hero h1,
.inner-hero p {
	color: #ffffff;
}

.variant-hero-visual {
	position: relative;
	min-height: 340px;
	border-radius: 30px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(243, 247, 255, 0.94)),
		linear-gradient(135deg, var(--ix-primary), var(--ix-navy));
	box-shadow: var(--ix-shadow);
}

.variant-hero-visual::before {
	content: "";
	position: absolute;
	inset: 38px auto 36px 50%;
	width: 160px;
	border: 8px solid #0c1c35;
	border-radius: 28px;
	background: linear-gradient(180deg, #ffffff, #eef6ff);
	transform: translateX(-50%);
}

.page-layout-app-device-split .variant-hero-visual::after {
	content: "Android  iOS  Browser";
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 28px;
	padding: 12px 16px;
	border-radius: 999px;
	background: rgba(0, 87, 200, 0.12);
	color: var(--ix-primary);
	font-weight: 900;
	text-align: center;
}

.page-layout-login-security-flow .variant-hero-visual::after {
	content: "LOCK  OTP  SAFE ROUTE";
	position: absolute;
	inset: auto 28px 28px;
	padding: 14px;
	border-radius: 18px;
	background: rgba(22, 163, 107, 0.14);
	color: var(--ix-green);
	font-weight: 900;
	text-align: center;
}

.page-layout-games-category-hub .variant-hero-visual {
	background:
		radial-gradient(circle at 70% 18%, rgba(246, 197, 0, 0.28), transparent 15rem),
		linear-gradient(135deg, #061a33, #0a2f68);
}

.page-layout-games-category-hub .variant-hero-visual::before {
	content: "SPORT LIVE SLOT CARD 1X 18+";
	inset: 34px;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 28px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05)),
		radial-gradient(circle at 40% 30%, rgba(246, 197, 0, 0.24), transparent 12rem);
	color: #ffffff;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-align: center;
	transform: none;
}

.page-layout-faq-grouped-accordion .variant-faq-groups {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.site-footer,
.footer,
.bb-footer {
	background: #061a33;
	color: rgba(255, 255, 255, 0.78);
	border-top: 4px solid var(--ix-gold);
}

.site-footer a,
.site-footer h2,
.site-footer h3,
.footer a,
.footer h2,
.footer h3,
.bb-footer a,
.bb-footer h2,
.bb-footer h3 {
	color: #ffffff;
}

@media (max-width: 1024px) {
	.game-category-grid,
	.variant-game-hub,
	.page-layout-faq-grouped-accordion .variant-faq-groups {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.game-category-card:first-child {
		grid-column: auto;
	}
}

@media (max-width: 768px) {
	.hero-card {
		padding-top: 44px;
		padding-bottom: 50px;
	}

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

	.hero-actions .btn,
	.hero-actions a,
	.header-action,
	.mobile-action {
		min-height: 44px;
	}

	.home-visual-stack {
		min-height: 430px;
		margin-top: 24px;
	}

	.home-phone-mockup {
		right: 50%;
		transform: translateX(50%);
	}

	.home-game-card {
		left: 0;
		width: 188px;
	}

	.home-game-card--casino {
		left: auto;
		right: 0;
		bottom: 68px;
	}

	.home-payment-shield {
		right: 50%;
		bottom: 0;
		width: min(240px, 80vw);
		transform: translateX(50%);
	}

	.page-layout-home-brand-portal .trust-strip,
	.quick-access-grid,
	.game-category-grid,
	.variant-game-hub,
	.page-layout-faq-grouped-accordion .variant-faq-groups {
		grid-template-columns: 1fr;
	}

	.page-layout-home-brand-portal .trust-strip {
		transform: none;
		margin-bottom: 0;
	}

	.quick-card {
		min-height: 150px;
	}

	.game-category-card {
		min-height: 340px;
	}

	.floating-cta,
	.mobile-bottom-cta {
		position: static;
	}
}