:root{
  --black:#050807;
  --black2:#080c0a;
  --panel:#0b100d;
  --panel2:#0f1511;

  --white:#f3f7f4;
  --muted:#89958d;

  --green:#00c805;
  --green-bright:#00e676;
  --green-soft:#33e06f;
  --green-dark:#064d22;
  --green-deep:#032b14;

  --border:#1c2921;
  --border-bright:#274c35;
}

*{
  box-sizing:border-box
}

html{
  scroll-behavior:smooth
}

body{
  margin:0;
  background:
    radial-gradient(circle at 70% 10%,rgba(0,200,5,.08),transparent 24%),
    radial-gradient(circle at 15% 40%,rgba(0,230,118,.04),transparent 28%),
    linear-gradient(180deg,#050807 0%,#070b08 45%,#050806 100%);
  color:var(--white);
  font-family:Inter,Arial,sans-serif;
  overflow-x:hidden
}

a{
  color:inherit;
  text-decoration:none
}

img{
  display:block;
  width:100%
}

.film-grain{
  position:fixed;
  inset:0;
  z-index:100;
  pointer-events:none;
  opacity:.03;
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")
}

.topbar{
  width:min(1500px,calc(100% - 60px));
  height:90px;
  margin:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid var(--border);
  position:relative;
  z-index:20
}

.brand{
  display:flex;
  align-items:center;
  gap:14px
}

.brand-mark{
  width:50px !important;
  height:50px !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:50% !important;
  border:1px solid rgba(0,200,5,.65) !important;
  background:#080c09 !important;
  box-shadow:
    0 0 0 3px rgba(0,200,5,.05),
    0 0 24px rgba(0,200,5,.12) !important
}

.brand-mark img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important
}

.brand-copy strong,
.brand-copy small{
  display:block
}

.brand-copy strong{
  font-family:Oswald;
  letter-spacing:.12em;
  font-size:15px
}

.brand-copy small{
  margin-top:4px;
  font-size:8px;
  letter-spacing:.25em;
  color:#65726a
}

.topbar nav{
  display:flex;
  gap:35px
}

.topbar nav a{
  font-size:10px;
  font-weight:800;
  letter-spacing:.2em;
  color:#839087
}

.topbar nav a:hover{
  color:var(--green-bright)
}

.opensea-top{
  border:1px solid var(--border-bright);
  padding:13px 19px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.15em;
  color:#dfe8e1
}

.opensea-top:hover{
  border-color:var(--green);
  color:var(--green-bright)
}

.hero{
  width:min(1500px,calc(100% - 60px));
  min-height:760px;
  margin:30px auto 90px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:center;
  gap:70px
}

.overline{
  display:flex;
  align-items:center;
  gap:11px;
  font-size:10px;
  letter-spacing:.28em;
  color:#839087
}

.overline span{
  width:30px;
  height:1px;
  background:var(--green)
}

.hero h1{
  margin:25px 0;
  font-family:Oswald;
  font-size:clamp(76px,8vw,138px);
  line-height:.82;
  letter-spacing:-.045em;
  font-weight:700
}

.hero h1 em{
  display:inline-block;
  font-style:normal;
  color:var(--green-bright);
  text-shadow:0 0 42px rgba(0,200,5,.15)
}

.hero-intro{
  max-width:600px;
  color:#909b94;
  line-height:1.8;
  font-size:16px
}

.launch-bar{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  max-width:690px;
  margin:35px 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border)
}

.launch-bar div{
  padding:18px 14px;
  border-right:1px solid var(--border)
}

.launch-bar div:first-child{
  padding-left:0
}

.launch-bar div:last-child{
  border-right:0
}

.launch-bar small{
  display:block;
  color:#657269;
  font-size:8px;
  letter-spacing:.18em
}

.launch-bar strong{
  display:block;
  margin-top:7px;
  font-family:Oswald;
  font-size:17px;
  letter-spacing:.05em
}

