@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');

*{box-sizing:border-box}
body{
 margin:0;
 min-height:100vh;
 background:#101010;
 color:#fff;
 font-family:"Space Mono",monospace;
 overflow-x:hidden;
}
.noise{
 position:fixed;
 inset:0;
 background:radial-gradient(circle at top,#7cff00 0%,transparent 25%),linear-gradient(135deg,#111,#050505);
 opacity:.25;
 pointer-events:none;
}
header{
 position:relative;
 z-index:2;
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:24px 7%;
}
.brand{
 font-size:28px;
 font-weight:700;
 color:#9cff00;
}
nav{display:flex;gap:14px}
nav a{
 color:#fff;
 text-decoration:none;
 border:1px solid #333;
 padding:12px 18px;
 border-radius:8px;
}
nav .buy{
 background:#9cff00;
 color:#000;
}
.hero{
 position:relative;
 text-align:center;
 padding:70px 20px;
}
.glow{
 position:absolute;
 width:450px;height:450px;
 background:#9cff00;
 filter:blur(120px);
 opacity:.15;
 left:50%;top:0;transform:translateX(-50%);
}
.logo{
 position:relative;
 width:260px;
 height:260px;
 object-fit:cover;
 border-radius:28px;
 border:2px solid #9cff00;
}
h1{
 font-size:80px;
 margin:25px 0 10px;
 letter-spacing:-5px;
}
.tagline{
 color:#aaa;
 font-size:20px;
}
.ca-box{
 margin:35px auto;
 max-width:520px;
 display:flex;
 justify-content:space-between;
 gap:10px;
 padding:15px;
 border:1px solid #333;
 background:#080808;
 border-radius:12px;
}
button{
 background:#9cff00;
 border:0;
 padding:10px 18px;
 font-weight:bold;
 cursor:pointer;
}
.buttons{
 display:flex;
 justify-content:center;
 gap:15px;
}
.button{
 padding:15px 30px;
 background:#151515;
 border:1px solid #9cff00;
 color:white;
 text-decoration:none;
 border-radius:12px;
}
.story,.tokenomics{
 max-width:900px;
 margin:50px auto;
 padding:35px;
 background:#0b0b0b;
 border:1px solid #222;
 border-radius:20px;
}
h2{color:#9cff00}
.cards{
 display:flex;
 gap:20px;
}
.cards div{
 flex:1;
 padding:25px;
 background:#151515;
 border-radius:15px;
}
footer{text-align:center;padding:30px;color:#777}

@media(max-width:700px){
 h1{font-size:48px}
 header{flex-direction:column;gap:20px}
 .cards{flex-direction:column}
}


.chart{
 max-width:1000px;
 margin:50px auto;
 padding:35px;
 background:#0b0b0b;
 border:1px solid #222;
 border-radius:20px;
}
.chart-frame{
 width:100%;
 height:600px;
 overflow:hidden;
 border-radius:16px;
 border:1px solid #333;
}
.chart-frame iframe{
 width:100%;
 height:100%;
 border:0;
}
@media(max-width:700px){
 .chart-frame{height:450px}
}