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

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


.y71zr {
   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);
}
.y71zr .kkhlwp0 {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 20px;
}
.y71zr .bjza {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 20px;
}
.y71zr .vt2wo5ml {
   flex-shrink: 0;
}
.y71zr .vt2wo5ml img {
   height: 50px;
   width: auto;
   display: block;
   filter: drop-shadow(0 0 10px var(--shadow-secondary));
   transition: transform 0.3s ease;
}
.y71zr .vt2wo5ml img:hover {
   transform:scale(1.05);
}
.y71zr .ftu6 {
   flex-shrink: 0;
}
.y71zr .r88gkklo {
   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;
}
.y71zr .r88gkklo::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: var(--gradient-primary);
   opacity: 0;
   transition: opacity 0.3s ease;
}
.y71zr .r88gkklo:hover {
   transform:translateY(-2px);
   box-shadow:0 0 35px rgb(121 21 163);
   border-color:var(--color-accent);
}
.y71zr .r88gkklo:hover::before {
   opacity: 1;
}
.y71zr .r88gkklo:active {
   transform:translateY(0);
}
.y71zr .whlyv {
   position:relative;
   z-index:1;
   letter-spacing:0.5px;
}
.y71zr .r88gkklo svg {
   position:relative;
   z-index:1;
   transition:transform 0.3s ease;
}
.y71zr .r88gkklo:hover svg {
   transform: translateX(4px);
}

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

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

