:root {
	--container-max: 1320px;
	/* Переменные для promo секции */
	--color-surface: #0f1524;
	--color-border: rgba(138,180,255,.15);
	--color-bg: #0b0f1a;
	--color-text: #e9f1ff;
	--color-muted: #a9c1ff;
	--color-accent: #3ecbff;
	--color-accent-2: #6ee0ff;
	--shadow: 0 6px 20px rgba(0,0,0,.25);
}
.s8mx2,.gf2qx,.q3nmf .cwthe,.nhjj4 .cwthe,.ps24y {
	max-width: var(--container-max);
	margin: 0 auto;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: "Inter",Arial,sans-serif!important;
	background: #09101D;
	color: #fff;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
	height: 100%;
}
a {
	text-decoration: none;
}
/* ============ SIDEBAR ============ */
.eyosk {
	position: fixed;
	left: 0;
	top: 0;
	width: 260px;
	height: 100vh;
	background: rgb(8, 14, 26);
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.3s ease;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
}
.eyosk::-webkit-scrollbar {
	width: 4px;
}
.eyosk::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 2px;
}
/* Collapsed state for desktop */
.eyosk.ori12 {
	width: 70px;
}
.eyosk.ori12 .xfvxf span,.eyosk.ori12 .xo8zl span:not(.oo7dk),.eyosk.ori12 .y2yqs,.eyosk.ori12 .pidjs span,.eyosk.ori12 .ixeg7,.eyosk.ori12 .nwpsh span {
	display: none;
}
.eyosk.ori12 .te75m {
	justify-content: center;
}
.eyosk.ori12 .xo8zl {
	justify-content: center;
	padding: 12px 8px;
}
.eyosk.ori12 .pidjs {
	width: 48px;
	height: 48px;
	margin: 8px auto;
	justify-content: center;
	padding: 0;
}
.eyosk.ori12 .nwpsh {
	justify-content: center;
}
/* Toggle button */
.vwdxk {
	position: absolute;
	right: 5px;
	top: 17px;
	width: 30px;
	height: 30px;
	background: #3b82f6;
	border: 0px solid #0d1230;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	transition: all 0.3s;
	z-index: 1001;
	line-height: 30px;
}
.vwdxk:hover {
	background: #2563eb;
	transform: scale(1.1);
}
.te75m {
	padding: 20px;
	/* border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	*/
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
}
.xfvxf img{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 20px;
	font-weight: bold;
	width: 100%;
	height: 30px;
}
.eyosk.ori12 .xfvxf img {
	display: none;
}
.fpxft img {
	width: 100%;
	height: 40px;
}
.eyosk.ori12 .te75m {
	justify-content: center;
}
.edkgx {
	width: 32px;
	height: 32px;
	background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	flex-shrink: 0;
}
.jupt6 {
	display: none;
	background: none;
	border: none;
	color: #fff;
	font-size: 24px;
	cursor: pointer;
	padding: 5px;
}
.y2yqs {
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex-shrink: 0;
}
.uoh1g {
	padding: 12px;
	border: none;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-family: "Mulish", sans-serif;
}
.ntst4 {
    color: #6b768a;
    /* background: transparent; */
    border: 1px solid hsla(0, 0%, 100%, .08);
    box-shadow: none;
}
.ntst4:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}
.j72e5  {
    align-items: center;
    padding: 9px 20px;
    color: #fff;
    font-weight: 400;
    font-size: 1rem;
    font-family: Rubik, Arial, sans-serif;
    text-decoration: none;
        background: linear-gradient(90deg, #FF2F63 0%, #FF3EFF 100%) !important;
    border: 1px solid transparent;
    border-radius: 5px;
    outline: none !important;
    cursor: pointer;
}
.j72e5 a {
	color: #fff !important;
}
.j72e5:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4);
}
.hxtp2 {
	flex: 0 1 auto;
	padding: 8px 0;
	margin: 10px;
}
.xo8zl {
	padding:8px 10px;
	display: flex;
	align-items: center;
	gap: 12px;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s;
	font-size: 14px;
	cursor: pointer;
	border-left: 4px solid transparent;
}
.xo8zl:hover {
	background: rgba(255, 255, 255, 0.05);
}
.xo8zl.active {
	background: rgba(59, 130, 246, 0.2);
	border-left-color: #3b82f6;
	color: #3b82f6;
}
.oo7dk {
	font-size: 14px;
	width: 24px;
	height: 24px;
	text-align: center;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.oo7dk img {
	width: 20px;
	height: 20px;
	object-fit: contain;

}
.xo8zl:hover .oo7dk img {
	opacity: 1;
}

/* Для свернутого меню */
.eyosk.ori12 .oo7dk img {
	width: 22px;
	height: 22px;
}
.pidjs {
	margin: 8px 16px;
	background: linear-gradient(90deg, #2563eb 0%, #06b6d4 100%);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.pidjs:hover {
	transform: translateY(-2px);
}
.ixeg7 {
	margin: 8px 16px;
	background: linear-gradient(90deg, #06b6d4 0%, #3b82f6 100%);
	color: #fff;
}
.ixeg7:hover {
	transform: translateY(-2px);
}
.d8uaj {
	padding: 16px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	flex-shrink: 0;
}
.nwpsh {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px;
	background: none;
	border: none;
	color: #fff;
	cursor: pointer;
	width: 100%;
	border-radius: 8px;
	transition: background 0.3s;
}
.nwpsh:hover {
	background: rgba(255, 255, 255, 0.05);
}
/* ============ OVERLAY ============ */
.fa3yc {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999;
}
.fa3yc.active {
	display: block;
}
/* ============ MAIN CONTENT ============ */
.ijgu5 {
	margin-left: 260px;
	transition: margin-left 0.3s ease;
	min-height: 100vh;
}
.ijgu5.cecnq {
	margin-left: 70px;
}
.ijgu5.gsir1 {
	margin-left: 0;
}
/* ============ HEADER ============ */
.kz3ig {
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 320px;
    height: 75px;
    min-height: 75px;
    padding: 0 15px;
    line-height: 1;
    background: #09101D;
    box-shadow: rgba(0, 0, 0, .2) 0 4px 6px -1px, rgba(0, 0, 0, .12) 0 2px 4px -1px;
}
.acnt6 {
	display: flex;
	align-items: center;
	padding: 16px;
	gap: 16px;
}
.qznbm {
	/* padding: 24px; */
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
@media (max-width: 767px) {
	.qznbm {
		justify-content: flex-start;
	}
}
.gorr6 {
	display: none;
	background: rgba(59, 130, 246, 0.2);
	border: 1px solid rgba(59, 130, 246, 0.3);
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	padding: 8px 12px;
	border-radius: 8px;
	transition: all 0.3s;
}
.gorr6:hover {
	background: rgba(59, 130, 246, 0.3);
}
.ayylr {
	flex: 1;
	max-width: 700px;
	position: relative;
}
@media (max-width: 767px) {
	.ayylr {
		display: none;
	}
}
.y5mtz {
	width: 100%;
	padding: 10px 16px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	color: #fff;
	font-size: 14px;
}
.y5mtz::placeholder {
	color: rgba(255, 255, 255, 0.5);
}
.y5mtz:focus {
	outline: none;
	border-color: #3b82f6;
	background: rgba(255, 255, 255, 0.08);
}
.hksvy {
	display: flex;
	gap: 8px;
}
/* ============ CATEGORY TABS ============ */
.epkno {
	display: flex;
	gap: 8px;
	padding: 12px 16px;
	overflow-x: auto;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.epkno::-webkit-scrollbar {
	height: 4px;
}
.epkno::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.05);
}
.epkno::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 2px;
}
.n0ppn {
	padding: 8px 16px;
	background: none;
	border: none;
	color: rgba(255, 255, 255, 0.7);
	border-radius: 8px;
	cursor: pointer;
	white-space: nowrap;
	font-size: 14px;
	transition: all 0.3s;
	font-weight: 500;
}
.n0ppn:hover {
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
}
.n0ppn.active {
	background: #3b82f6;
	color: #fff;
}
/* ============ HERO BANNER ============ */
.f4fpq {
	margin-top: 60px;
	position: relative;
	height: 320px;
	/* background: linear-gradient(90deg, #581c87 0%, #1e40af 50%, #4338ca 100%);
	*/
	overflow: hidden;
}
@media (max-width: 768px) {
	.f4fpq {
		margin-top: 30px;
	}
}
.gf2qx {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
	overflow: hidden;
}
.uen1h {
	width: 100%;
	border-radius: 24px;
	overflow: visible;
	gap: 20px;
}
.vuz2p {
	position: relative;
	height: 310px;
	/* background: linear-gradient(135deg, #1e3a5f 0%, #0a1929 100%);
	*/
	border-radius: 24px;
	overflow: hidden;
}
/* Slide background */
.n4abu {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	/* opacity: 0.4;
	*/
}
.n4abu::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(10, 14, 39, 0.95) 0%, rgba(10, 14, 39, 0.3) 70%, transparent 100%);
}
/* Slide content */
.pkagk {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 60px;
	z-index: 2;
}
.krdky {
	font-size: 48px;
	font-weight: 800;
	margin-bottom: 16px;
	line-height: 1.2;
	max-width: 600px;
}
.kjzx6 {
	font-size: 20px;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 32px;
	max-width: 500px;
}
.be140 {
	background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
	color: #fff;
	padding: 16px 40px;
	border: none;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s;
	align-self: flex-start;
}
.be140:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(102, 126, 234, 0.4);
}
/* Slide image */
.xay5m {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.xay5m img {
	max-width: 100%;
	max-height: 90%;
	object-fit: contain;
	filter: drop-shadow(0 10px 40px rgba(0, 0, 0, 0.5));
}
/* Navigation buttons */
.thfwp,.vbk46 {
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.2);
	transition: all 0.3s;
}
.thfwp:hover,.vbk46:hover {
	background: rgba(255, 255, 255, 0.2);
	transform: scale(1.1);
}
.thfwp::after,.vbk46::after {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
/* Pagination */
.w5hbn {
	width: 12px;
	height: 12px;
	background: rgba(255, 255, 255, 0.5);
	opacity: 1;
	transition: all 0.3s;
}
.t463y {
	background: #667eea;
	width: 32px;
	border-radius: 6px;
}
/* Different slide themes */
.rjx83 {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.yy6q9 {
	background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}
.qyjk7 {
	background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}
.nysr8 {
	background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}
/* Responsive */
@media (max-width: 1024px) {
	.pkagk {
		padding: 40px;
	}
	.krdky {
		font-size: 36px;
	}
	.kjzx6 {
		font-size: 18px;
	}
	.xay5m {
		width: 45%;
	}
}
@media (max-width: 768px) {
	.vuz2p {
		height: 310px;
	}
	.pkagk {
		padding: 30px;
		justify-content: flex-start;
		padding-top: 60px;
	}
	.krdky {
		font-size: 28px;
	}
	.kjzx6 {
		font-size: 16px;
	}
	.xay5m {
		width: 100%;
		top: auto;
		bottom: 0;
		transform: none;
		height: 50%;
	}
	.thfwp,.vbk46 {
		width: 40px;
		height: 40px;
	}
	.thfwp::after,.vbk46::after {
		font-size: 16px;
	}
}
@media (max-width: 480px) {
	.vuz2p {
		height: 450px;
	}
	.pkagk {
		padding: 24px;
		padding-top: 40px;
	}
	.krdky {
		font-size: 24px;
	}
	.kjzx6 {
		font-size: 14px;
		margin-bottom: 24px;
	}
	.be140 {
		padding: 12px 28px;
		font-size: 14px;
	}
}
/* ============ CATEGORY NAVIGATION ============ */
.l88ru {
	margin: 30px 0;
}
/* ============ CATEGORY NAVIGATION ============ */
/* ============ CATEGORY NAVIGATION ============ */
.l88ru {
	margin: 30px 0;
}
.fw57e {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	/* Для плавной прокрутки на iOS */
}
.fw57e::-webkit-scrollbar {
	display: none;
}
.t8gcu {
	display: inline-flex;
	/* Изменено с flex на inline-flex */
	align-items: center;
	gap: 12px;
	padding-bottom: 10px;
}
.pbcdg {
	display: inline-flex;
	/* Изменено */
	align-items: center;
	gap: 12px;
	padding: 12px 18px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	transition: all 0.3s;
	cursor: pointer;
	flex-shrink: 0;
}
.pbcdg:hover {
	background: rgba(59, 130, 246, 0.2);
	border-color: rgba(59, 130, 246, 0.5);
}
.pbcdg.active {
	background: rgba(59, 130, 246, 0.2);
	border-color: rgba(59, 130, 246, 0.5);
}
.mvqzp {
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.krbnq {
	user-select: none;
}
.xwkk4 {
	background: rgba(59, 130, 246, 0.2);
	border-color: rgba(59, 130, 246, 0.3);
}
/* ============ RESPONSIVE ============ */
@media (max-width: 768px) {
	.t8gcu {
		gap: 8px;
	}
	.pbcdg {
		padding: 8px 12px;
		font-size: 12px;
	}
	.mvqzp {
		font-size: 16px;
	}
	.xwkk4 .krbnq {
		display: none;
	}
}
@media (max-width: 480px) {
	.t8gcu {
		gap: 6px;
	}
	.pbcdg {
		padding: 6px 10px;
		font-size: 11px;
	}
}
/* ============ CONTENT SECTION ============ */
.s8mx2 {
	padding: 32px 20px;
	max-width: 1400px;
	margin: 0 auto;
}
.jbxrf {
	margin-bottom: 48px;
}
.faq0b {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 40px;
	margin-bottom: 20px;
}
.jsfj1 {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 22px;
	font-weight: 700;
}
.z65uc {
	font-size: 24px;
}
.cv5hb {
	color: #3b82f6;
	text-decoration: none;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 4px;
	font-weight: 500;
	transition: color 0.3s;
}
.cv5hb:hover {
	color: #60a5fa;
}
.j1bht {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	padding-bottom: 16px;
	margin: 24px 0;
}
.j1bht::-webkit-scrollbar {
	height: 8px;
}
.j1bht::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 4px;
}
.j1bht::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 4px;
}
.j1bht::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.3);
}
.sra5d {
	flex-shrink: 0;
	width: 212px;
	background: #1e293b;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s;
}
.sra5d:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 32px rgba(59, 130, 246, 0.3);
}
.h1381 {
	width: 100%;
	height: 180px;
	background: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 72px;
	position: relative;
	overflow: hidden;
}
.h1381::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);
	transform: translateX(-100%);
	transition: transform 0.6s;
}
.sra5d:hover .h1381::before {
	transform: translateX(100%);
}
.znd2m {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s;
}
.sra5d:hover .znd2m {
	opacity: 1;
}
.eowtf {
	background: #3b82f6;
	padding: 10px 24px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	border: none;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s;
}
.eowtf:hover {
	background: #2563eb;
	transform: scale(1.05);
}
.g82bf {
	padding: 12px;
}
.wawpo {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dayd2 {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* ============ TELEGRAM BANNER ============ */
.gs8dh {
	background:linear-gradient(90deg, rgba(37, 99, 235, 0.9) 0%, rgba(6, 182, 212, 0.9) 100%),url('../img/w84pwe08.png') right/contain no-repeat;
	border-radius: 16px;
	padding: 40px;
	position: relative;
	overflow: hidden;
	margin-bottom: 48px;
}
.pymvq {
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 140px;
	opacity: 0.2;
}
.gs8dh h3 {
	font-size: 32px;
	margin-bottom: 20px;
	text-transform: uppercase;
	max-width: 750px;
	position: relative;
	z-index: 1;
	font-weight: normal;
	margin-bottom: 15px;
}
.i2b0u {
	background: #fff;
	color: #2563eb;
	padding: 14px 28px;
	border-radius: 8px;
	font-weight: 600;
	border: none;
	cursor: pointer;
	transition: all 0.3s;
	font-size: 15px;
	position: relative;
	z-index: 1;
	margin-top: 15px;
}
.i2b0u:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(255, 255, 255, 0.3);
}

.xmk72 {
	background: linear-gradient(135deg, #ca8a04 0%, #ea580c 100%);
	border-radius: 20px;
	padding: 60px 32px;
	text-align: center;
	margin-bottom: 48px;
	position: relative;
	overflow: hidden;
}
.xmk72::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
	animation: rotate 20s linear infinite;
}
@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.eypj2 {
	position: relative;
	z-index: 1;
}
.etxhm {
	font-size: 100px;
	margin-bottom: 20px;
	animation: bounce 2s ease-in-out infinite;
}
@keyframes bounce {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
}
.c68i7 {
	font-size: 36px;
	margin-bottom: 16px;
	font-weight: 800;
}
.a8tba {
	font-size: 64px;
	font-weight: 900;
	margin-bottom: 28px;
	text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
/* ====== Токены секции ====== */
.kniks {
	--bg: #0b0f1a;
	--card: #0f1524;
	--text: #e9f1ff;
	--muted: #a9c1ff;
	--accent: #3ecbff;
	--ring: rgba(62, 203, 255, .55);
	--radius: 20px;
}
/* ====== Базовая сетка ====== */
.kniks {
	margin: 40px 0;
	color: var(--text);
}
.kniks .zi3zl {
	display: flex;
	flex-wrap: wrap;
	gap: .5em .6em;
	align-items: baseline;
	margin: 0 0 clamp(18px, 2.2vw, 26px);
	line-height: 1.15;
	letter-spacing: .2px;
	font-weight: 800;
	font-size: clamp(22px, 3.2vw, 36px);
	text-transform: uppercase;
}
.kniks .zi3zl .yn3hb {
	color: var(--accent);
}
.kniks .kj5zs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(8px, 2vw, 14px);
}
/* ====== Карточка ====== */
.kniks .lnbbo {
	position: relative;
	display: grid;
	grid-template-rows: auto auto 1fr;
	gap: 6px;
	padding: clamp(16px, 2.2vw, 22px);
	background: radial-gradient(91.67% 91.67% at 50% 100%, rgba(117, 230, 255, .2), rgba(117, 230, 255, 0));
	border-radius: var(--radius);
	border: 1px solid #75e6ff;
	box-shadow:0 0 0 0 rgba(62,203,255,0),inset 0 0 0 1px rgba(255,255,255,.04);
	transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
	min-height: 250px;
	text-align: center;
}
.kniks .lnbbo::after{
	content:"";
	position:absolute;
	inset:-1px;
	border-radius: inherit;
	pointer-events:none;
	background:radial-gradient(100px 80px at 20% 10%, var(--ring), transparent 60%) ,radial-gradient(120px 90px at 80% 110%, var(--ring), transparent 60%);
	opacity:.0;
	transition: opacity .35s ease;
	filter: blur(10px);
}
.kniks .lnbbo:hover{
	transform: translateY(-6px);
	border-color: rgba(138, 180, 255, .35);
	box-shadow:0 10px 30px -6px rgba(0,0,0,.5),0 0 0 1px rgba(62,203,255,.18) inset;
}
.kniks .lnbbo:hover::after{
	opacity:.55;
}
/* Иконка */
.kniks .zs1cz {
	display: grid;
	place-items: center;
}
.kniks .zs1cz img{
	max-width: 100%;
	max-height: 100%;
	display: block;
}
/* Текст */
.kniks .lnbbo h3{
	margin: 6px 0 2px;
	font-size: clamp(16px, 2.1vw, 20px);
	font-weight: 800;
	letter-spacing:.2px;
	color: #cfe2ff;
}
.kniks .lnbbo .ucg85{
	margin: 0 0 6px;
	font-size: 14px;
	color: var(--accent);
	font-weight: 700;
}
.kniks .lnbbo p{
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--muted);
}
/* ====== Адаптив ====== */
@media (max-width: 1100px){
	.kniks .kj5zs{
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 820px){
	.kniks .kj5zs{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 520px){
	.kniks .kj5zs{
		grid-template-columns: 1fr;
	}
	.kniks .lnbbo{
		grid-template-columns: 88px 1fr;
		grid-template-rows: auto auto;
		gap: 12px 16px;
		align-items: start;
	}
	.kniks .zs1cz{
		grid-row: 1 / span 2;
	}
	.kniks .lnbbo p{
		grid-column: 1 / -1;
	}
}
.q3nmf {
	--bg: #0b0f1a;
	--text: #ffffff;
	--accent: #3ecbff;
	--muted: #a9c1ff;
	--radius: 20px;
	position: relative;
	overflow: hidden;
	border-radius: 24px;
	background: radial-gradient(80% 150% at 50% -10%, rgba(62,203,255,.08), transparent 70%), var(--bg);
	color: var(--text);
}
.q3nmf .cwthe {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px;
	max-width: 1180px;
	margin: 0 auto;
}
.q3nmf .ug9jd {
	flex: 1 1 220px;
	max-width: 560px;
	z-index: 1;
	padding: clamp(40px, 6vw, 80px) 16px;
}
.q3nmf h2 {
	font-size: clamp(20px, 3vw, 34px);
	font-weight: 800;
	line-height: 1.2;
	margin: 0 0 12px;
}
.q3nmf h2 span {
	display: block;
	color: var(--accent);
	font-weight: 700;
	font-size: clamp(16px, 2vw, 22px);
}
.q3nmf p {
	font-size: 15px;
	line-height: 1.6;
	color: var(--muted);
	margin-bottom: 24px;
}
.q3nmf a.vrmzk {
	display: inline-block;
	background: var(--accent);
	color: #001427;
	font-weight: 600;
	text-decoration: none;
	padding: 12px 24px;
	border-radius: 999px;
	transition: background 0.3s ease, transform 0.3s ease;
}
.q3nmf a.vrmzk:hover {
	background: #6edcff;
	transform: translateY(-3px);
}
.q3nmf .r5hdn {
	flex: 1 1 380px;
	text-align: right;
	background-size: cover
}
.q3nmf .r5hdn img {
	max-width: 100%;
	height: auto;
	display: block;
	filter: drop-shadow(0 0 20px rgba(62,203,255,0.3));
}
/* ====== Адаптив ====== */
@media (max-width: 780px) {
	.q3nmf .cwthe {
		flex-direction: column-reverse;
		text-align: center;
	}
	.q3nmf .r5hdn {
		text-align: center;
		flex: 0 1 80px;
	}
}
.dlx13{
	--bg:#0b0f1a;
	--card:#0f1524;
	--text:#e9f1ff;
	--muted:#a9c1ff;
	--accent:#ff2bbf;
	/* розовые плашки */
	--primary:#3ecbff;
	/* голубые кнопки/обводки */
	--radius:20px;
	color:var(--text);
	padding:clamp(24px,3vw,40px) 16px;
}
.dlx13 .cwthe{
	margin:0 auto;
	display:grid;
	gap:24px;
	grid-template-columns:1fr 1fr;
}
/* ====== Общий стиль карточек ====== */
.i9gkg{
	position:relative;
	overflow:hidden;
	background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--card);
	border:1px solid #75e6ff;
	border-radius:var(--radius);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
	padding:clamp(16px,2vw,22px);
}
.wv417 {
	position:relative;
	overflow:hidden;
	background: /* верхний слой — градиент */
	linear-gradient(180deg, rgba(255,255,255,.02), transparent) 0 0 / auto no-repeat,url("../img/4g06oudg.webp") right bottom / contain no-repeat;
	background-color: var(--card);
	border:1px solid #75e6ff;
	border-radius:var(--radius);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
	padding:clamp(16px,2vw,22px);
}
.i9gkg::after{
	content:"";
	position:absolute;
	inset:-1px;
	border-radius:inherit;
	pointer-events:none;
	background:radial-gradient(120px 90px at 10% 0%, rgba(62,203,255,.25), transparent 70%),radial-gradient(120px 90px at 90% 100%, rgba(62,203,255,.25), transparent 70%);
	opacity:.25;
	filter:blur(8px);
}
/* ====== Левая колонка — последние выигрыши ====== */
.cq8s0 h3{
	margin:4px 0 14px;
	font-size:clamp(16px,2.2vw,18px);
	letter-spacing:.5px;
	text-transform:uppercase;
	color:#d7e6ff;
}
.cq8s0 .tjh9x{
	display:flex;
	flex-direction:column;
	gap:12px;
}
.cq8s0 .m2zrx{
	display:grid;
	grid-template-columns:56px 1fr auto 28px;
	align-items:center;
	gap:12px;
	padding:10px 8px;
	border-bottom:1px solid rgba(138,180,255,.12);
}
.cq8s0 .m2zrx:last-child{
	border-bottom:none;
}
.cq8s0 .kvkc8{
	width:56px;
	height:56px;
	border-radius:12px;
	overflow:hidden;
	border:1px solid rgba(138,180,255,.18);
}
.cq8s0 .kvkc8 img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.cq8s0 .pf1w9{
	min-width:0;
}
.cq8s0 .knp1u{
	font-weight:700;
	font-size:14px;
	color:#cfe2ff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.cq8s0 .mzdpl{
	margin-top:4px;
	font-size:13px;
	color:var(--muted);
	display:flex;
	gap:8px;
	align-items:center;
	opacity:.9;
}
.cq8s0 .s4tw3{
	font-weight:800;
	white-space:nowrap;
	font-size:15px;
}
.cq8s0 .go{
	width:28px;
	height:28px;
	border-radius:50%;
	display:grid;
	place-items:center;
	border:1px solid rgba(138,180,255,.25);
	color: white;
}
.cq8s0 .go svg{
	width:14px;
	height:14px;
	opacity:.9;
}
/* ====== Правая колонка — турнир ====== */
.rq2n3 .c13g8{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	margin-bottom:14px;
}
.l042z{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:8px 14px;
	border-radius:999px;
	font-weight:700;
	font-size:13px;
	color:#fff;
	background:var(--accent);
	box-shadow:0 6px 18px rgba(255,43,191,.25) inset;
}
.l042z.e6mol{
	background:#2b2f43;
	color:#cfe2ff;
	border:1px solid rgba(138,180,255,.2);
}
.rq2n3 h3{
	font-size:clamp(18px,2.4vw,26px);
	line-height:1.2;
	margin:0 0 14px;
	font-weight:800;
}
.xvlh1{
	width:min(360px,70%);
	max-width:100%;
	background:#ff0bb9;
	color:#fff;
	border-radius:60px;
	padding:18px 22px;
	text-align:center;
	position:relative;
	overflow:hidden;
	box-shadow:0 10px 30px rgba(255,11,185,.25);
	margin:28px 0;
}
.xvlh1 .v40dx{
	opacity:.9;
	font-weight:700;
}
.xvlh1 .g1pak{
	font-size:clamp(28px,4.4vw,40px);
	font-weight:900;
	letter-spacing:.5px;
}
.rq2n3 .fmp2m{
	display:flex;
	align-items:center;
	gap:10px;
	color:var(--muted);
	font-size:14px;
	margin:10px 0 16px;
}
.rq2n3 .c4y7x{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
}
.uoh1g{
	text-decoration:none;
	display:inline-block;
	font-weight:700;
	padding:12px 18px;
	border-radius:12px;
	background: #1f2941;
	color: white;
}

/* .uoh1g:hover{
	transform:translateY(-2px);
	background:var(--primary);
	color:#001723;
}
*/
.uoh1g.xl8dt{
	background:transparent;
	color:#cfe2ff;
}
.uoh1g.xl8dt:hover{
	background:rgba(255,255,255,.06);
}
.rq2n3 .f8hpw{
	position:absolute;
	right:-20px;
	bottom:-10px;
	width:min(45%,420px);
	pointer-events:none;
	filter:drop-shadow(0 0 26px rgba(62,203,255,.25));
}
/* ====== Адаптив ====== */
@media (max-width: 980px){
	.dlx13 .cwthe{
		grid-template-columns:1fr;
	}
	.rq2n3 .f8hpw{
		position:static;
		width:70%;
		margin:10px auto 0;
		display:block;
	}
	.rq2n3 {
		padding-bottom:10px;
	}
}
@media (max-width: 560px){
	.cq8s0 .m2zrx{
		grid-template-columns:48px 1fr auto 28px;
	}
	.cq8s0 .kvkc8{
		width:48px;
		height:48px;
		border-radius:10px;
	}
	.xvlh1{
		width:100%;
		border-radius:24px;
	}
	.rq2n3 .c4y7x{
		justify-content:center;
	}
	.rq2n3 .fmp2m{
		justify-content:center;
	}
	.dlx13 .i9gkg{
		padding:16px;
	}
}
/* */
.vubko{
	color: var(--text);
	padding: clamp(28px,5vw,56px) 16px;
	background: url("../img/twwwyuoe.webp") center / cover no-repeat;
	border: 1px solid rgba(120,170,255,.15);
	border-radius: 22px;
	overflow: hidden;
	margin-top: 40px;
}
/* шапка */
.lu0yq{
	display:flex;
	align-items:center;
	gap:10px;
	margin:0 auto 18px;
	max-width:1180px;
}
.qmbgb{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:8px 12px;
	font-weight:800;
	font-size:13px;
	color:#fff;
	background:linear-gradient(90deg,#6ee0ff,#3ecbff);
	border-radius:999px;
	box-shadow:0 8px 24px rgba(62,203,255,.25) inset;
}
.ie9tj{
	margin:8px auto 22px;
	max-width:1180px;
	text-align:center;
	font-weight:900;
	letter-spacing:.6px;
	font-size:clamp(32px,8vw,72px);
	color:#bfe0ff;
}
/* сетка карточек */
.xcnv8{
	max-width:1180px;
	margin:0 auto;
	display:grid;
	gap:16px;
	grid-template-columns: repeat(5, minmax(180px,1fr));
}
@media (max-width:1100px){
	.xcnv8{
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (max-width:900px){
	.xcnv8{
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width:640px){
	.xcnv8{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width:400px){
	.xcnv8{
		grid-template-columns: 1fr;
	}
}
.kgine{
	position:relative;
	border-radius:16px;
	background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.0)),var(--panel);
	border:1px solid rgba(138,180,255,.20);
	overflow:hidden;
	transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.kgine:hover{
	transform:translateY(-6px);
	border-color:rgba(138,180,255,.35);
	box-shadow:0 16px 34px rgba(0,0,0,.45);
}
.enzba{
	aspect-ratio: 16/10;
	background:#0a0f1b;
	overflow:hidden;
}
.enzba img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.po9nq{
	position:absolute;
	left:10px;
	top:10px;
	z-index:2;
	background:#ff2bbf;
	color:#fff;
	font-weight:800;
	font-size:12px;
	border-radius:999px;
	padding:6px 10px;
	box-shadow:0 0 0 2px rgba(0,0,0,.25);
}
.r9hwi{
	padding:12px 14px;
	background:linear-gradient(180deg, rgba(10,15,27,.0), rgba(10,15,27,.35));
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
}
.f6kfp{
	font-weight:700;
	font-size:13px;
	color:#d7e6ff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:70%;
}
.s1chu{
	font-weight:800;
	color:#cfe2ff;
	white-space:nowrap;
}
/* кнопка Показать всё */
.rvgps{
	display:flex;
	justify-content:center;
	margin:24px auto 6px;
	max-width:1180px;
}
.rvgps a{
	text-decoration:none;
	font-weight:700;
	color:#fff;
	padding:12px 22px;
	border-radius:999px;
	border:1px solid rgba(255,255,255,.18);
	box-shadow:0 6px 22px rgba(62,203,255,.25);
	transition:transform .25s ease, background .25s ease;
}
.rvgps a:hover{
	transform:translateY(-3px);
}
.b4wfe {
	margin: 40px 0;
	padding: 24px;
}
.b4wfe h1 {
	margin-bottom: 16px;
}
.b4wfe p {
	font-style: 16px;
	font-weight: 400;
	font-family: "Mulish", sans-serif;
}
/* ============ RESPONSIVE ============ */
@media (max-width: 1024px) {
	/* Hide sidebar by default on mobile */
	.eyosk {
		transform: translateX(-100%);
	}
	.eyosk.open {
		transform: translateX(0);
	}
	/* Hide toggle button on mobile */
	.vwdxk {
		display: none;
	}
	.jupt6 {
		display: block;
	}
	.ijgu5 {
		margin-left: 0 !important;
	}
	.gorr6 {
		display: none;
	}
	.hksvy {
		display: flex;
	}
	.vyxw3 h1 {
		font-size: 32px;
	}
	.vyxw3 p {
		font-size: 16px;
	}
	.n12ef {
		padding: 0 24px;
	}
	.j4q0y {
		font-size: 100px;
		right: 20px;
		opacity: 0.5;
	}
	.s8mx2 {
		padding: 16px;
	}
	.gs8dh {
		padding: 32px 24px;
	}
	.pymvq {
		font-size: 100px;
		right: 20px;
	}
	.xmk72 {
		padding: 48px 24px;
	}
	.a8tba {
		font-size: 48px;
	}
	.sra5d {
		width: 160px;
	}
	.h1381 {
		height: 160px;
		font-size: 64px;
	}
}
@media (max-width: 640px) {
	.f4fpq {
		height: 280px;
	}
	.vyxw3 h1 {
		font-size: 26px;
	}
	.vyxw3 p {
		font-size: 14px;
	}
	.j4q0y {
		display: none;
	}
	.jsfj1 {
		font-size: 18px;
	}
	.sra5d {
		width: 140px;
	}
	.h1381 {
		height: 140px;
		font-size: 52px;
	}
	.gs8dh h3 {
		font-size: 18px;
	}
	.pymvq {
		font-size: 80px;
	}
	.c68i7 {
		font-size: 28px;
	}
	.a8tba {
		font-size: 40px;
	}
	.r929l {
		grid-template-columns: 1fr;
		gap: 32px;
	}
.uoh1g{
	padding: 6px 12px;	
	font-weight: 500;
	font-style: 14px;
}



/* ============ MOBILE BOTTOM NAVIGATION ============ */
.bqc9q {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #09101D;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 8px 0 max(8px, env(safe-area-inset-bottom));
	z-index: 1000;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5);
	justify-content: space-around;
	align-items: flex-end;
}
.bqc9q .draic {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	padding: 6px 4px 4px;
	color: #fff;
	text-decoration: none;
	transition: all 0.2s;
	position: relative;
}
.draic .oo7dk {
	font-size: 18px;
	margin-bottom: 2px;
	transition: transform 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
}
.draic .oo7dk img {
	width: 24px;
	height: 24px;
	filter: brightness(0) invert(1);
}
.draic .nxdzn {
	font-size: 10px;
	font-weight: 500;
	margin-top: 2px;
}
.draic:active {
	color: #3b82f6;
}
.draic:active .oo7dk {
	transform: scale(0.9);
}
/* Центральная кнопка */
.wf9sc {
	background: linear-gradient(135deg, #5b8cff 0%, #7b6ef6 100%);
	border-radius: 8%;
	width: 44px;
	height: 44px;
	min-width: 44px;
	max-width: 44px;
	margin-top: -16px;
	margin-bottom: 26px;
	box-shadow: 0 4px 16px rgba(91, 140, 255, 0.5);
	color: #fff !important;
	padding: 0;
	flex: 0 0 auto;
}
.wf9sc .oo7dk {
	font-size: 22px;
	margin-bottom: 0;
}
.wf9sc .oo7dk img {
	width: 32px;
	height: 32px;
	filter: brightness(0) invert(1);
}
.wf9sc .nxdzn {
	position: absolute;
	bottom: -20px;
	font-size: 9px;
	white-space: nowrap;
}
.wf9sc:active {
	transform: scale(0.95);
}
/* Показывать только на мобильных */
@media (max-width: 768px) {
	.bqc9q {
		display: flex;
	}
	/* Добавить отступ снизу для контента */
	.ijgu5 {
		padding-bottom: 80px;
	}
	.ff5mi {
		margin-bottom: 70px;
	}
}}

@media (min-width: 767px) {
   .bqc9q {
	display: none;
}
}
.uoh1g a {
	color: #fff;
}


/* bottom bar */
.l7bkd{
  margin-top:16px;
  display:grid; grid-template-columns: 1fr auto auto; align-items:center;
  gap:14px;
}
.dk8gc{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--sf-card); color:#cfe2ff;
  border:1px solid var(--sf-border); border-radius:10px;
  height:42px; padding:0 14px; cursor:pointer;
}
.dk8gc svg{ width:18px; height:18px; opacity:.7; }
.ll1od{ width:18px; height:18px; border-radius:50%; }

.cxgkt{ list-style:none; padding:0; margin:0; display:flex; gap:10px; justify-content: center;
    align-items: center;}
.cxgkt a{ display:grid; place-items:center; width:44px; height:42px; background:var(--sf-card); border:1px solid var(--sf-border); border-radius:10px; }
.cxgkt img{ max-height:22px; width:auto; 
}

.yn3hb img{ height:28px; width:auto; display:block; }

/* to top */
.nssm9{
  position:fixed; right:16px; bottom:18px; z-index:30;
  width:44px; height:44px; border-radius:50%;
  display:grid; place-items:center;
  background:#0e1520; border:1px solid var(--sf-border);
  text-decoration:none; color:#fff; opacity:.9;
}
.nssm9:hover{ opacity:1; }
.nssm9 svg{ transform:rotate(180deg); }

/* responsive */
@media (max-width:1024px){
  .ib4f0{ grid-template-columns: repeat(6,1fr); }
}
@media (max-width:680px){
  .ib4f0{ grid-template-columns: repeat(4,1fr); }
  .l7bkd{ grid-template-columns: 1fr; justify-items:center; }
  .yn3hb img{ height:26px; }
}
@media (max-width:420px){
  .ib4f0{ grid-template-columns: repeat(3,1fr); }
  .et63m{ font-size:11px; }
}


@media (max-width: 767px) {
    .uoh1g {
	font-size: 12px;
	padding: 12px 16px;
	border-radius: 8px;
} .fpxft img {
	 width: 90px;
} .p99xw {
	display: none;
}
.b3bjf {
	text-align: center;
}    .qznbm {
        justify-content: space-between;
    }
	 .gqucl {
        grid-template-columns: repeat(1, minmax(180px, 1fr));
    }
	     .h8dck {
        grid-template-columns: repeat(1, minmax(180px, 1fr));
        max-width: none;
    }
}

.fpxft {
	display: flex;
	align-items: center;
	gap: 24px;
}
.uiao7 {
	padding: 8px 40px;
	text-align: left;
}
@media (max-width: 767px) {
    .uiao7 {
        display: none;
}}

/* ===== PROMO ===== */
.vfkk9{
  display:grid; gap:16px;
  grid-template-columns:2fr 1fr;
  align-items:stretch;
}

/* Большая карточка */
.jwcec{
  position:relative; overflow:hidden;
  border-radius:24px;
  border:1px solid var(--color-border);
  background:
    radial-gradient(80% 100% at 80% 20%, rgba(0,230,255,.18) 0%, rgba(0,0,0,0) 60%),
    radial-gradient(90% 120% at 20% 80%, rgba(255,59,179,.22) 0%, rgba(0,0,0,0) 60%),
    var(--color-surface);
  min-height:260px;
}
.kf7rh{
  min-height:300px;
  /* исправленный порядок фона */
  background:
    var(--bg) center/cover no-repeat,
    linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,.25)),
    var(--color-surface);
}

.tuarc{
  position:relative; z-index:2;
  padding:28px;
  max-width:56ch;
}
.yqenk{
  margin:0 0 8px;
  font-weight:700;
  letter-spacing:.02em;
  color:#a6c7ff;
}
.wivw3{
  margin:0 0 14px;
  font-size:clamp(22px,2.8vw,40px);
  line-height:1.05; font-weight:800; letter-spacing:.2px;
}
.wivw3 span{color:var(--color-accent)}
.ybhr3{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:140px; height:44px; padding:0 18px;
  border-radius:12px; background:#fff; color:#0B0F17; font-weight:700;
  box-shadow:0 6px 20px rgba(0,0,0,.25);
}

/* Стрелки */
.weuiu{
  position:absolute; right:14px; bottom:14px; display:flex; gap:8px; z-index:2;
}
.t9jz2{
  width:36px; height:36px; border-radius:10px; border:0;
  background:rgba(12,18,28,.65); color:#fff;
  backdrop-filter:blur(6px);
}

/* Правая колонка */
.hlen3{display:grid; gap:16px}
.lqy1p{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  min-height:120px;
  padding:18px;
  border:1px solid var(--color-border);
  background:
    var(--bg) center/cover no-repeat,
    linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,.25)),
    var(--color-surface);
}

