:root {
	
    --color-primary: #fff;
	--color-primary-dark: #4338ca;
	--color-secondary: #7729d7;
	--color-accent: #fbbf24;
	
    --bg-primary: #141824;
	--bg-secondary: #241f2b;
	--bg-dark: #0D121D;
	--bg-card: #1e293b;
	--bg-card-hover: #334155;
	--bg-overlay: rgba(44, 49, 68, 0.35);
	
    --text-primary: #ffffff;
	--text-secondary: #e2e8f0;
	--text-muted: #d1d5db;
	--text-light: #9ca3af;
	--text-dark: #6b7280;
	--text-button: #fff;
	
    --border-primary: #1e293b;
	--border-secondary: #374151;
	--border-card: #475569;
	--border-overlay: rgba(71, 85, 105, 0.3);
	
    --gradient-primary: linear-gradient(90deg, #9A32C9 0%, var(--color-secondary) 100%);
	--gradient-text: linear-gradient(135deg, var(--text-primary) 0%, #c5c5c5 100%);
	--gradient-card: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card-hover) 100%);
	--gradient-bg: linear-gradient(90deg, #39265a, #372235);
	--gradient-cta: linear-gradient(90deg, #161623 0%, #2E1414 102.14%);
	--gradient-benefits: linear-gradient(90deg, #1a0d2e 0%, #2d1b4e 50%, #1a0d2e 100%);
	
    --shadow-primary: 0 0 25px rgb(121 21 163);
	--shadow-secondary: rgba(0, 0, 0, 0.3);
	--shadow-card: rgba(0, 0, 0, 0.4);
	
    --status-new: #3b82f6;
	--status-jackpot: #fbbf24;
	--status-top: #10b981;
}

*, ::after, ::before {
	box-sizing:border-box;
	border-width:0;
	margin:0;
}

html {
	margin: 0;
	padding: 0;
	width: 100%;
}

body {
	font-family:'Montserrat', sans-serif;
	background-color:var(--bg-primary);
	color:var(--text-secondary);
	margin:0;
	padding:0;
}

main {
	padding:0;
	background:var(--gradient-cta);
}

.n7oi1yt {
	max-width: 1280px;
	margin: 0 auto;
	padding: 100px 0;
}

.zhfi {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.sdznl {
	display:flex;
	align-items:center;
	gap:12px;
	font-size:32px;
	font-weight:700;
	color:#ffffff;
}

.jqcxdi6 {
	width:4px;
	height:40px;
	background:var(--status-top);
	border-radius:2px;
}

.s6zumjzz {
	display:flex;
	align-items:center;
	gap:8px;
	font-size:18px;
	font-weight:600;
	color:var(--status-top);
	text-decoration:none;
	transition:color 0.3s cubic-bezier(0.4, 0, 0.2, 1), gap 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	will-change:color, gap;
}

.s6zumjzz:hover {
	color: #fff;
	gap: 12px;
}

.s6zumjzz svg {
	width:20px;
	height:20px;
}

.byrolui7 {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ed9e4lwh {
	position:relative;
	border-radius:16px;
	overflow:hidden;
	cursor:pointer;
	aspect-ratio:3 / 4;
	display:flex;
	flex-direction:column;
	will-change:transform;
	transform:translateZ(0);
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
}

.ed9e4lwh:hover {
	transform: translateY(-8px) translateZ(0);
}

.nuxmh {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 360px;
	overflow: hidden;
	background: #0f0519;
	transform: translateZ(0);
	will-change: transform;
}

.vadevm {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transform: translateZ(0) scale(1);
	will-change: transform;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.ed9e4lwh:hover .vadevm {
	transform: translateZ(0) scale(1.05);
}


.v5f8r2 {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:50%;
	background:linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0) 100%);
	z-index:1;
	transform:translateZ(0);
	will-change:opacity;
}

.mc3b {
	position:absolute;
	top:12px;
	right:12px;
	z-index:2;
	transform:translateZ(0);
}

.vck4q {
	background:rgba(0, 0, 0, 0.7);
	color:#ffffff;
	padding:6px 12px;
	border-radius:8px;
	font-size:12px;
	font-weight:700;
	backdrop-filter:blur(4px);
	-webkit-backdrop-filter:blur(4px);
	transform:translateZ(0);
	will-change:transform;
}

.ut3zxim {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px 16px 16px;
	z-index: 2;
	transform: translateZ(0);
	will-change: transform;
}

.ukyu7a {
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 6px;
	line-height: 1.3;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	transform: translateZ(0);
}

.ydf6v {
	font-size:13px;
	color:#d1d5db;
	font-weight:500;
	text-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
	transform:translateZ(0);
}


@media (max-width: 1200px) {
    .byrolui7 {
	grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
	gap:16px;
}
}

@media (max-width: 768px) {
    .zhfi {
	flex-direction:column;
	align-items:flex-start;
	gap:16px;
}

    .sdznl {
	font-size:24px;
}

    .jqcxdi6 {
	height:32px;
}

    .byrolui7 {
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

    .ukyu7a {
	font-size: 16px;
}

    .ydf6v {
	font-size:12px;
}
}

@media (max-width: 480px) {
    .byrolui7 {
	grid-template-columns:repeat(2, 1fr);
}
}

.wkb517a {
	display: flex;
	position: relative;
	justify-content: flex-end;
	width: 100%;
	margin: 0 20px;
}

.tsgl {
	display:none;
	background:none;
	border:none;
	font-size:24px;
	color:var(--color-text);
	cursor:pointer;
	padding:8px;
}

.wkb517a ul {
	list-style:none;
	display:flex;
	gap:10px;
	margin:0;
	padding:0;
}

.wkb517a ul li a {
	text-decoration:none;
	color:var(--color-text);
	transition:0.3s;
	padding:5px;
	display:block;
	border-radius:6px;
	font-size:13px;
}

.wkb517a ul li a:hover {
	color:var(--color-primary);
}

@media (max-width: 768px) {
    .tsgl {
	display: block;
}

    .wkb517a ul {
	position:absolute;
	top:100%;
	left:0;
	right:0;
	background:var(--bg-secondary);
	border:1px solid rgba(255, 255, 255, 0.2);
	border-radius:8px;
	flex-direction:column;
	gap:0;
	opacity:0;
	visibility:hidden;
	transform:translateY(-10px);
	transition:all 0.3s ease;
	box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);
	z-index:1000;
}

    .wkb517a.active ul {
	display:flex;
	opacity:1;
	visibility:visible;
	transform:translateY(0);
	width:100%;
	align-items:center;
	margin-top:10px;
}

    .wkb517a ul li a {
	padding: 16px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

    .wkb517a ul li:last-child a {
	border-bottom: none;
}
}

header {
	display: flex;
	height: 72px;
	width: 100%;
	background: var(--bg-dark);
	align-items: center;
	justify-content: center;
}

.f4ml6nj {
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	max-width:1280px;
	padding:0 10px;
	margin:0 auto;
}

.gp2jef img {
	display:flex;
	max-width:100%;
	height:40px;
	margin:10px 0;
}

.wkb517a {
	display: flex;
	list-style: none;
	gap: 10px;
	margin: 0;
	padding: 0;
}

.wkb517a a {
	color:var(--text-secondary);
	text-decoration:none;
	font-weight:500;
	font-size:13px;
	transition:color 0.3s ease;
}

.wkb517a a:hover {
	color: var(--color-accent);
}

.ewof {
	min-height: 100vh;
	background: var(--bg-dark);
	position: relative;
	display: flex;
	flex-direction: column;
}

.mdkr {
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 20% 80%, var(--color-secondary) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, var(--status-new) 0%, transparent 50%);
	opacity:0.1;
}

.zfa191u {
	flex: 1;
	display: flex;
	flex-direction: column;
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	position: relative;
	z-index: 1;
}

.v7x8r {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 16px 20px;
	background: var(--bg-card);
	border-radius: 12px;
	margin-bottom: 20px;
}

.clcfq4l {
	display: flex;
	align-items: center;
	gap: 8px;
	background: var(--status-top);
	color: var(--text-button);
	padding: 6px 14px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
}

.dmz2lc01 {
	width: 8px;
	height: 8px;
	background: var(--text-button);
	border-radius: 50%;
	animation: hero10Blink 1s infinite;
}

@keyframes hero10Blink {
    0%, 100% {
	opacity: 1;
}
    50% {
	opacity: 0.3;
}
}

.naskt,
.qrycm9pn {
	display:flex;
	align-items:center;
	gap:6px;
	color:var(--text-muted);
	font-size:14px;
}

.tmr3 {
	flex:1;
	display:grid;
	grid-template-columns:1fr 340px;
	gap:20px;
}

.vx7j2 {
	background: var(--bg-card);
	border-radius: 16px;
	padding: 40px;
	display: flex;
	flex-direction: column;
}

.h12jsh {
	display:flex;
	align-items:center;
	gap:16px;
	margin-bottom:24px;
}

.z7l4s {
	position: relative;
	width: 56px;
	height: 56px;
}

.z7l4s img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid var(--color-secondary);
}

.ddfvc0 {
	position:absolute;
	bottom:-2px;
	right:-2px;
	width:20px;
	height:20px;
	background:var(--status-new);
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--text-button);
}

.ruvpvb2k {
	display:flex;
	flex-direction:column;
	gap:4px;
}

.x91od {
	font-size: 18px;
	font-weight: 700;
	color: var(--text-primary);
}

.v739u98p {
	font-size:14px;
	color:var(--text-muted);
}

.ut13qq {
	font-size:42px;
	font-weight:800;
	color:var(--text-primary);
	line-height:1.2;
	margin-bottom:16px;
}

.j02cm {
	font-size: 16px;
	color: var(--text-secondary);
	line-height: 1.6;
	margin: 0 0 24px;
}

.tt5a7m {
	margin-bottom: 32px;
}

.dod4ok {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 20px;
	border-radius: 8px;
	font-size: 14px;
	animation: hero10SlideIn 0.5s ease;
}

@keyframes hero10SlideIn {
    from {
	opacity: 0;
	transform: translateX(-20px);
}
    to {
	opacity: 1;
	transform: translateX(0);
}
}

.amm92b0 {
	background:var(--status-jackpot);
	color:var(--bg-dark);
}

.amm92b0 strong {
	font-weight: 800;
}

.v7u00ve {
	display:flex;
	gap:16px;
	margin-top:auto;
}

.w6lp {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 32px;
	background: var(--gradient-primary);
	color: var(--text-button);
	font-size: 16px;
	font-weight: 700;
	border-radius: 10px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.w6lp:hover {
	transform:scale(1.02);
	box-shadow:var(--shadow-primary);
}

.l95dlf {
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:16px 24px;
	border:2px solid var(--color-secondary);
	color:var(--color-secondary);
	font-size:16px;
	font-weight:600;
	border-radius:10px;
	text-decoration:none;
	transition:all 0.3s ease;
}

.l95dlf:hover {
	background: var(--color-secondary);
	color: var(--text-button);
}

.jv03bo6 {
	background: var(--bg-card);
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.evb8 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 20px;
	border-bottom: 1px solid var(--border-primary);
	font-weight: 600;
	color: var(--text-primary);
}

.w45mn6kg {
	font-size:13px;
	color:var(--text-muted);
	font-weight:400;
}

.x29c5d {
	flex:1;
	padding:16px;
	display:flex;
	flex-direction:column;
	gap:12px;
	overflow-y:auto;
}

.l4xj9dvp {
	font-size:14px;
	color:var(--text-secondary);
	line-height:1.4;
}

.pk8j5cee {
	font-weight: 600;
	margin-right: 6px;
}

.k8wst8l {
	color: var(--color-accent);
}
.a5crddce {
	color:var(--status-top);
}

.vc7v {
	display:flex;
	gap:8px;
	padding:16px;
	border-top:1px solid var(--border-primary);
}

.vc7v input {
	flex:1;
	padding:12px 16px;
	background:var(--bg-secondary);
	border:1px solid var(--border-secondary);
	border-radius:8px;
	color:var(--text-primary);
	font-size:14px;
}

.vc7v input::placeholder {
	color:var(--text-dark);
}

.vc7v button {
	padding: 12px 16px;
	background: var(--color-secondary);
	border: none;
	border-radius: 8px;
	color: var(--text-button);
	cursor: pointer;
}

@media (max-width: 1024px) {
    .tmr3 {
	grid-template-columns:1fr;
}

    .jv03bo6 {
	max-height:300px;
}
}

@media (max-width: 768px) {
    .v7x8r {
	flex-wrap:wrap;
	gap:12px;
}

    .ut13qq {
	font-size:28px;
}

    .vx7j2 {
	padding: 24px;
}

    .v7u00ve {
	flex-direction: column;
}

    .w6lp,
    .l95dlf {
	width:100%;
	justify-content:center;
}
}

.uw5of {
	line-height: 1.7;
	color: var(--text-secondary);
	font-weight: 300;
	max-width: 1280px;
	margin: 32px auto 40px;
	padding: 32px 24px 28px;
}

.uw5of h1 {
	font-size:28px;
	font-weight:700;
	color:var(--text-primary);
	margin:0 0 20px;
	letter-spacing:0.02em;
	line-height:1.25;
}

.uw5of h2 {
	font-size:22px;
	font-weight:600;
	color:var(--text-primary);
	margin:28px 0 10px;
}

.uw5of p {
	margin-bottom: 14px;
	font-size: 15px;
	font-weight: 300;
	color: var(--text-muted);
}

.uw5of ul,
.uw5of ol {
	margin:0 0 16px 18px;
	padding-left:0;
}

.uw5of li {
	margin: 0 0 8px;
}

.uw5of table {
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 16px;
	background: var(--bg-secondary);
	border-radius: 10px;
	overflow: hidden;
}

.uw5of img {
	width:100%;
	border-radius:10px;
	border:1px solid var(--border-card);
	margin:10px 0 16px;
}

.vaqlcq {
	overflow-x:auto;
	margin:20px 0;
	border-radius:10px;
}

.uw5of th {
	background:var(--bg-dark);
	color:var(--text-primary);
	padding:12px;
	text-align:left;
	font-weight:600;
	font-size:14px;
}

.uw5of td {
	padding: 12px;
	border-top: 1px solid var(--border-secondary);
	color: var(--text-muted);
	font-size: 14px;
}

.uw5of tr:nth-child(even) td {
	background: var(--bg-card-hover);
}

.nncc {
	background: var(--bg-dark);
	border-top: 1px solid var(--border-primary);
	padding: 24px 0;
}

.ij4mtz {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}

.l1f9 {
	display:flex;
	align-items:center;
	gap:16px;
}

.nwa14n {
	font-size: 20px;
	font-weight: 800;
	color: var(--text-primary);
}

.olqube {
	font-size: 13px;
	color: var(--text-dark);
}

.o30af {
	flex:1;
	display:flex;
	justify-content:center;
}

.vv0gx1e {
	display:flex;
	gap:8px;
}

.vv0gx1e span {
	padding:6px 12px;
	background:var(--bg-card);
	border:1px solid var(--border-primary);
	border-radius:6px;
	font-size:12px;
	color:var(--text-muted);
}

.dmw2s {
	display: flex;
	align-items: center;
	gap: 12px;
}

.je9ltg {
	font-size:13px;
	color:var(--text-dark);
	text-decoration:none;
	transition:color 0.2s;
}

.je9ltg:hover {
	color: var(--text-primary);
}

.q3naazu {
	color: var(--border-secondary);
	font-size: 12px;
}

.iidgh0ja {
	padding:4px 10px;
	border:1px solid var(--border-secondary);
	border-radius:6px;
	font-size:12px;
	font-weight:700;
	color:var(--text-muted);
}

@media (max-width: 768px) {
    .ij4mtz {
	flex-direction: column;
	text-align: center;
	gap: 16px;
}

    .l1f9 {
	flex-direction:column;
	gap:8px;
}

    .o30af {
	order: 1;
}
}