@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Inter:wght@400;700&display=swap');

*{box-sizing:border-box}
body{
margin:0;
font-family:Inter,sans-serif;
background:#050805;
color:white;
overflow-x:hidden;
}
.glow{
position:fixed;
width:700px;
height:700px;
background:#54ff00;
filter:blur(180px);
opacity:.18;
top:-200px;
left:50%;
transform:translateX(-50%);
z-index:-1;
}
header{
display:flex;
justify-content:space-between;
align-items:center;
padding:25px 7%;
}
.logo{
font-family:Orbitron;
font-size:30px;
color:#62ff25;
}
nav a{
margin-left:25px;
color:white;
text-decoration:none;
cursor:pointer;
}
.hero{
min-height:85vh;
display:flex;
align-items:center;
justify-content:space-around;
padding:40px 7%;
gap:40px;
}
.hero-text{max-width:600px}
h1{
font-family:Orbitron;
font-size:100px;
margin:0;
color:#62ff25;
text-shadow:0 0 30px #62ff25;
}
h2{
font-family:Orbitron;
}
.buttons{
display:flex;
gap:15px;
flex-wrap:wrap;
margin:30px 0;
}
.btn{
padding:16px 25px;
border-radius:14px;
text-decoration:none;
font-weight:700;
background:#111;
border:1px solid #62ff25;
color:white;
transition:.25s;
}
.btn:hover{
transform:translateY(-5px);
box-shadow:0 0 25px #62ff25;
}
.buy{background:#62ff25;color:#000}
.hero-img{
width:430px;
border-radius:30px;
box-shadow:0 0 50px #62ff25;
}
.ca-box,.card{
background:rgba(255,255,255,.05);
border:1px solid rgba(98,255,37,.3);
border-radius:25px;
padding:25px;
}
.ca-box button{
margin-left:15px;
}
.card{
margin:40px 7%;
}
.chart iframe{
width:100%;
height:600px;
border-radius:20px;
}
@media(max-width:900px){
.hero{flex-direction:column}
h1{font-size:60px}
.hero-img{width:90%}
}