.xos12{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 14px; border-radius:999px;
  background:linear-gradient(135deg, var(--color-accent-2), var(--color-accent));
  color:#041018; font-weight:800; font-size:12px;
  box-shadow:var(--shadow);
}
.rftnl{
  margin:12px 0 0; font-size:16px; line-height:1.25; font-weight:800;
}

/* Адаптивность */
@media (max-width:1024px){
  .vfkk9{grid-template-columns:1fr}
  .kf7rh{min-height:260px}
}
@media (max-width:480px){
  .tuarc{padding:18px}
  .lqy1p{min-height:110px; padding:14px}
}

/* ===== PROMO (фиксация фонового изображения через var) ===== */
.kf7rh{
  min-height:300px;
  /* 1) Явно задаём слои */
  background-image:
    var(--bg, none),                          /* картинка из инлайна */
    linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,.25));
  background-size: cover, auto;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  background-color: var(--color-surface);     /* нижний слой */
}

/* Мини-карточки справа */
.lqy1p{
  position:relative; overflow:hidden;
  border-radius:20px; min-height:120px; padding:18px;
  border:1px solid var(--color-border);
  background-image:
    var(--bg, none),
    linear-gradient(0deg, rgba(0,0,0,.25), rgba(0,0,0,.25));
  background-size: cover, auto;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  background-color: var(--color-surface);
}
@media (max-width: 767px) {
    .hlen3 {
        display: none;
}
.kf7rh {
	min-height: 200px;
}
}


