:root {
   
    --color-primary: #fff;
   --color-primary-dark: #059669;
   --color-secondary: #00d26a;
   --color-accent: #34d399;
   
    --bg-primary: #0c1218;
   --bg-secondary: #141c24;
   --bg-dark: #070b10;
   --bg-card: #152028;
   --bg-card-hover: #1e2e3a;
   --bg-overlay: rgba(12, 18, 30, 0.35);
   
    --text-primary: #ffffff;
   --text-secondary: #e2e8f0;
   --text-muted: #d1d5db;
   --text-light: #9ca3af;
   --text-dark: #6b7280;
   --text-button: #fff;
   
    --border-primary: #1a2530;
   --border-secondary: #263340;
   --border-card: #2e4050;
   --border-overlay: rgba(30, 50, 65, 0.3);
   
    --gradient-primary: linear-gradient(90deg, #059669 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, #0a1a1e, #0d2215);
   --gradient-cta: linear-gradient(90deg, #0a1218 0%, #0d1a14 102.14%);
   --gradient-benefits: linear-gradient(90deg, #071510 0%, #0d2a1a 50%, #071510 100%);
   
    --shadow-primary: 0 0 25px rgb(0 180 90);
   --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);
}
.i67cm {
   max-width: 1280px;
   margin: 0 auto;
   padding: 100px 0;
}
.fhmd {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 30px;
}
.iqu8qa {
   display: flex;
   align-items: center;
   gap: 12px;
   font-size: 32px;
   font-weight: 700;
   color: #ffffff;
}
.fmvxn {
   width: 4px;
   height: 40px;
   background: var(--status-top);
   border-radius: 2px;
}
.bmyr {
   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;
}
.bmyr:hover {
   color: #fff;
   gap: 12px;
}
.bmyr svg {
   width:20px;
   height:20px;
}
.oiy5fh {
   display:grid;
   grid-template-columns:repeat(5, 1fr);
   gap:20px;
   list-style:none;
   margin:0;
   padding:0;
}
.s17do20 {
   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;
}
.s17do20:hover {
   transform:translateY(-8px) translateZ(0);
}
.vfrbj {
   position:relative;
   width:100%;
   height:100%;
   min-height:360px;
   overflow:hidden;
   background:#070d12;
   transform:translateZ(0);
   will-change:transform;
}
.sc6oa {
   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;
}
.s17do20:hover .sc6oa {
   transform: translateZ(0) scale(1.05);
}

.u0mib2l1 {
   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;
}
.jrdbo {
   position:absolute;
   top:12px;
   right:12px;
   z-index:2;
   transform:translateZ(0);
}
.eu1h51 {
   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;
}
.ndif {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 20px 16px 16px;
   z-index: 2;
   transform: translateZ(0);
   will-change: transform;
}
.kwma {
   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);
}
.omkma {
   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) {
    .oiy5fh {
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 16px;
}
}
@media (max-width: 768px) {
    .fhmd {
   flex-direction: column;
   align-items: flex-start;
   gap: 16px;
}
    .iqu8qa {
   font-size:24px;
}
    .fmvxn {
   height:32px;
}
    .oiy5fh {
   grid-template-columns: repeat(2, 1fr);
   gap: 12px;
}
    .kwma {
   font-size:16px;
}
    .omkma {
   font-size: 12px;
}
}
@media (max-width: 480px) {
    .oiy5fh {
   grid-template-columns: repeat(2, 1fr);
}
}
.w7mzp1t2 {
   display:flex;
   position:relative;
   justify-content:flex-end;
   width:100%;
   margin:0 20px;
}
.r18675 {
   display: none;
   background: none;
   border: none;
   font-size: 24px;
   color: var(--color-text);
   cursor: pointer;
   padding: 8px;
}
.w7mzp1t2 ul {
   list-style:none;
   display:flex;
   gap:10px;
   margin:0;
   padding:0;
}
.w7mzp1t2 ul li a {
   text-decoration:none;
   color:var(--color-text);
   transition:0.3s;
   padding:5px;
   display:block;
   border-radius:6px;
   font-size:13px;
}
.w7mzp1t2 ul li a:hover {
   color:var(--color-primary);
}
@media (max-width: 768px) {
    .r18675 {
   display: block;
}
    .w7mzp1t2 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;
}
    .w7mzp1t2.active ul {
   display: flex;
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
   width: 100%;
   align-items: center;
   margin-top: 10px;
}
    .w7mzp1t2 ul li a {
   padding:16px 20px;
   border-bottom:1px solid rgba(255, 255, 255, 0.1);
}
    .w7mzp1t2 ul li:last-child a {
   border-bottom:none;
}
}


