* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}


html {
scroll-behavior: smooth;
}


body {
background: #061006;
color: white;
line-height: 1.6;
}


/* MENU */

nav {
position: sticky;
top: 0;
z-index: 100;
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 8%;
background: rgba(6,16,6,0.95);
border-bottom: 1px solid #1cff5c;
}


.nav-logo img {
width: 45px;
}


.nav-links {
display: flex;
gap: 25px;
align-items: center;
}


.nav-links a {
color: white;
text-decoration: none;
font-weight: bold;
}


.nav-links a:hover {
color: #1cff5c;
}


.buy {
background: #1cff5c;
color: black !important;
padding: 10px 20px;
border-radius: 25px;
}



/* HEADER */

header {
text-align: center;
padding: 80px 20px;
}


.main-logo {
width: 180px;
margin-bottom: 20px;
}


header h1 {
font-size: 48px;
color: #1cff5c;
}


header h2 {
font-size: 30px;
}


header p {
font-size: 20px;
margin: 20px;
}



.buttons {
margin-top: 30px;
}



.button {
display: inline-block;
background: #1cff5c;
color: black;
padding: 12px 30px;
border-radius: 30px;
text-decoration: none;
font-weight: bold;
margin: 10px;
}

.news-banner {
margin: 40px auto;
padding: 25px;
max-width: 700px;
border-radius: 20px;
text-align: center;
background: rgba(28, 255, 92, 0.08);
border: 2px solid #1cff5c;
}

.news-banner h2 {
font-size: 32px;
margin-bottom: 15px;
}

.news-banner h3 {
font-size: 24px;
}

.news-banner p {
font-size: 18px;
}

.news-button {
display: inline-block;
margin-top: 20px;
background: #1cff5c;
color: black;
padding: 12px 30px;
border-radius: 30px;
text-decoration: none;
font-weight: bold;
}

.secondary {
background: transparent;
border: 2px solid #1cff5c;
color: white;
}



/* SECTIONS */

section {
max-width: 1100px;
margin: auto;
padding: 60px 20px;
}


section h2 {
text-align: center;
color: #1cff5c;
font-size: 32px;
margin-bottom: 30px;
}


section p {
text-align: center;
font-size: 18px;
}




/* CARDS */

.grid {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
gap: 20px;
}



.card {
background: #0d1c0d;
border: 1px solid #1cff5c;
border-radius: 15px;
padding: 25px;
text-align: center;
box-shadow: 0 0 15px rgba(28,255,92,0.15);
}


.card h3 {
color: #1cff5c;
margin-bottom: 10px;
}



/* ROADMAP */

.roadmap {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
gap: 20px;
}


.roadmap .card {
min-height: 220px;
}



/* FOOTER */

footer {
text-align: center;
padding: 30px;
border-top: 1px solid #1cff5c;
margin-top: 40px;
color: #aaa;
}



/* MOBILE */

@media(max-width:700px){

nav {
flex-direction: column;
gap: 15px;
}


.nav-links {
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}


header h1 {
font-size: 36px;
}


.main-logo {
width: 130px;
}

}
.card p {
  word-break: break-all;
}