/* ===== CATEGORIES ===== */
.ct1ee{padding:10px 0 4px; overflow: hidden;}
.ag2zr{
  --pad:10px;
  display:flex; gap:14px;
  overflow-x:auto; overflow-y:hidden;
  padding:var(--pad) 0 var(--pad) var(--pad);
  margin:0; list-style:none;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  
}
.ag2zr::-webkit-scrollbar{height:0}  /* скрыть скроллбар на мобилках */

.x41hc{scroll-snap-align:start; flex:0 0 auto}
.rwpqp{
  display:flex; align-items:center; gap:10px;
  min-width:140px; height:64px; padding:12px 14px;
  border-radius:18px;
  background:var(--color-bg);
  border:1px solid var(--color-border);
  color:var(--color-text);
  box-shadow:inset 0 0 0 0 rgba(0,0,0,0);
  transition:.2s;
}
.rwpqp:hover{border-color:rgba(255,255,255,.18)}
.ptgcd{width:28px; height:28px; object-fit:contain; flex:0 0 28px}

/* Активный пункт */
.x41hc.is-active .rwpqp{
  background:
    radial-gradient(120% 120% at 10% 0%, rgba(0,230,255,.18) 0%, rgba(0,0,0,0) 50%),
    radial-gradient(120% 120% at 100% 100%, rgba(255,59,179,.20) 0%, rgba(0,0,0,0) 55%),
    var(--color-surface);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 6px 20px rgba(0,0,0,.25);
}

