*{box-sizing:border-box}
body{
 margin:0;
 min-height:100vh;
 background:#050805;
 color:#f4f4f4;
 font-family:Arial,Helvetica,sans-serif;
 overflow-x:hidden;
}
.bg-glow{
 position:fixed;
 inset:0;
 background:radial-gradient(circle at 20% 20%,#52ff00 0,#0b1208 35%,#050805 75%);
 opacity:.35;
 z-index:-1;
}
header{
 position:sticky;
 top:0;
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:18px 7%;
 background:rgba(0,0,0,.55);
 backdrop-filter:blur(8px);
 border-bottom:1px solid #4dff1a;
}
.ticker{
 color:#71ff00;
 font-weight:900;
 font-size:24px;
}
nav{display:flex;gap:18px}
a{
 color:white;
 text-decoration:none;
 border:1px solid #71ff00;
 padding:10px 18px;
 border-radius:12px;
}
.buy,.buttons a:last-child{
 background:#71ff00;
 color:#050805;
 font-weight:bold;
}
.hero{
 max-width:1100px;
 margin:70px auto;
 padding:30px;
 display:flex;
 align-items:center;
 gap:50px;
}
.character{
 width:420px;
 max-width:100%;
 border-radius:20px;
}
h1{
 font-size:80px;
 margin:0;
 color:#71ff00;
 letter-spacing:-4px;
}
h2{color:#71ff00}
p{font-size:20px;line-height:1.5}
.buttons{display:flex;gap:15px;margin-top:30px}
.story,.tokenomics{
 max-width:900px;
 margin:40px auto;
 padding:30px;
 background:rgba(0,0,0,.45);
 border:1px solid #244d16;
 border-radius:20px;
}
.cards{display:flex;gap:20px;flex-wrap:wrap}
.cards div{
 flex:1;
 min-width:180px;
 padding:20px;
 background:#101710;
 border-radius:15px;
 display:flex;
 flex-direction:column;
 gap:10px;
}
@media(max-width:800px){
.hero{flex-direction:column}
h1{font-size:55px}
}


.dex-chart-section{
 max-width:1100px;
 margin:55px auto 80px;
 padding:30px;
}
.dex-heading{
 display:flex;
 justify-content:space-between;
 align-items:end;
 gap:20px;
 margin-bottom:18px;
}
.dex-heading h2{
 margin:3px 0 0;
 font-size:42px;
 letter-spacing:-1px;
}
.eyebrow{
 color:#b5ff8a;
 font-size:12px;
 font-weight:800;
 letter-spacing:3px;
}
#dex-chart-open{
 color:#071000;
 background:#71ff00;
 font-weight:900;
 white-space:nowrap;
}
.dex-chart-shell{
 position:relative;
 min-height:560px;
 overflow:hidden;
 border:1px solid #4dff1a;
 border-radius:22px;
 background:#070c07;
 box-shadow:0 0 45px rgba(113,255,0,.12);
}
#dex-chart-frame{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 border:0;
 opacity:0;
 transition:opacity .25s ease;
}
#dex-chart-frame.is-live{opacity:1}
.dex-chart-placeholder{
 position:absolute;
 inset:0;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 gap:10px;
 padding:30px;
 text-align:center;
 background:
  linear-gradient(rgba(113,255,0,.03) 1px,transparent 1px),
  linear-gradient(90deg,rgba(113,255,0,.03) 1px,transparent 1px),
  radial-gradient(circle at center,rgba(113,255,0,.11),transparent 55%);
 background-size:40px 40px,40px 40px,auto;
}
.dex-chart-placeholder strong{
 color:#71ff00;
 font-size:34px;
}
.dex-chart-placeholder span{color:#b9c9b2}
.dex-chart-placeholder code{color:#71ff00}
@media(max-width:800px){
 .dex-heading{align-items:flex-start;flex-direction:column}
 .dex-chart-shell{min-height:500px}
 .dex-chart-section{padding:20px}
}