:root{font-size:62.5%;--g8cd-primary:#98fb98;--g8cd-accent:#32cd32;--g8cd-muted:#808080;--g8cd-bg:#141414;--g8cd-text:#ecf0f1;--g8cd-panel:#1e241e;--g8cd-line:rgba(152,251,152,.22);--g8cd-gold:#f7d65a;--g8cd-red:#ff5b72;--g8cd-shadow:0 1.8rem 4rem rgba(0,0,0,.36)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top left,rgba(50,205,50,.16),transparent 34rem),linear-gradient(180deg,#141414 0%,#101510 55%,#0b0d0b 100%);color:var(--g8cd-text);font-family:Inter,Arial,Helvetica,sans-serif;font-size:1.55rem;line-height:1.5;overflow-x:hidden}
a{color:var(--g8cd-primary);text-decoration:none}
a:hover{color:#fff}
img{max-width:100%;display:block}
main{width:100%;max-width:43rem;margin:0 auto;padding:8.4rem 1.2rem 2.4rem}
.g8cd-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(20,20,20,.94);backdrop-filter:blur(1.6rem);border-bottom:.1rem solid var(--g8cd-line)}
.g8cd-header-inner{max-width:43rem;margin:0 auto;min-height:6.8rem;display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem}
.g8cd-brand{display:flex;align-items:center;gap:.7rem;min-width:0;flex:1;color:var(--g8cd-text);font-weight:900;letter-spacing:.02em}
.g8cd-logo{width:3.2rem;height:3.2rem;border-radius:1rem;border:.1rem solid var(--g8cd-line);box-shadow:0 0 2rem rgba(152,251,152,.22)}
.g8cd-brand-text{font-size:1.8rem;white-space:nowrap;text-transform:lowercase}
.g8cd-actions{display:flex;align-items:center;gap:.5rem}
.g8cd-btn{border:0;border-radius:999px;min-height:4.4rem;min-width:4.4rem;padding:0 1.4rem;background:linear-gradient(135deg,var(--g8cd-primary),var(--g8cd-accent));color:#071007;font-weight:900;cursor:pointer;box-shadow:0 .7rem 1.8rem rgba(50,205,50,.22);transition:transform .18s ease,filter .18s ease}
.g8cd-btn:hover,.g8cd-btn:focus{transform:translateY(-.1rem) scale(1.02);filter:saturate(1.18);outline:.2rem solid rgba(152,251,152,.35)}
.g8cd-btn-small{min-height:3.8rem;padding:0 1rem;font-size:1.25rem}
.g8cd-btn-outline{background:rgba(236,240,241,.06);color:var(--g8cd-primary);border:.1rem solid var(--g8cd-line);box-shadow:none}
.g8cd-menu-toggle{background:rgba(152,251,152,.12);color:var(--g8cd-primary);border:.1rem solid var(--g8cd-line);border-radius:1.2rem;width:4.4rem;height:4.4rem;font-size:2rem}
.g8cd-menu{position:fixed;top:6.8rem;left:50%;z-index:9999;width:min(41rem,calc(100vw - 2rem));transform:translate(-50%,-1rem);opacity:0;pointer-events:none;background:#111911;border:.1rem solid var(--g8cd-line);border-radius:1.8rem;padding:1rem;box-shadow:var(--g8cd-shadow);transition:.2s ease}
.g8cd-menu-open{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.g8cd-menu a{display:flex;align-items:center;gap:.9rem;min-height:4.6rem;padding:0 1.2rem;border-radius:1.2rem;color:var(--g8cd-text);font-weight:800;background:rgba(255,255,255,.025);margin:.35rem 0}
.g8cd-menu a:hover{background:rgba(152,251,152,.14);color:var(--g8cd-primary)}
.g8cd-desktop-nav{display:none}
.g8cd-hero{position:relative;overflow:hidden;border:.1rem solid var(--g8cd-line);border-radius:2.4rem;padding:1.8rem;background:linear-gradient(135deg,rgba(50,205,50,.18),rgba(128,128,128,.05));box-shadow:var(--g8cd-shadow)}
.g8cd-kicker{display:inline-flex;align-items:center;gap:.6rem;color:var(--g8cd-primary);font-weight:900;font-size:1.2rem;text-transform:uppercase;letter-spacing:.12em}
.g8cd-title{font-size:3rem;line-height:1.05;margin:1rem 0;color:#fff;letter-spacing:-.04em}
.g8cd-subtitle{color:#d8e6da;margin:0 0 1.4rem}
.g8cd-cta-row{display:flex;flex-wrap:wrap;gap:.9rem;margin:1.4rem 0}
.g8cd-text-link{font-weight:900;color:var(--g8cd-primary);border-bottom:.1rem dashed var(--g8cd-primary);cursor:pointer}
.g8cd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.4rem 0}
.g8cd-stat{background:rgba(0,0,0,.28);border:.1rem solid var(--g8cd-line);border-radius:1.4rem;padding:1rem;text-align:center}
.g8cd-stat strong{display:block;color:var(--g8cd-gold);font-size:1.8rem}
.g8cd-carousel{position:relative;border-radius:1.8rem;overflow:hidden;margin:1.2rem 0;border:.1rem solid rgba(255,255,255,.1)}
.g8cd-slide{display:none;position:relative;cursor:pointer}
.g8cd-slide-active{display:block}
.g8cd-slide img{width:100%;aspect-ratio:16/8;object-fit:cover}
.g8cd-slide-caption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:.8rem 1rem;border-radius:1.2rem;background:rgba(0,0,0,.62);font-weight:900;color:#fff}
.g8cd-dots{display:flex;justify-content:center;gap:.7rem;margin:.8rem 0 0}
.g8cd-dot{width:.9rem;height:.9rem;border-radius:50%;border:0;background:rgba(236,240,241,.34)}
.g8cd-dot-active{background:var(--g8cd-primary);box-shadow:0 0 1rem var(--g8cd-primary)}
.g8cd-section{margin:1.6rem 0;padding:1.5rem;border:.1rem solid var(--g8cd-line);border-radius:2rem;background:linear-gradient(180deg,rgba(30,36,30,.92),rgba(18,22,18,.92))}
.g8cd-section-alt{background:linear-gradient(135deg,rgba(152,251,152,.12),rgba(20,20,20,.96))}
.g8cd-section h2{font-size:2.2rem;line-height:1.18;margin:.2rem 0 1rem;color:#fff}
.g8cd-section h3{font-size:1.7rem;color:var(--g8cd-primary);margin:1rem 0 .5rem}
.g8cd-section p{margin:.7rem 0;color:#dfe8df}
.g8cd-grid{display:grid;gap:1rem}
.g8cd-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g8cd-card{background:rgba(0,0,0,.28);border:.1rem solid rgba(152,251,152,.16);border-radius:1.6rem;padding:1.1rem;box-shadow:0 .8rem 2rem rgba(0,0,0,.18)}
.g8cd-card strong{color:#fff}
.g8cd-badge{display:inline-flex;align-items:center;gap:.4rem;border:.1rem solid var(--g8cd-line);border-radius:999px;padding:.35rem .8rem;color:var(--g8cd-primary);font-size:1.15rem;font-weight:900;background:rgba(152,251,152,.08)}
.g8cd-game-category{margin:1.3rem 0}
.g8cd-category-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .8rem}
.g8cd-category-title h2{margin:0;font-size:2rem;text-transform:capitalize}
.g8cd-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.g8cd-game-card{display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center;color:var(--g8cd-text);min-height:9.6rem;padding:.65rem;background:rgba(236,240,241,.04);border:.1rem solid rgba(152,251,152,.12);border-radius:1.25rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.g8cd-game-card:hover{transform:translateY(-.2rem);border-color:var(--g8cd-primary);background:rgba(152,251,152,.1)}
.g8cd-game-card img{width:5.2rem;height:5.2rem;object-fit:cover;border-radius:1.2rem}
.g8cd-game-card span{font-size:1.08rem;font-weight:800;line-height:1.15}
.g8cd-list{padding-left:1.8rem;margin:.8rem 0;color:#dceadc}
.g8cd-list li{margin:.45rem 0}
.g8cd-payment{display:flex;flex-wrap:wrap;gap:.7rem}
.g8cd-payment span{padding:.7rem .9rem;border-radius:1rem;background:rgba(152,251,152,.1);border:.1rem solid var(--g8cd-line);font-weight:900}
.g8cd-winner{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border-bottom:.1rem solid rgba(152,251,152,.12);padding:.7rem 0}
.g8cd-winner:last-child{border-bottom:0}
.g8cd-footer{max-width:43rem;margin:0 auto;padding:2rem 1.2rem 8.8rem;background:#101310;border-top:.1rem solid var(--g8cd-line)}
.g8cd-footer-logo{display:flex;align-items:center;gap:.8rem;font-weight:900;font-size:1.8rem;color:#fff}
.g8cd-footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:1.2rem 0}
.g8cd-footer-links a{padding:.8rem;border-radius:1rem;background:rgba(255,255,255,.04);font-weight:800;color:#e9f4e9}
.g8cd-footer-promos{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0}
.g8cd-partners{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}
.g8cd-partners span{font-size:1.2rem;color:#bfcdbf;border:.1rem solid rgba(236,240,241,.14);border-radius:.9rem;padding:.55rem .75rem}
.g8cd-copy{color:#9fb09f;font-size:1.2rem;margin-top:1rem}
.g8cd-bottom-nav{position:fixed;left:50%;bottom:0;z-index:1000;transform:translateX(-50%);width:100%;max-width:43rem;height:6.4rem;display:flex;justify-content:space-around;align-items:center;background:#182018;border-top:.1rem solid var(--g8cd-line);box-shadow:0 -1rem 3rem rgba(0,0,0,.42)}
.g8cd-bottom-item{min-width:6rem;min-height:6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:#b9cab9;background:transparent;border:0;font-size:1.05rem;font-weight:900;transition:transform .16s ease,color .16s ease}
.g8cd-bottom-item i,.g8cd-bottom-item ion-icon,.g8cd-bottom-item .material-icons,.g8cd-bottom-item .ti{font-size:2.4rem;line-height:1}
.g8cd-bottom-item:hover,.g8cd-bottom-active{color:var(--g8cd-primary);transform:scale(1.06)}
.g8cd-bottom-active{background:linear-gradient(180deg,rgba(152,251,152,.16),transparent);border-radius:1.4rem}
.g8cd-bubble{position:absolute;margin-left:2.5rem;margin-top:-3rem;background:var(--g8cd-red);color:#fff;border-radius:999px;font-size:.95rem;min-width:1.7rem;height:1.7rem;display:grid;place-items:center}
.g8cd-faq-item{border-bottom:.1rem solid rgba(152,251,152,.14);padding:1rem 0}
.g8cd-faq-item:last-child{border-bottom:0}
.g8cd-faq-item h3{margin:.2rem 0;color:#fff}
.g8cd-review-score{display:flex;align-items:center;gap:.8rem;font-size:2.4rem;color:var(--g8cd-gold);font-weight:900}
.g8cd-step{display:grid;grid-template-columns:3.4rem 1fr;gap:.9rem;margin:1rem 0}
.g8cd-step-num{width:3.4rem;height:3.4rem;border-radius:50%;display:grid;place-items:center;background:var(--g8cd-primary);color:#071007;font-weight:900}
@media (min-width:769px){body{background:#0b0d0b}.g8cd-bottom-nav{display:none}.g8cd-menu-toggle{display:none}.g8cd-desktop-nav{display:flex;position:static;opacity:1;pointer-events:auto;transform:none;width:auto;background:transparent;border:0;box-shadow:none;padding:0;gap:.4rem}.g8cd-desktop-nav a{min-height:3.6rem;margin:0;padding:0 .8rem;font-size:1.25rem}.g8cd-header-inner,main,.g8cd-footer{max-width:98rem}.g8cd-title{font-size:4.2rem}.g8cd-game-grid{grid-template-columns:repeat(8,1fr)}.g8cd-grid-2{grid-template-columns:repeat(4,1fr)}}
@media (max-width:768px){main{padding-bottom:8rem}.g8cd-btn-small{padding:0 .8rem}.g8cd-hide-mobile{display:none}}
@media (max-width:360px){.g8cd-game-grid{grid-template-columns:repeat(3,1fr)}.g8cd-title{font-size:2.6rem}.g8cd-brand-text{font-size:1.55rem}.g8cd-actions{gap:.35rem}.g8cd-btn-small{font-size:1.1rem;padding:0 .65rem}}