/* Десктоп: центрируем, убираем скролл, делаем ряд */
@media (min-width:1024px){
  .ag2zr{
    justify-content:flex-start; padding-left:0; overflow:visible; scroll-snap-type:none;
  }
  .rwpqp{min-width:160px}
}
@media (max-width:480px){
  .rwpqp{min-width:128px; height:58px}
  .ptgcd{width:24px; height:24px}
}


/* ===== STRIP (горизонтальная лента карточек) ===== */
.cth9h{padding:18px 0}
.hd73r{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin:0 0 12px;
}
.n0pdb{display:flex; align-items:center; gap:10px}
.hz8gb{width:22px; height:22px; object-fit:contain; opacity:.9}
.hd73r h2{margin:0; font-size:20px}
.czfnu{
  display:inline-flex; align-items:center; height:24px; padding:0 8px;
  border-radius:999px; font-size:12px; font-weight:700; color:#0b0f17;
  background:linear-gradient(135deg,var(--color-accent-2),var(--color-accent));
}
.l5yve{display:flex; align-items:center; gap:10px}
.ewbdj{display:flex; gap:8px}
.fnpnk{
  width:34px; height:34px; border-radius:10px; border:0; color:#fff;
  background:rgba(12,18,28,.65); backdrop-filter:blur(6px);
}
.fnpnk:disabled{opacity:.35; cursor:not-allowed}