.kvga {
   background:var(--bg-secondary);
   border-bottom:1px solid var(--border-primary);
   padding:20px 0;
   position:sticky;
   top:0;
   z-index:100;
   backdrop-filter:blur(10px);
   box-shadow:0 4px 6px var(--shadow-secondary);
}
.kvga .ckkxyg {
   max-width:1200px;
   margin:0 auto;
   padding:0 20px;
}
.kvga .uthc07 {
   display:flex;
   justify-content:space-between;
   align-items:center;
   gap:20px;
}
.kvga .tr6k3gi {
   flex-shrink:0;
}
.kvga .tr6k3gi img {
   height: 50px;
   width: auto;
   display: block;
   filter: drop-shadow(0 0 10px var(--shadow-secondary));
   transition: transform 0.3s ease;
}
.kvga .tr6k3gi img:hover {
   transform:scale(1.05);
}
.kvga .rg33sb {
   flex-shrink: 0;
}
.kvga .oh5vi {
   display:inline-flex;
   align-items:center;
   gap:10px;
   padding:12px 28px;
   background:var(--gradient-primary);
   color:var(--text-button);
   font-size:16px;
   font-weight:600;
   text-decoration:none;
   border-radius:50px;
   border:2px solid transparent;
   box-shadow:var(--shadow-primary);
   transition:all 0.3s ease;
   position:relative;
   overflow:hidden;
}
.kvga .oh5vi::before {
   content:"";
   position:absolute;
   top:0;
   left:0;
   right:0;
   bottom:0;
   background:var(--gradient-primary);
   opacity:0;
   transition:opacity 0.3s ease;
}
.kvga .oh5vi:hover {
   transform:translateY(-2px);
   box-shadow:0 0 35px rgb(121 21 163);
   border-color:var(--color-accent);
}
.kvga .oh5vi:hover::before {
   opacity:1;
}
.kvga .oh5vi:active {
   transform: translateY(0);
}
.kvga .c9fb5 {
   position:relative;
   z-index:1;
   letter-spacing:0.5px;
}
.kvga .oh5vi svg {
   position:relative;
   z-index:1;
   transition:transform 0.3s ease;
}
.kvga .oh5vi:hover svg {
   transform: translateX(4px);
}

@media (max-width: 768px) {
    .kvga {
   padding: 15px 0;
}
    .kvga .uthc07 {
   flex-wrap:wrap;
   justify-content:center;
}
    .kvga .tr6k3gi img {
   height: 40px;
}
    .kvga .oh5vi {
   padding:10px 24px;
   font-size:14px;
}
}
@media (max-width: 480px) {
    .kvga .oh5vi {
   padding: 10px 20px;
   font-size: 13px;
   gap: 8px;
}
    .kvga .oh5vi svg {
   width:14px;
   height:14px;
}
}

@keyframes slideDown {
    from {
   opacity:0;
   transform:translateY(-20px);
}
    to {
   opacity:1;
   transform:translateY(0);
}
}
.kvga {
   animation: slideDown 0.5s ease-out;
}

