: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);
}
.awce {
   max-width:1280px;
   margin:0 auto;
   padding:100px 0;
}
.w55b {
   display:flex;
   justify-content:space-between;
   align-items:center;
   margin-bottom:30px;
}
.lktmefzs {
   display: flex;
   align-items: center;
   gap: 12px;
   font-size: 32px;
   font-weight: 700;
   color: #ffffff;
}
.e97d3 {
   width: 4px;
   height: 40px;
   background: var(--status-top);
   border-radius: 2px;
}
.ob1f {
   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;
}
.ob1f:hover {
   color: #fff;
   gap: 12px;
}
.ob1f svg {
   width:20px;
   height:20px;
}
.rapw8p {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 20px;
   list-style: none;
   margin: 0;
   padding: 0;
}
.nd99wop {
   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;
}
.nd99wop:hover {
   transform: translateY(-8px) translateZ(0);
}
.ebuzc29b {
   position: relative;
   width: 100%;
   height: 100%;
   min-height: 360px;
   overflow: hidden;
   background: #0f0519;
   transform: translateZ(0);
   will-change: transform;
}
.s3vj33ks {
   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;
}
.nd99wop:hover .s3vj33ks {
   transform:translateZ(0) scale(1.05);
}

.z6xr2hzx {
   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;
}
.yaw8 {
   position:absolute;
   top:12px;
   right:12px;
   z-index:2;
   transform:translateZ(0);
}
.v1gv8p {
   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;
}
.sjpkafik {
   position:absolute;
   bottom:0;
   left:0;
   right:0;
   padding:20px 16px 16px;
   z-index:2;
   transform:translateZ(0);
   will-change:transform;
}
.jrkm96s3 {
   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);
}
.qwinla2 {
   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) {
    .rapw8p {
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 16px;
}
}
@media (max-width: 768px) {
    .w55b {
   flex-direction: column;
   align-items: flex-start;
   gap: 16px;
}
    .lktmefzs {
   font-size:24px;
}
    .e97d3 {
   height: 32px;
}
    .rapw8p {
   grid-template-columns: repeat(2, 1fr);
   gap: 12px;
}
    .jrkm96s3 {
   font-size:16px;
}
    .qwinla2 {
   font-size:12px;
}
}
@media (max-width: 480px) {
    .rapw8p {
   grid-template-columns:repeat(2, 1fr);
}
}
.xm5j2cds {
   display: flex;
   position: relative;
   justify-content: flex-end;
   width: 100%;
   margin: 0 20px;
}
.n1zmnk8r {
   display: none;
   background: none;
   border: none;
   font-size: 24px;
   color: var(--color-text);
   cursor: pointer;
   padding: 8px;
}
.xm5j2cds ul {
   list-style:none;
   display:flex;
   gap:10px;
   margin:0;
   padding:0;
}
.xm5j2cds ul li a {
   text-decoration:none;
   color:var(--color-text);
   transition:0.3s;
   padding:5px;
   display:block;
   border-radius:6px;
   font-size:13px;
}
.xm5j2cds ul li a:hover {
   color: var(--color-primary);
}
@media (max-width: 768px) {
    .n1zmnk8r {
   display:block;
}
    .xm5j2cds 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;
}
    .xm5j2cds.active ul {
   display:flex;
   opacity:1;
   visibility:visible;
   transform:translateY(0);
   width:100%;
   align-items:center;
   margin-top:10px;
}
    .xm5j2cds ul li a {
   padding: 16px 20px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
    .xm5j2cds 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;
}
.rwkuiwsl {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   max-width: 1280px;
   padding: 0 10px;
   margin: 0 auto;
}
.eb7ybv img {
   display: flex;
   max-width: 100%;
   height: 40px;
   margin: 10px 0;
}
.xm5j2cds {
   display: flex;
   list-style: none;
   gap: 10px;
   margin: 0;
   padding: 0;
}
.xm5j2cds a {
   color:var(--text-secondary);
   text-decoration:none;
   font-weight:500;
   font-size:13px;
   transition:color 0.3s ease;
}
.xm5j2cds a:hover {
   color:var(--color-accent);
}