.pqb1r{
  display:grid; grid-auto-flow:column; grid-auto-columns:minmax(150px, 180px);
  gap:14px; overflow-x:auto; overflow-y:hidden; padding-bottom:6px;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
}
.pqb1r::-webkit-scrollbar{height:0}
.yiogw{scroll-snap-align:start; display:block}
.erc5h{
  aspect-ratio: 1 / 1;               /* квадрат */
  border-radius:18px;
  background:linear-gradient(180deg,#1c2438,#141b2d);
  background-size:cover; background-position:center;
  box-shadow:0 8px 18px rgba(0,0,0,.35);
  border:1px solid var(--color-border);
}

/* Десктоп: без прокрутки, стрелки листают контейнер JS-ом */
@media (min-width:1024px){
  .pqb1r{overflow:hidden; grid-auto-columns:180px}
}

/* Небольшие экраны */
@media (max-width:480px){
  .pqb1r{grid-auto-columns:150px}
}


/* ===== RECENT WINNERS ===== */
.zl9zr{padding:14px 0}

.ec8z9{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(260px, 360px);   /* ширина карточки в ленте */
  gap:14px;
  overflow-x:auto; overflow-y:hidden;
  padding-bottom:6px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.ec8z9::-webkit-scrollbar{height:0}
.uzyw1{scroll-snap-align:start; display:grid; grid-template-columns:64px 1fr; gap:12px;
  align-items:center; padding:12px; border-radius:16px;
  background:linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid var(--color-border); color:var(--color-text);
}
.j4axp{width:64px;height:64px;border-radius:14px;flex:0 0 64px;
  background:#1b2234 center/cover no-repeat; border:1px solid var(--color-border);
  box-shadow:0 8px 18px rgba(0,0,0,.35);
}
.r97ny{min-width:0}
.zoldg{font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.qxo04{color:var(--color-muted); font-size:14px; margin-top:2px}
.lg6e1{margin-top:6px; font-weight:800; color:var(--color-accent)}

.hd73r{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.hd73r h2{margin:0;font-size:18px}
.ewbdj{display:flex;gap:8px}
.fnpnk{width:34px;height:34px;border-radius:10px;border:0;color:#fff;
  background:rgba(12,18,28,.65);backdrop-filter:blur(6px)}
.fnpnk:disabled{opacity:.35;cursor:not-allowed}

/* десктоп: убираем естественный скролл, листаем стрелками */
@media (min-width:1024px){
  .ec8z9{overflow:hidden; grid-auto-columns:360px}
}
@media (max-width:480px){
  .ec8z9{grid-auto-columns:260px}
  .uzyw1{grid-template-columns:56px 1fr}
  .j4axp{width:56px;height:56px;border-radius:12px}
}


/* ===== PROVIDERS ===== */
.jhiuj{padding:12px 0}

.vavqm{
  border-radius:18px;
  border:1px solid var(--color-border);
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(0,230,255,.08) 0%, rgba(0,0,0,0) 55%),
    radial-gradient(120% 120% at 100% 100%, rgba(255,59,179,.08) 0%, rgba(0,0,0,0) 55%),
    rgba(255,255,255,.02);
  padding:12px;
}

.dp0hu{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:max(120px, 10%);
  gap:22px;
  align-items:center;
  overflow-x:auto; overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding:6px 4px;
}
.dp0hu::-webkit-scrollbar{height:0}

.s0qeb{scroll-snap-align:start; list-style:none; display:flex; justify-content:center; align-items:center}
.s0qeb img{
  height:60px; width:auto; object-fit:contain; filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));
  opacity:.95; transition:.2s;
}
.s0qeb img:hover{opacity:1; transform:translateY(-1px)}

/* Хедер секции (повторяет общие стили лент) */
.hd73r{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.hd73r h2{margin:0;font-size:18px}
.l5yve{display:flex;align-items:center;gap:10px}
.ewbdj{display:flex;gap:8px}
.fnpnk{width:34px;height:34px;border-radius:10px;border:0;color:#fff;background:rgba(12,18,28,.65);backdrop-filter:blur(6px)}
.fnpnk:disabled{opacity:.35;cursor:not-allowed}

/* Десктоп: убираем естественный скролл — листают стрелки */
@media (min-width:1024px){
  .dp0hu{overflow:hidden; grid-auto-columns:160px}
}
@media (max-width:480px){
  .dp0hu{gap:16px; grid-auto-columns:120px}
  .s0qeb img{height:28px}
}
.l5yve a {
	color: #fff;
}

/* ===== BRANDBAR ===== */
.s13tb{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:14px 0;
  border-top:1px solid var(--color-border);
  border-bottom:1px solid var(--color-border);
}
.c1s11 img{height:28px; width:auto; display:block}

.k4fv2{
  display:flex; align-items:center; gap:22px;
  list-style:none; margin:0; padding:0;
  overflow-x:auto; overflow-y:hidden; /* мобайл: прокрутка */
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%); /* мягкие края */
}
.k4fv2::-webkit-scrollbar{height:0}
.k4fv2 li{flex:0 0 auto; scroll-snap-align:center}
.k4fv2 img{
  height:28px; width:auto; object-fit:contain; opacity:.55; transition:opacity .2s, transform .2s;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.35));
}
.k4fv2 img:hover{opacity:.9; transform:translateY(-1px)}