.tjjwx {
   min-height:100vh;
   display:flex;
   align-items:center;
   background:var(--bg-dark);
   position:relative;
   overflow:hidden;
   padding:60px 20px;
}
.uwp2 {
   position: absolute;
   top: 50%;
   left: 30%;
   transform: translate(-50%, -50%);
   width: 800px;
   height: 800px;
   background: radial-gradient(circle, var(--color-secondary) 0%, transparent 70%);
   opacity: 0.15;
   filter: blur(80px);
   pointer-events: none;
}
.pv4kjez {
   display: grid;
   grid-template-columns: auto 1fr;
   gap: 80px;
   align-items: center;
   max-width: 1300px;
   margin: 0 auto;
   position: relative;
   z-index: 1;
}
.kpx3pf9q {
   width: 340px;
   background: var(--gradient-card);
   border-radius: 24px;
   padding: 20px;
   border: 3px solid var(--border-card);
   box-shadow: 0 30px 80px var(--shadow-card), inset 0 1px 0 var(--border-secondary);
   position: relative;
}
.l7ip7 {
   text-align: center;
   margin-bottom: 20px;
}
.y01h {
   display: flex;
   justify-content: center;
   gap: 8px;
   margin-bottom: 16px;
}
.y01h span {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background: var(--color-accent);
   box-shadow: 0 0 10px var(--color-accent);
   animation: hero7Blink 1s infinite;
}
.y01h span:nth-child(2n) {
   animation-delay:0.5s;
}
.y01h span:nth-child(3n) {
   animation-delay: 0.25s;
}
@keyframes hero7Blink {
    0%, 100% {
   opacity:1;
}
    50% {
   opacity:0.3;
}
}
.hx9f {
   background:var(--bg-dark);
   border-radius:12px;
   padding:12px 20px;
   border:2px solid var(--color-accent);
}
.kudrvt5 {
   display: block;
   font-size: 12px;
   color: var(--color-accent);
   letter-spacing: 3px;
   margin-bottom: 4px;
}
.y5dso3 {
   display: block;
   font-size: 28px;
   font-weight: 900;
   color: var(--color-accent);
   text-shadow: 0 0 20px var(--color-accent);
   font-family: monospace;
}
.v7w46n {
   display:flex;
   gap:8px;
   background:var(--bg-dark);
   padding:16px;
   border-radius:16px;
   border:2px solid var(--border-secondary);
   position:relative;
}
.orkb {
   flex: 1;
   height: 120px;
   background: var(--bg-primary);
   border-radius: 8px;
   overflow: hidden;
   position: relative;
}
.orkb::before,
.orkb::after {
   content:"";
   position:absolute;
   left:0;
   right:0;
   height:30px;
   z-index:2;
   pointer-events:none;
}
.orkb::before {
   top: 0;
   background: linear-gradient(to bottom, var(--bg-primary), transparent);
}
.orkb::after {
   bottom:0;
   background:linear-gradient(to top, var(--bg-primary), transparent);
}
.fy35jo {
   display:flex;
   flex-direction:column;
   animation:hero7Spin 3s ease-in-out infinite;
}
.t2hr .fy35jo {
   animation-delay:0.2s;
}
.coaai .fy35jo {
   animation-delay:0.4s;
}
@keyframes hero7Spin {
    0%, 100% {
   transform:translateY(0);
}
    20% {
   transform: translateY(-80px);
}
    40% {
   transform: translateY(-40px);
}
    60% {
   transform:translateY(-80px);
}
    80% {
   transform:translateY(0);
}
}
.fy35jo span {
   height:40px;
   display:flex;
   align-items:center;
   justify-content:center;
   font-size:28px;
   font-weight:900;
   color:var(--color-accent);
   text-shadow:0 0 10px var(--color-accent);
}
.xqiofok5 {
   position:absolute;
   left:20px;
   right:20px;
   top:50%;
   height:3px;
   background:var(--status-top);
   box-shadow:0 0 15px var(--status-top);
   transform:translateY(30px);
   z-index:3;
}
.szug {
   max-width:550px;
}
.c5mzqj {
   display:inline-flex;
   align-items:center;
   gap:8px;
   background:var(--bg-card);
   border:1px solid var(--color-accent);
   color:var(--color-accent);
   padding:10px 20px;
   border-radius:50px;
   font-size:14px;
   font-weight:600;
   margin-bottom:24px;
}
.veh9 {
   font-size:52px;
   font-weight:900;
   color:var(--text-primary);
   line-height:1.1;
   margin-bottom:20px;
}
.hx5ed {
   font-size:18px;
   color:var(--text-secondary);
   line-height:1.7;
   margin:0 0 32px;
}
.qviiu8ad {
   display:flex;
   align-items:center;
   gap:24px;
   margin-bottom:32px;
   padding:24px;
   background:var(--bg-card);
   border-radius:16px;
   border:1px solid var(--border-card);
}
.a7fkc7n {
   display: flex;
   flex-direction: column;
   gap: 4px;
}
.sdt1 {
   font-size:36px;
   font-weight:900;
   color:var(--status-top);
}
.uc2vrb {
   font-size:14px;
   color:var(--text-muted);
   text-transform:uppercase;
   letter-spacing:1px;
}
.o5x4 {
   font-size: 32px;
   color: var(--text-dark);
   font-weight: 300;
}
.dtrfntdm {
   display:flex;
   gap:16px;
   margin-bottom:32px;
   flex-wrap:wrap;
}
.eqcwd {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   padding: 18px 36px;
   background: var(--gradient-primary);
   color: var(--text-button);
   font-size: 17px;
   font-weight: 700;
   border-radius: 14px;
   text-decoration: none;
   transition: all 0.3s ease;
   box-shadow: var(--shadow-primary);
}
.bl7w8xd8 {
   width:22px;
   height:22px;
   animation:hero7SpinIcon 2s linear infinite;
}
@keyframes hero7SpinIcon {
    from {
   transform:rotate(0deg);
}
    to {
   transform:rotate(360deg);
}
}
.eqcwd:hover {
   transform:translateY(-3px);
   box-shadow:0 0 40px var(--color-secondary);
}
.g5uh29 {
   display: inline-flex;
   align-items: center;
   padding: 18px 36px;
   border: 2px solid var(--border-card);
   color: var(--text-primary);
   font-size: 17px;
   font-weight: 600;
   border-radius: 14px;
   text-decoration: none;
   transition: all 0.3s ease;
}
.g5uh29:hover {
   border-color: var(--color-secondary);
   background: var(--bg-card);
}
.m136x4 {
   display:flex;
   align-items:center;
   gap:16px;
   flex-wrap:wrap;
}
.u9401 {
   font-size: 14px;
   color: var(--text-dark);
}
.rmkuc7gf {
   display:flex;
   gap:12px;
}
.rmkuc7gf span {
   padding: 6px 14px;
   background: var(--bg-card);
   border-radius: 6px;
   font-size: 13px;
   color: var(--text-muted);
   border: 1px solid var(--border-primary);
}
@media (max-width: 1024px) {
    .pv4kjez {
   grid-template-columns: 1fr;
   gap: 50px;
   text-align: center;
}
    .kpx3pf9q {
   margin: 0 auto;
   width: 300px;
}
    .szug {
   max-width: 100%;
}
    .veh9 {
   font-size: 40px;
}
    .qviiu8ad {
   justify-content:center;
}
    .dtrfntdm {
   justify-content: center;
}
    .m136x4 {
   justify-content: center;
}
}
@media (max-width: 768px) {
    .tjjwx {
   padding:40px 20px;
}
    .veh9 {
   font-size:32px;
}
    .kpx3pf9q {
   width:280px;
}
    .qviiu8ad {
   flex-direction: column;
   gap: 16px;
}
    .o5x4 {
   display:none;
}
    .dtrfntdm {
   flex-direction:column;
   width:100%;
}
    .eqcwd,
    .g5uh29 {
   width: 100%;
   justify-content: center;
}
}