.sz7oa9z {
   min-height: 100vh;
   display: grid;
   grid-template-columns: 1fr 1fr;
   position: relative;
   overflow: hidden;
}
.hmudp3 {
   background: var(--bg-dark);
   display: flex;
   align-items: center;
   justify-content: flex-end;
   padding: 60px;
   position: relative;
}
.hmudp3::before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   width: 50%;
   background: radial-gradient(circle at right, var(--color-secondary), transparent 70%);
   opacity: 0.1;
}
.tew8cw7 {
   max-width: 450px;
   position: relative;
   z-index: 2;
}
.vibcz6n {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   background: var(--bg-card);
   padding: 8px 16px;
   border-radius: 50px;
   font-size: 12px;
   font-weight: 700;
   color: var(--status-top);
   letter-spacing: 2px;
   margin-bottom: 24px;
}
.lizoyhe {
   width: 8px;
   height: 8px;
   background: var(--status-top);
   border-radius: 50%;
   animation: hero9Pulse 2s infinite;
}
@keyframes hero9Pulse {
    0%, 100% {
   opacity:1;
   transform:scale(1);
}
    50% {
   opacity: 0.5;
   transform: scale(1.2);
}
}
.qnxk {
   font-size: 48px;
   font-weight: 800;
   color: var(--text-primary);
   line-height: 1.1;
   margin-bottom: 40px;
}
.epxto6se {
   display:flex;
   gap:32px;
}
.c3477 {
   display: flex;
   flex-direction: column;
   gap: 4px;
}
.pd6c0 {
   font-size:32px;
   font-weight:800;
   color:var(--text-primary);
}
.fbvyr {
   font-size: 13px;
   color: var(--text-dark);
   text-transform: uppercase;
   letter-spacing: 1px;
}
.f5cqr {
   background: var(--gradient-primary);
   display: flex;
   align-items: center;
   padding: 60px;
   position: relative;
}
.f5cqr::before {
   content: "";
   position: absolute;
   inset: 0;
   background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.mmp6i.b8nvfu6/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30L30 0z' fill='%23ffffff' fill-opacity='0.03'/%3E%3C/svg%3E");
}
.mzeit {
   max-width: 400px;
   position: relative;
   z-index: 2;
}
.bidz9e1 {
   background: var(--bg-overlay);
   backdrop-filter: blur(20px);
   border-radius: 24px;
   padding: 40px;
   border: 1px solid var(--border-overlay);
   margin-bottom: 24px;
}
.wb4c {
   display:block;
   font-size:14px;
   color:var(--text-secondary);
   text-transform:uppercase;
   letter-spacing:2px;
   margin-bottom:16px;
}
.yeir {
   display:flex;
   align-items:baseline;
   gap:12px;
   margin-bottom:20px;
}
.ddeh4 {
   font-size:56px;
   font-weight:900;
   color:var(--text-primary);
}
.wztkmc4t {
   font-size: 32px;
   color: var(--text-muted);
}
.rwwt0k1h {
   font-size:36px;
   font-weight:700;
   color:var(--color-accent);
}
.nu4r57t {
   font-size: 15px;
   color: var(--text-secondary);
   line-height: 1.6;
   margin: 0 0 24px;
}
.y789h {
   display:inline-flex;
   align-items:center;
   gap:10px;
   width:100%;
   justify-content:center;
   padding:18px 32px;
   background:var(--color-accent);
   color:var(--bg-dark);
   font-size:16px;
   font-weight:700;
   border-radius:12px;
   text-decoration:none;
   transition:all 0.3s ease;
}
.y789h:hover {
   transform:translateY(-2px);
   box-shadow:0 10px 30px var(--shadow-secondary);
}
.wxur33 {
   display:flex;
   gap:12px;
   justify-content:center;
}
.wxur33 span {
   padding: 8px 16px;
   background: var(--bg-overlay);
   border-radius: 8px;
   font-size: 13px;
   color: var(--text-secondary);
   font-weight: 600;
}
.aoao {
   position:absolute;
   top:0;
   left:50%;
   width:150px;
   height:100%;
   background:var(--bg-dark);
   transform:skewX(-5deg);
   z-index:1;
}
.aoao::after {
   content:"";
   position:absolute;
   top:0;
   right:-2px;
   width:4px;
   height:100%;
   background:var(--color-accent);
}
@media (max-width: 1024px) {
    .sz7oa9z {
   grid-template-columns:1fr;
}
    .aoao {
   display:none;
}
    .hmudp3 {
   justify-content:center;
   padding:60px 20px 40px;
}
    .f5cqr {
   padding:40px 20px 60px;
}
    .tew8cw7,
    .mzeit {
   max-width:100%;
   text-align:center;
}
    .epxto6se {
   justify-content:center;
}
}
@media (max-width: 768px) {
    .qnxk {
   font-size:36px;
}
    .epxto6se {
   flex-wrap: wrap;
   gap: 24px;
}
    .ddeh4 {
   font-size:42px;
}
    .rwwt0k1h {
   font-size: 28px;
}
}