.hero-buttons{
  display:flex;
  gap:12px
}

.button{
  min-height:56px;
  padding:0 29px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:900;
  letter-spacing:.17em
}

.button.gold{
  background:var(--green);
  color:#021204;
  box-shadow:0 15px 45px rgba(0,200,5,.12)
}

.button.gold:hover{
  background:var(--green-bright)
}

.button.outline{
  border:1px solid var(--border-bright);
  color:#aab6ae
}

.button.outline:hover{
  border-color:var(--green);
  color:#fff
}

.hero-art{
  position:relative;
  min-height:700px
}

.hero-light{
  position:absolute;
  width:560px;
  height:560px;
  left:50%;
  top:45%;
  transform:translate(-50%,-50%);
  background:
    radial-gradient(circle,rgba(0,200,5,.13),transparent 66%);
  filter:blur(18px)
}

.art-card{
  position:absolute;
  overflow:hidden;
  border:1px solid rgba(0,200,5,.14);
  background:#0b0e0c
}

.art-card img{
  height:100%;
  object-fit:cover
}

.main-card{
  width:51%;
  height:72%;
  left:24%;
  top:9%;
  z-index:4;
  box-shadow:
    0 40px 120px rgba(0,0,0,.72),
    0 0 70px rgba(0,200,5,.07)
}

.side-card{
  width:29%;
  height:48%;
  top:26%;
  z-index:2;
  filter:saturate(.75) brightness(.72)
}

.left-card{
  left:0;
  transform:rotate(-5deg)
}

.right-card{
  right:0;
  transform:rotate(5deg)
}

.hero-credit{
  position:absolute;
  z-index:8;
  right:18%;
  bottom:8%;
  background:rgba(5,8,6,.88);
  border-left:2px solid var(--green);
  padding:14px 18px
}

.hero-credit small,
.hero-credit strong{
  display:block
}

.hero-credit small{
  font-size:8px;
  letter-spacing:.2em;
  color:#657269
}

.hero-credit strong{
  margin-top:4px;
  font-family:Oswald;
  letter-spacing:.08em
}

.countdown-wrap{
  width:min(1400px,calc(100% - 60px));
  margin:0 auto 100px;
  padding-top:35px;
  border-top:1px solid var(--border);
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  align-items:end
}

.countdown-heading{
  display:flex;
  gap:24px
}

.countdown-heading>span,
.section-title>div>span,
.number{
  color:var(--green);
  font-size:10px;
  letter-spacing:.2em
}

.countdown-heading small,
.section-title small,
.premiere-copy small{
  color:#667269;
  font-size:9px;
  letter-spacing:.24em
}

.countdown-heading h2{
  margin:7px 0 0;
  font-family:Oswald;
  font-size:29px
}

.countdown{
  display:grid;
  grid-template-columns:repeat(4,1fr)
}

.countdown div{
  padding-left:27px;
  border-left:1px solid var(--border)
}

.countdown strong{
  display:block;
  font-family:Oswald;
  font-size:clamp(50px,6vw,90px);
  line-height:.9
}

.countdown small{
  color:#657269;
  font-size:8px;
  letter-spacing:.22em
}

.statement{
  padding:100px 30px 110px;
  text-align:center
}

.statement-line{
  width:1px;
  height:70px;
  background:linear-gradient(var(--green),transparent);
  margin:0 auto 40px
}

.statement p{
  font-family:Oswald;
  font-size:clamp(40px,5vw,75px);
  line-height:.98;
  color:#69726c;
  margin:0
}

.statement strong{
  color:var(--white)
}

.cast{
  width:min(1400px,calc(100% - 60px));
  margin:70px auto 140px
}

.section-title{
  display:grid;
  grid-template-columns:.55fr 1fr .65fr;
  gap:45px;
  align-items:end;
  margin-bottom:48px
}

.section-title h2{
  margin:0;
  font-family:Oswald;
  font-size:clamp(48px,6vw,83px);
  line-height:.9
}