.gi5g {
   line-height:1.7;
   color:var(--text-secondary);
   font-weight:300;
   max-width:1280px;
   margin:32px auto 40px;
   padding:32px 24px 28px;
}
.gi5g h1 {
   font-size: 28px;
   font-weight: 700;
   color: var(--text-primary);
   margin: 0 0 20px;
   letter-spacing: 0.02em;
   line-height: 1.25;
}
.gi5g h2 {
   font-size:22px;
   font-weight:600;
   color:var(--text-primary);
   margin:28px 0 10px;
}
.gi5g p {
   margin-bottom: 14px;
   font-size: 15px;
   font-weight: 300;
   color: var(--text-muted);
}
.gi5g ul,
.gi5g ol {
   margin: 0 0 16px 18px;
   padding-left: 0;
}
.gi5g li {
   margin: 0 0 8px;
}
.gi5g table {
   width:100%;
   border-collapse:collapse;
   margin:8px 0 16px;
   background:var(--bg-secondary);
   border-radius:10px;
   overflow:hidden;
}
.gi5g img {
   width: 100%;
   border-radius: 10px;
   border: 1px solid var(--border-card);
   margin: 10px 0 16px;
}
.lks8g {
   overflow-x: auto;
   margin: 20px 0;
   border-radius: 10px;
}
.gi5g th {
   background:var(--bg-dark);
   color:var(--text-primary);
   padding:12px;
   text-align:left;
   font-weight:600;
   font-size:14px;
}
.gi5g td {
   padding: 12px;
   border-top: 1px solid var(--border-secondary);
   color: var(--text-muted);
   font-size: 14px;
}
.gi5g tr:nth-child(even) td {
   background: var(--bg-card-hover);
}

.k7pme3s {
   background:var(--bg-secondary);
   padding:32px 0 28px;
   border-top:1px solid var(--border-primary);
}
.i6ne20 {
   max-width:1280px;
   margin:0 auto;
   padding:0 16px;
}
.y2hx9q {
   display:flex;
   justify-content:center;
   align-items:center;
   flex-wrap:wrap;
   gap:16px;
   padding-top:24px;
   border-top:1px solid var(--border-primary);
}
.wlzi3 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 3px;
}
.wlzi3 > * {
   color:var(--text-dark);
   font-size:13px;
}
.e709 {
   font-size:12px;
   opacity:0.9;
}
.evcd {
   padding: 4px 8px;
   border-radius: 999px;
   border: 1px solid var(--border-secondary);
   font-size: 11px;
   letter-spacing: 0.06em;
   text-transform: uppercase;
   color: var(--text-muted);
}
@media (max-width: 640px) {
    .y2hx9q {
   flex-direction:column;
   padding-top:20px;
   gap:10px;
   text-align:center;
}
}