.u3n3 {
   min-height:100vh;
   display:flex;
   align-items:center;
   justify-content:center;
   text-align:center;
   background:var(--bg-dark);
   position:relative;
   padding:80px 20px;
}
.t6n4n {
   position: absolute;
   inset: 0;
   background: var(--gradient-cta);
   opacity: 0.5;
}
.qmekdf58 {
   max-width:880px;
   width:100%;
   position:relative;
   z-index:1;
}
.e78l {
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-bottom: 32px;
   flex-wrap: wrap;
}
.cisw8 {
   display:inline-flex;
   align-items:center;
   gap:6px;
   padding:7px 16px;
   background:var(--bg-card);
   border:1px solid var(--border-primary);
   border-radius:50px;
   font-size:13px;
   color:var(--text-muted);
   font-weight:500;
}
.cisw8 svg {
   color: var(--status-top);
   flex-shrink: 0;
}
.fmpdiz2t {
   font-size: 54px;
   font-weight: 900;
   color: var(--text-primary);
   line-height: 1.1;
   margin: 0 0 20px;
}
.u44c2 {
   font-size: 18px;
   color: var(--text-secondary);
   line-height: 1.7;
   margin: 0 auto 40px;
   max-width: 600px;
}
.gef9tpk8 {
   display:inline-flex;
   align-items:center;
   gap:28px;
   padding:24px 40px;
   background:var(--bg-card);
   border:1px solid var(--border-primary);
   border-radius:20px;
   margin-bottom:36px;
}
.ky18byd {
   display:flex;
   flex-direction:column;
   gap:4px;
}
.re8us1 {
   font-size: 30px;
   font-weight: 800;
   color: var(--color-accent);
}
.iywocr {
   font-size:12px;
   color:var(--text-dark);
   text-transform:uppercase;
   letter-spacing:0.5px;
}
.fjlmvj {
   width:1px;
   height:44px;
   background:var(--border-secondary);
}
.bqf3 {
   margin-bottom: 48px;
}
.t56a5 {
   display:inline-flex;
   align-items:center;
   gap:10px;
   padding:18px 44px;
   background:var(--gradient-primary);
   color:var(--text-button);
   font-size:17px;
   font-weight:700;
   border-radius:14px;
   text-decoration:none;
   transition:opacity 0.2s, transform 0.2s;
   box-shadow:var(--shadow-primary);
}
.t56a5:hover {
   opacity:0.9;
   transform:translateY(-2px);
}
.sr20hfew {
   display:grid;
   grid-template-columns:repeat(4, 1fr);
   gap:14px;
}
.ko2i {
   background: var(--bg-card);
   border: 1px solid var(--border-primary);
   border-radius: 16px;
   padding: 24px 16px;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
   transition: border-color 0.2s;
}
.ko2i:hover {
   border-color:var(--border-card);
}
.s3nw5dtd {
   width:44px;
   height:44px;
   background:rgba(154, 50, 201, 0.1);
   border-radius:12px;
   display:flex;
   align-items:center;
   justify-content:center;
   color:var(--color-secondary);
}
.f3f6t {
   font-size: 20px;
   font-weight: 800;
   color: var(--text-primary);
}
.qdulj {
   font-size: 12px;
   color: var(--text-dark);
   text-transform: uppercase;
   letter-spacing: 0.3px;
}
@media (max-width: 768px) {
    .fmpdiz2t {
   font-size:36px;
}
    .u44c2 {
   font-size:16px;
}
    .gef9tpk8 {
   flex-direction: column;
   gap: 16px;
   padding: 24px 32px;
   width: 100%;
   max-width: 300px;
}
    .fjlmvj {
   width:60px;
   height:1px;
}
    .sr20hfew {
   grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
    .fmpdiz2t {
   font-size:28px;
}
    .re8us1 {
   font-size:24px;
}
    .t56a5 {
   padding:16px 32px;
   font-size:15px;
   width:100%;
   justify-content:center;
}
    .sr20hfew {
   grid-template-columns: 1fr;
}
}

.byy0qdw6 {
   padding: 60px 0;
   background: var(--bg-dark);
}
.vlvwamk {
   max-width:1100px;
   margin:0 auto;
   padding:0 24px;
}
.w89v9fek {
   color: var(--text-muted);
   line-height: 1.8;
}
.w89v9fek h1,
.w89v9fek h2 {
   font-size: 30px;
   font-weight: 700;
   color: var(--text-primary);
   margin: 0 0 20px;
   line-height: 1.3;
   padding-bottom: 16px;
   border-bottom: 1px solid var(--border-primary);
}
.w89v9fek h3 {
   font-size: 21px;
   font-weight: 600;
   color: var(--text-primary);
   margin: 36px 0 14px;
   padding-bottom: 10px;
   border-bottom: 1px solid var(--border-primary);
}
.w89v9fek h4 {
   font-size: 18px;
   font-weight: 600;
   color: var(--text-secondary);
   margin: 26px 0 12px;
}
.w89v9fek p {
   font-size:16px;
   line-height:1.85;
   color:var(--text-muted);
   margin-bottom:18px;
}
.w89v9fek ul,
.w89v9fek ol {
   margin:20px 0;
   padding-left:26px;
}
.w89v9fek li {
   font-size:16px;
   line-height:1.75;
   color:var(--text-muted);
   margin-bottom:8px;
}
.w89v9fek ul li::marker {
   color: var(--status-top);
}
.w89v9fek a {
   color:var(--color-accent);
   text-decoration:underline;
   text-decoration-color:rgba(251, 191, 36, 0.3);
   text-underline-offset:3px;
   transition:text-decoration-color 0.2s;
}
.w89v9fek a:hover {
   text-decoration-color: var(--color-accent);
}
.w89v9fek strong,
.w89v9fek b {
   color:var(--text-primary);
   font-weight:600;
}
.w89v9fek em {
   font-style: italic;
   color: var(--text-secondary);
}
.w89v9fek blockquote {
   margin:28px 0;
   padding:20px 24px 20px 28px;
   border-left:3px solid var(--status-top);
   background:var(--bg-secondary);
   border-radius:0 8px 8px 0;
   color:var(--text-secondary);
}
.w89v9fek img {
   max-width:100%;
   height:auto;
   border-radius:10px;
   margin:20px 0;
   border:1px solid var(--border-primary);
}
.w89v9fek table {
   width: 100%;
   border-collapse: collapse;
   margin: 24px 0;
}
.w89v9fek th {
   background: var(--bg-card);
   color: var(--text-primary);
   padding: 12px 16px;
   text-align: left;
   font-weight: 600;
   font-size: 14px;
   border-bottom: 2px solid var(--border-secondary);
}
.w89v9fek td {
   padding:12px 16px;
   border-bottom:1px solid var(--border-primary);
   color:var(--text-muted);
   font-size:15px;
}
@media (max-width: 768px) {
    .byy0qdw6 {
   padding: 40px 0;
}
    .w89v9fek h1, .w89v9fek h2 {
   font-size: 24px;
}
    .w89v9fek h3 {
   font-size:18px;
}
    .w89v9fek p, .w89v9fek li {
   font-size:15px;
}
}

.oadzwx9c {
   background: var(--bg-secondary);
   padding: 32px 0 28px;
   border-top: 1px solid var(--border-primary);
}
.lml6kg {
   max-width: 1280px;
   margin: 0 auto;
   padding: 0 16px;
}
.sr9ygys {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   gap: 16px;
   padding-top: 24px;
   border-top: 1px solid var(--border-primary);
}
.cbol9 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 3px;
}
.cbol9 > * {
   color: var(--text-dark);
   font-size: 13px;
}
.s1chd0 {
   font-size: 12px;
   opacity: 0.9;
}
.nlp4e96q {
   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) {
    .sr9ygys {
   flex-direction: column;
   padding-top: 20px;
   gap: 10px;
   text-align: center;
}
}