:root{--g:#08783e;--g2:#0bb65c;--d:#032b19;--gold:#ffd52a;--white:#fff;--ink:#082b1d;--card:#f7fff9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#01180d;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1180px,100%);margin:auto}
.header{position:sticky;top:0;z-index:99;background:rgba(3,43,25,.96);backdrop-filter:blur(12px);border-bottom:1px solid #2bd76c}.header-in{min-height:76px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:9px}.brand img{width:58px;height:58px;border-radius:16px;object-fit:cover;border:2px solid var(--gold)}.brand b{font-size:20px}.brand small{display:block;font-size:9px;font-weight:bold;letter-spacing:1px;margin-top:4px}.nav{display:none;gap:4px;border:1px solid #2bd76c;border-radius:35px;padding:5px}.nav a{padding:11px 16px;border-radius:25px;font-weight:bold}.nav a:hover,.nav a.active{background:#075e31;color:var(--gold)}.menu{width:44px;height:44px;border:1px solid #5cff78;border-radius:12px;background:#075e31;color:#fff;font-size:20px;cursor:pointer;position:relative;z-index:110}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 25%,#64ff3b44,transparent 25%),linear-gradient(135deg,#034b28,#08783e 50%,#034522);padding:42px 16px 35px}.hero-grid{display:grid;grid-template-columns:1fr;gap:25px;align-items:center;position:relative;z-index:2}.hero-logo{display:flex;align-items:center;gap:9px;margin-bottom:20px}.hero-logo img{width:64px;height:64px;border-radius:18px;object-fit:cover;border:2px solid var(--gold)}.hero-logo b{font-size:21px}.hero-logo small{display:block;font-size:9px;font-weight:bold;letter-spacing:1px;margin-top:4px}.tag{display:inline-block;padding:7px 11px;border:1px solid #ffffff44;border-radius:20px;background:#0002;font-size:11px;font-weight:bold}h1{font-size:clamp(43px,8vw,82px);line-height:.94;letter-spacing:-3px;margin:13px 0 0;font-weight:1000}h1 span,.hero h2{color:var(--gold)}.hero h2{font-size:clamp(28px,5vw,49px);line-height:1;margin:13px 0 0}.lead{font-size:18px;font-weight:bold;line-height:1.45;margin:15px 0 0}.bonus{font-size:14px;font-weight:bold;margin-top:18px}.bonus b{color:var(--gold)}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 21px;border-radius:50px;font-weight:1000}.primary{background:linear-gradient(#2af076,#079b49);border:2px solid #c5ff61;box-shadow:0 7px 24px #35ff5b44}.secondary{background:#0003;border:1px solid #ffffff66}
.phone-wrap{display:flex;justify-content:center}.phone{width:min(300px,72vw);aspect-ratio:9/17;border:7px solid #111;border-radius:42px;background:linear-gradient(150deg,#0b5a36,#01281a);box-shadow:0 25px 50px #0008;padding:50px 12px 14px;transform:rotate(3deg)}.phone:before{content:"";position:absolute;width:82px;height:18px;background:#080909;border-radius:0 0 15px 15px;top:7px;left:50%;transform:translateX(-50%)}.phone-head{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:1000;margin-bottom:15px}.phone-head img{width:42px;height:42px;border-radius:11px}.phone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.phone-game{min-height:74px;border:1px solid #5cff69;border-radius:12px;background:linear-gradient(145deg,#146d3e,#002f1c);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;font-weight:900;text-align:center}.phone-game b{font-size:23px}
.download{text-align:center;padding:38px 16px;background:linear-gradient(130deg,#00572c,#0a9d4d,#00562b)}.download small{font-weight:900}.download h2{font-size:clamp(42px,8vw,68px);line-height:1;color:var(--gold);margin:6px 0 10px}.download p{font-size:14px;font-weight:bold}.download .btn{margin-top:18px;min-width:min(430px,92%)}
.section{margin:11px;padding:25px 17px;border-radius:27px;background:var(--card);color:var(--ink);box-shadow:0 12px 32px #0003}.section h2{font-size:clamp(29px,5vw,46px);line-height:1.03;margin:0}.section p{font-size:14px;line-height:1.55}.games-layout{display:grid;grid-template-columns:1fr;gap:20px}.games{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.game{min-height:118px;padding:12px;border-radius:16px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;font-weight:900}.game:nth-child(1){background:linear-gradient(145deg,#9b1a0d,#3a0500)}.game:nth-child(2){background:linear-gradient(145deg,#a46708,#1d2d60)}.game:nth-child(3){background:linear-gradient(145deg,#092c55,#0868a8)}.game:nth-child(4){background:linear-gradient(145deg,#2a0902,#be001d)}.game:nth-child(5){background:linear-gradient(145deg,#126027,#00a94f)}.game:nth-child(6){background:linear-gradient(145deg,#4c1111,#ef8700)}.game:nth-child(7){background:linear-gradient(145deg,#084363,#0d9ab9)}.game:nth-child(8){background:linear-gradient(145deg,#063b25,#149d50)}.icon{font-size:42px}.features{margin:11px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.feature{background:var(--card);color:var(--ink);border:1px solid #9de8bf;border-radius:20px;padding:19px 9px;text-align:center}.feature i{font-style:normal;font-size:30px}.feature b{display:block;margin-top:6px}.feature span{font-size:10px;line-height:1.35;display:block;margin-top:5px}
.referral{display:grid;grid-template-columns:1fr;gap:15px}.person{min-height:160px;border-radius:20px;background:linear-gradient(135deg,#aaffaf,#fff);display:grid;place-items:center;font-size:80px}.earn{padding:16px;text-align:center;background:#e1faea;border-radius:18px}.earn strong{display:block;font-size:30px;color:#08753f}.reviews{display:flex;gap:10px;overflow:auto;padding:14px 0}.review{min-width:88%;padding:15px;border:1px solid #9de8bf;border-radius:17px;background:#fff}.stars{color:#ffb900;font-size:18px}.review p{font-size:12px!important;color:#155078}.footer{background:#022b18;padding:30px 17px 110px;border-top:1px solid #258b52}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 15px}.footer-logo{display:flex;gap:8px;align-items:center}.footer-logo img{width:58px;height:58px;border-radius:16px}.footer h3{margin:0;font-size:14px}.footer h4{color:var(--gold);margin:0 0 5px;font-size:11px}.footer ul{list-style:none;padding:0;margin:0}.footer li,.footer a{font-size:11px;line-height:1.9;color:#ddf8e8}.social{display:flex;gap:7px}.social a{width:33px;height:33px;border-radius:50%;background:#08753f;display:grid;place-items:center;font-weight:bold}.copy{border-top:1px solid #197249;margin-top:14px;padding-top:10px;font-size:9px;color:#bfe6d0}.disclaimer{background:#011d10;border-top:1px solid #315d46;padding:17px;color:#bfe1ce;font-size:10px;line-height:1.6}.disclaimer h2{font-size:13px;color:var(--gold);margin:0 0 6px}.bottom{position:fixed;z-index:100;bottom:0;left:50%;transform:translateX(-50%);width:min(1180px,100%);display:grid;grid-template-columns:repeat(3,1fr);background:#002b18f5;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #55f174}.bottom a{text-align:center;padding:7px;font-size:10px;font-weight:bold;border-radius:12px}.bottom a:last-child{background:var(--gold);color:#07301d}
@media(min-width:760px){.menu-toggle{display:none}.nav{display:flex}.menu{display:none}.hero{padding:55px 35px}.hero-grid{grid-template-columns:1.2fr .8fr}.phone-wrap{justify-content:flex-end;padding-right:45px}.games-layout{grid-template-columns:.9fr 1.3fr}.games{grid-template-columns:repeat(4,1fr)}.features{grid-template-columns:repeat(4,1fr)}.referral{grid-template-columns:1fr 1.4fr .8fr}.review{min-width:32%}.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}.bottom{display:none}}
@media(max-width:759px){.header-in{position:relative}.menu-toggle{display:none}.nav{display:flex;position:absolute;right:10px;top:70px;flex-direction:column;width:180px;padding:6px;background:#03351f;border:1px solid #2bd76c;border-radius:16px;opacity:0;pointer-events:none;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:120;box-shadow:0 10px 30px rgba(0,0,0,.35)}.menu-toggle:checked ~ .nav{opacity:1;pointer-events:auto;visibility:visible;transform:none}.nav a{width:100%;padding:10px 12px}.menu{display:grid;place-items:center;z-index:125;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}}

.hero-banner-section{
  padding:0;
  background:#034b28;
  overflow:hidden;
}
.hero-banner-wrap{
  width:100%;
  margin:0 auto;
  line-height:0;
}
.hero-banner{
  width:100%;
  height:auto;
  max-width:1536px;
  margin:0 auto;
  object-fit:contain;
}
@media(max-width:759px){
  .hero-banner-section{padding:0 0 2px}
  .hero-banner{width:100%;height:auto;min-height:0}
}

/* COMPACT MOBILE LAYOUT - reduces vertical height of all cards/sections */
@media(max-width:759px){
  .section{margin:7px;padding:14px 12px;border-radius:18px;box-shadow:0 7px 18px #0002}
  .games-layout{gap:10px}
  .games{gap:7px}
  .game{min-height:82px;padding:8px;border-radius:12px}
  .icon{font-size:30px}
  .features{margin:7px;gap:7px}
  .feature{border-radius:14px;padding:11px 7px}
  .feature i{font-size:23px}
  .feature b{margin-top:3px;font-size:12px}
  .feature span{font-size:9px;line-height:1.2;margin-top:3px}
  .referral{gap:9px}
  .person{min-height:95px;border-radius:14px;font-size:52px}
  .earn{padding:10px;border-radius:13px}
  .earn strong{font-size:23px}
  .reviews{gap:7px;padding:8px 0}
  .review{min-width:82%;padding:10px;border-radius:13px}
  .stars{font-size:15px}
  .review p{font-size:11px!important}
  .footer{padding:16px 10px 82px}
  .footer-grid{gap:10px 8px}
  .footer-logo img{width:40px;height:40px;border-radius:10px}
  .footer li,.footer a{font-size:9px;line-height:1.45}
}

.menu-anchor{display:block;position:relative;top:-1px;height:0;margin:0;padding:0;visibility:hidden;}