.section-title p{
  color:#89958d;
  line-height:1.7;
  margin:0
}

.cast-grid{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr;
  gap:16px
}

.cast-card{
  position:relative;
  overflow:hidden;
  background:#0b0e0c;
  border:1px solid #18221c
}

.cast-card img{
  aspect-ratio:1/1;
  object-fit:cover;
  filter:saturate(.83);
  transition:.5s ease
}

.cast-card:hover{
  border-color:#245c34
}

.cast-card:hover img{
  transform:scale(1.025);
  filter:saturate(1)
}

.cast-card.featured{
  grid-row:span 2
}

.cast-card.featured img{
  height:100%;
  min-height:730px
}

.cast-card.wide{
  grid-column:span 2
}

.cast-card.wide img{
  aspect-ratio:2/1
}

.card-text{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  padding:14px 16px;
  background:rgba(4,8,5,.82);
  border-top:1px solid rgba(0,200,5,.48)
}

.card-text small,
.card-text strong,
.card-text span{
  display:block
}

.card-text small{
  color:#6c796f;
  font-size:8px;
  letter-spacing:.18em
}

.card-text strong{
  margin-top:5px;
  font-family:Oswald;
  font-size:22px
}

.card-text span{
  margin-top:5px;
  font-size:8px;
  letter-spacing:.16em;
  color:#89958d
}

.premiere{
  width:min(1400px,calc(100% - 60px));
  margin:120px auto;
  display:grid;
  grid-template-columns:1fr .75fr;
  gap:90px;
  align-items:center
}

.premiere-image{
  position:relative;
  min-height:800px;
  overflow:hidden
}

.premiere-image img{
  height:800px;
  object-fit:cover;
  filter:saturate(.78)
}

.image-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,7,4,.6),transparent 60%),
    linear-gradient(0deg,rgba(3,7,4,.65),transparent 55%)
}

.poster-mark{
  position:absolute;
  left:35px;
  bottom:35px
}

.poster-mark small,
.poster-mark strong{
  display:block
}

.poster-mark small{
  letter-spacing:.22em;
  font-size:9px
}

.poster-mark strong{
  font-family:Oswald;
  font-size:78px;
  line-height:1;
  color:var(--green-bright)
}

.premiere-copy h2{
  margin:20px 0;
  font-family:Oswald;
  font-size:clamp(62px,7vw,105px);
  line-height:.83
}

.premiere-copy p{
  color:#8c9890;
  line-height:1.8;
  max-width:520px
}

.premiere-copy a{
  display:inline-block;
  margin-top:20px;
  padding-bottom:7px;
  border-bottom:1px solid var(--green);
  color:var(--green-bright);
  font-size:10px;
  font-weight:800;
  letter-spacing:.18em
}

.final-section{
  padding:150px 30px 190px;
  text-align:center;
  background:
    radial-gradient(circle at center,rgba(0,200,5,.08),transparent 32%)
}

.final-section>small{
  color:#748078;
  letter-spacing:.25em;
  font-size:9px
}

.final-section h2{
  margin:27px 0;
  font-family:Oswald;
  font-size:clamp(78px,11vw,160px);
  line-height:.8
}

.final-price{
  color:var(--green-bright);
  font-family:Oswald;
  font-size:30px;
  margin-bottom:30px
}

.final-button{
  min-width:290px
}

footer{
  width:min(1400px,calc(100% - 60px));
  height:130px;
  margin:auto;
  border-top:1px solid var(--border);
  display:flex;
  justify-content:space-between;
  align-items:center
}

footer strong{
  font-family:Oswald;
  letter-spacing:.14em
}

footer span{
  color:#68736b;
  font-size:8px;
  letter-spacing:.23em
}