/* адаптивность */
@media (max-width:768px){
  .s13tb{gap:12px}
  .k4fv2{gap:18px}
  .k4fv2 img{height:24px}
}
@media (max-width:480px){
  .c1s11 img{height:26px}
  .k4fv2{gap:16px}
  .s13tb{padding:12px 0}
}

/* ===== FOOTER COLUMNS ===== */
.xan2x{
  padding:24px 0 8px;
  border-top:1px solid var(--color-border);
}
.r68zb{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr minmax(260px, 0.9fr);
  gap:28px 32px;
  align-items:start;
}
.rr2on h3{
  margin:0 0 12px;
  font-size:18px; font-weight:800; color:#fff;
}
.rr2on ul{list-style:none; padding:0; margin:0; display:grid; gap:8px}
.rr2on a{color:var(--color-text)}
.rr2on a:hover{color:#fff; text-decoration:underline}

/* Поддержка + чат + 18+ */
.c00m5{
  justify-self:end;
  display:grid; gap:14px; align-content:start;
}
.i050p{
  display:flex; gap:12px; align-items:center;
  background:rgba(255,255,255,.03);
  border:1px solid var(--color-border);
  border-radius:16px; padding:10px 12px;
}
.p7djs{
  display:inline-flex; align-items:center; justify-content:center;
  height:36px; padding:0 14px; border-radius:12px;
  background:rgba(255,255,255,.08); color:#fff; font-weight:700;
}
.p7djs:hover{background:rgba(255,255,255,.14)}
.kapw7{
  width:44px; height:44px; border-radius:50%;
  display:grid; place-items:center;
  border:1px solid var(--color-border);
  color:#fff; font-weight:800;
}

/* ===== LEGAL TEXT + COPYRIGHT ===== */
.axrz2{
  border-top:1px solid var(--color-border);
  margin-top:18px; padding:18px 0 8px;
  color:var(--color-muted); font-size:13px; line-height:1.6;
}
.axrz2 p{margin:0}
.ehgx7{
  border-top:1px solid var(--color-border);
  padding:10px 0 28px; color:var(--color-muted); text-align:center; font-size:14px;
}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .r68zb{
    grid-template-columns: 1fr 1fr;
  }
  .c00m5{justify-self:start}
}
@media (max-width:768px){
  .r68zb{
    grid-template-columns: 1fr;
  }
  .i050p{justify-content:space-between}
}

.sxrl0 {
	padding: 16px;
}
.veu76{
  display:inline-block;
  position:relative;

  background:linear-gradient(90deg,#19e6ff,#b600ff,#ff2aa8) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;

  text-decoration:none !important;
}

.veu76::after{
  content:none !important;
}
.szxae{
  max-width: 900px;   /* поставь 700/800/900 как нужно */
  margin: 20px auto;  /* по центру */
}

.szxae img{
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}