.n6vgqj {
   padding: 60px 0;
   background: var(--bg-secondary);
}
.n6vgqj .mtgnii0 {
   max-width:1200px;
   margin:0 auto;
   padding:0 20px;
}
.dw9auy {
   background: transparent;
   color: var(--text-muted);
}
.dw9auy h1,
.dw9auy h2 {
   font-size: 36px;
   font-weight: 700;
   color: var(--text-primary);
   margin-bottom: 25px;
   line-height: 1.2;
   background: var(--gradient-text);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
}
.dw9auy h3 {
   font-size: 26px;
   font-weight: 600;
   color: var(--text-primary);
   margin: 35px 0 18px;
   position: relative;
   padding-bottom: 10px;
}
.dw9auy h3::after {
   content:"";
   position:absolute;
   left:0;
   bottom:0;
   width:60px;
   height:3px;
   background:var(--gradient-primary);
   border-radius:2px;
}
.dw9auy h4 {
   font-size:22px;
   font-weight:600;
   color:var(--text-secondary);
   margin:28px 0 14px;
}
.dw9auy p {
   font-size:17px;
   line-height:1.9;
   color:var(--text-muted);
   margin-bottom:20px;
}
.dw9auy ul,
.dw9auy ol {
   margin: 25px 0;
   padding-left: 35px;
}
.dw9auy li {
   font-size:17px;
   line-height:1.8;
   color:var(--text-muted);
   margin-bottom:12px;
   position:relative;
}
.dw9auy ul li::marker {
   color: var(--color-accent);
}
.dw9auy a {
   color: var(--color-accent);
   text-decoration: none;
   border-bottom: 1px solid transparent;
   transition: all 0.3s ease;
}
.dw9auy a:hover {
   color: var(--text-primary);
   border-bottom-color: var(--color-accent);
}
.dw9auy strong,
.dw9auy b {
   color: var(--text-primary);
   font-weight: 600;
}
.dw9auy em,
.dw9auy i {
   font-style:italic;
   color:var(--text-secondary);
}
.dw9auy blockquote {
   margin:30px 0;
   padding:20px 30px;
   background:var(--bg-card);
   border-left:4px solid var(--color-accent);
   border-radius:8px;
   font-style:italic;
   color:var(--text-secondary);
}
@media (max-width: 768px) {
    .n6vgqj {
   padding:40px 0;
}
    .dw9auy h1,
    .dw9auy h2 {
   font-size: 26px;
}
    .dw9auy h3 {
   font-size: 22px;
}
    .dw9auy h4 {
   font-size:19px;
}
    .dw9auy p,
    .dw9auy li {
   font-size: 16px;
}
    .dw9auy ul,
    .dw9auy ol {
   padding-left:25px;
}
}