.mint-dock{
  position:fixed;
  z-index:50;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  width:min(600px,calc(100% - 28px));
  padding:11px 12px 11px 18px;
  background:rgba(5,9,6,.92);
  border:1px solid #24402d;
  backdrop-filter:blur(18px);
  box-shadow:
    0 20px 80px #000,
    0 0 40px rgba(0,200,5,.05);
  display:flex;
  justify-content:space-between;
  align-items:center
}

.mint-dock small,
.mint-dock strong{
  display:block
}

.mint-dock small{
  color:#68756c;
  font-size:8px;
  letter-spacing:.2em
}

.mint-dock strong{
  margin-top:3px;
  font-size:11px
}

.mint-dock a{
  background:var(--green);
  color:#021204;
  padding:12px 18px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em
}

.mint-dock a:hover{
  background:var(--green-bright)
}

@media(max-width:1000px){

  .topbar nav{
    display:none
  }

  .hero{
    grid-template-columns:1fr
  }

  .countdown-wrap{
    grid-template-columns:1fr;
    gap:30px
  }

  .section-title{
    grid-template-columns:1fr
  }

  .cast-grid{
    grid-template-columns:1fr 1fr
  }

  .cast-card.featured{
    grid-row:auto
  }

  .cast-card.featured img{
    min-height:0
  }

  .premiere{
    grid-template-columns:1fr
  }

}

@media(max-width:620px){

  .topbar{
    width:calc(100% - 30px);
    height:78px
  }

  .opensea-top{
    display:none
  }

  .hero{
    width:calc(100% - 30px)
  }

  .hero h1{
    font-size:67px
  }

  .launch-bar{
    grid-template-columns:1fr 1fr
  }

  .hero-buttons{
    flex-direction:column
  }

  .hero-art{
    min-height:480px
  }

  .main-card{
    width:58%;
    left:21%
  }

  .side-card{
    width:31%;
    height:40%
  }

  .countdown-wrap,
  .cast,
  .premiere{
    width:calc(100% - 30px)
  }

  .countdown{
    grid-template-columns:1fr 1fr;
    gap:28px 0
  }

  .cast-grid{
    grid-template-columns:1fr
  }

  .cast-card.wide{
    grid-column:auto
  }

  .cast-card.wide img{
    aspect-ratio:1/1
  }

  .premiere-image,
  .premiere-image img{
    height:620px;
    min-height:620px
  }

  .poster-mark strong{
    font-size:55px
  }

  footer{
    width:calc(100% - 30px)
  }

}

/* CHACHA_FORCE_GREEN_V5_START
   ==========================================================
   CHACHA MONSTER — ROBINHOOD GREEN MASTER OVERRIDE
   ========================================================== */

:root{
  --gold:#00c805 !important;
  --gold-light:#00e676 !important;
  --brown:#07130b !important;
  --red:#073f1c !important;

  --green:#00c805 !important;
  --green-bright:#00e676 !important;
  --green-soft:#41e56d !important;
  --green-dark:#075b28 !important;
  --green-deep:#031c0c !important;

  --border:#17251c !important;
  --border-bright:#245b34 !important;
}


/* WHOLE SITE */

html,
body{
  background:
    radial-gradient(circle at 72% 12%,
      rgba(0,200,5,.11),
      transparent 27%),
    radial-gradient(circle at 8% 48%,
      rgba(0,230,118,.055),
      transparent 30%),
    linear-gradient(
      180deg,
      #040705 0%,
      #071009 45%,
      #040705 100%
    ) !important;
}


/* HEADER */

.topbar{
  border-bottom-color:#17271d !important;
}

.brand-mark{
  border-color:rgba(0,200,5,.75) !important;
  background:#071009 !important;
  box-shadow:
    0 0 0 3px rgba(0,200,5,.07),
    0 0 28px rgba(0,200,5,.16) !important;
}

.brand-copy small{
  color:#708178 !important;
}

.topbar nav a:hover{
  color:#00e676 !important;
}

.opensea-top{
  border-color:#245b34 !important;
}

.opensea-top:hover{
  color:#00e676 !important;
  border-color:#00c805 !important;
}


/* HERO */

.overline span{
  background:#00c805 !important;
  box-shadow:0 0 15px rgba(0,200,5,.25) !important;
}

.hero h1 em{
  color:#00e676 !important;
  background:none !important;
  -webkit-text-fill-color:#00e676 !important;
  text-shadow:
    0 0 35px rgba(0,200,5,.18) !important;
}

.hero-light{
  background:
    radial-gradient(
      circle,
      rgba(0,200,5,.16),
      rgba(0,200,5,.035) 42%,
      transparent 70%
    ) !important;
}

.main-card,
.side-card,
.art-card{
  border-color:rgba(0,200,5,.20) !important;
}

.main-card{
  box-shadow:
    0 40px 120px rgba(0,0,0,.72),
    0 0 70px rgba(0,200,5,.09) !important;
}

.hero-credit{
  border-left-color:#00c805 !important;
  background:rgba(4,10,6,.89) !important;
}


/* DATA / DIVIDERS */

.launch-bar{
  border-top-color:#17251c !important;
  border-bottom-color:#17251c !important;
}

.launch-bar div{
  border-right-color:#17251c !important;
}

.launch-bar small{
  color:#718178 !important;
}


/* ALL PRIMARY BUTTONS */

.button.gold,
.primary,
.mint-dock a{
  background:#00c805 !important;
  background-image:none !important;
  color:#021004 !important;
  border-color:#00c805 !important;
  box-shadow:
    0 14px 42px rgba(0,200,5,.14) !important;
}

.button.gold:hover,
.primary:hover,
.mint-dock a:hover{
  background:#00e676 !important;
  color:#011004 !important;
}

.button.outline,
.secondary{
  border-color:#284834 !important;
}

.button.outline:hover,
.secondary:hover{
  border-color:#00c805 !important;
}


/* COUNTDOWN */

.countdown-wrap{
  border-top-color:#17251c !important;
}

.countdown-heading>span,
.section-title>div>span,
.number,
.section-number{
  color:#00c805 !important;
}

.countdown div{
  border-left-color:#17251c !important;
}

.countdown strong{
  color:#f2f7f3 !important;
}

.countdown small{
  color:#718078 !important;
}


/* STATEMENT */

.statement-line{
  background:
    linear-gradient(
      #00c805,
      rgba(0,200,5,0)
    ) !important;
}


/* CAST */

.cast-card{
  border-color:#17251c !important;
}

.cast-card:hover{
  border-color:#00c805 !important;
}

.card-text{
  background:rgba(3,9,5,.84) !important;
  border-top-color:rgba(0,200,5,.65) !important;
}


/* PREMIERE */

.premiere-copy a{
  color:#00e676 !important;
  border-bottom-color:#00c805 !important;
}

.poster-mark strong{
  color:#00e676 !important;
}

.image-shade{
  background:
    linear-gradient(
      90deg,
      rgba(2,8,4,.70),
      transparent 62%
    ),
    linear-gradient(
      0deg,
      rgba(2,8,4,.70),
      transparent 55%
    ) !important;
}


/* FINAL CTA */

.final-section{
  background:
    radial-gradient(
      circle at center,
      rgba(0,200,5,.12),
      transparent 36%
    ) !important;
}

.final-price{
  color:#00e676 !important;
}


/* FOOTER */

footer{
  border-top-color:#17251c !important;
}


/* FIX ANY OLD BRONZE BORDERS / INLINE-THEME CLASSES */

[class*="gold"],
[class*="bronze"]{
  border-color:#245b34;
}

.gold,
.gold-text{
  color:#00e676 !important;
}


/* MINT DOCK */

.mint-dock{
  background:rgba(3,9,5,.93) !important;
  border-color:#245b34 !important;
  box-shadow:
    0 20px 80px rgba(0,0,0,.8),
    0 0 45px rgba(0,200,5,.07) !important;
}


/* CHACHA_FORCE_GREEN_V5_END */