.etundqzs {
   background: var(--bg-secondary);
   padding: 50px 0 30px;
   text-align: center;
}
.qz7x8g {
   max-width:1100px;
   margin:0 auto;
   padding:0 20px;
}
.u5fy4 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 28px;
   margin-bottom: 40px;
   padding-bottom: 40px;
   border-bottom: 1px solid var(--border-primary);
}
.zj51 {
   font-size:32px;
   font-weight:900;
   letter-spacing:-1px;
   background:var(--gradient-primary);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
   background-clip:text;
}
.o0m5i {
   display:flex;
   gap:32px;
   flex-wrap:wrap;
   justify-content:center;
}
.o0m5i a {
   color: var(--text-muted);
   text-decoration: none;
   font-size: 15px;
   font-weight: 500;
   transition: color 0.2s ease;
   position: relative;
}
.o0m5i a::after {
   content: "";
   position: absolute;
   bottom: -4px;
   left: 0;
   width: 0;
   height: 2px;
   background: var(--color-secondary);
   transition: width 0.3s ease;
}
.o0m5i a:hover {
   color:var(--text-primary);
}
.o0m5i a:hover::after {
   width:100%;
}
.a1tb1hq {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 40px;
   margin-bottom: 40px;
   flex-wrap: wrap;
}
.k2yigh {
   display: flex;
   align-items: center;
   gap: 14px;
}
.ntjcp {
   width:48px;
   height:48px;
   display:flex;
   align-items:center;
   justify-content:center;
   background:var(--bg-card);
   border:1px solid var(--border-card);
   border-radius:12px;
   color:var(--status-top);
}
.ntjcp svg {
   width: 26px;
   height: 26px;
}
.wlwagotp {
   display: flex;
   flex-direction: column;
   text-align: left;
   gap: 2px;
}
.waebt {
   font-size:14px;
   font-weight:600;
   color:var(--text-primary);
}
.ihw6 {
   font-size:12px;
   color:var(--text-dark);
   font-family:monospace;
}
.er7wte {
   width: 1px;
   height: 40px;
   background: var(--border-secondary);
}
.kdr2eyg {
   display:flex;
   gap:24px;
   flex-wrap:wrap;
}
.hrjg8 {
   display:flex;
   align-items:center;
   gap:8px;
   font-size:13px;
   color:var(--text-muted);
}
.hrjg8 svg {
   width:18px;
   height:18px;
   color:var(--status-top);
}
.tu6w2 {
   display:flex;
   justify-content:center;
   gap:16px;
   flex-wrap:wrap;
   margin-bottom:40px;
   padding-bottom:40px;
   border-bottom:1px solid var(--border-primary);
}
.fqfqxe6 {
   padding:10px 20px;
   background:var(--bg-card);
   border:1px solid var(--border-primary);
   border-radius:10px;
   font-size:14px;
   font-weight:500;
   color:var(--text-secondary);
   transition:all 0.2s ease;
}
.fqfqxe6:hover {
   border-color:var(--color-secondary);
   color:var(--text-primary);
}
.n3y3lagr {
   display: flex;
   flex-direction: column;
   gap: 20px;
}
.ln6kbc {
   display:flex;
   align-items:center;
   justify-content:center;
   gap:16px;
   padding:16px 24px;
   background:var(--bg-card);
   border-radius:12px;
   max-width:600px;
   margin:0 auto;
}
.k6jvq {
   flex-shrink: 0;
   padding: 8px 14px;
   background: var(--gradient-cta);
   border: 2px solid var(--border-secondary);
   border-radius: 8px;
   font-size: 16px;
   font-weight: 800;
   color: var(--text-muted);
}
.ln6kbc p {
   margin: 0;
   font-size: 13px;
   color: var(--text-dark);
   line-height: 1.5;
   text-align: left;
}
.phnqddn {
   display:flex;
   align-items:center;
   justify-content:center;
   gap:12px;
   flex-wrap:wrap;
   font-size:13px;
   color:var(--text-dark);
}
.phnqddn a {
   color: var(--text-dark);
   text-decoration: none;
   transition: color 0.2s ease;
}
.phnqddn a:hover {
   color: var(--text-primary);
}
.b1p2i {
   color: var(--border-secondary);
}
@media (max-width: 768px) {
    .o0m5i {
   gap:20px;
}
    .o0m5i a {
   font-size: 14px;
}
    .a1tb1hq {
   flex-direction:column;
   gap:24px;
}
    .er7wte {
   width:60px;
   height:1px;
}
    .k2yigh {
   justify-content:center;
}
    .wlwagotp {
   text-align: center;
}
    .kdr2eyg {
   justify-content:center;
}
    .ln6kbc {
   flex-direction:column;
   text-align:center;
}
    .ln6kbc p {
   text-align: center;
}
    .phnqddn {
   flex-direction: column;
   gap: 8px;
}
    .b1p2i {
   display:none;
}
}