body{

font-family:Arial,sans-serif;

margin:0;

background:#080c1a;

color:white;

}



.nav{

display:flex;

justify-content:space-between;

align-items:center;

padding:30px 8%;

}



.nav a{

color:#aaa;

margin:15px;

text-decoration:none;

}



button{

padding:12px 25px;

border-radius:10px;

border:0;

cursor:pointer;

}



.hero{

padding:80px 8%;

display:flex;

gap:50px;

align-items:center;

}



.hero h1{

font-size:60px;

}



.hero p{

font-size:20px;

color:#aaa;

}



.primary{

background:#6366f1;

color:white;

}




.preview,
.card,
.report,
.grid div{

background:#11172b;

padding:30px;

border-radius:20px;

}



.preview span{

color:#4ade80;

}



.grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:20px;

padding:50px 8%;

}



.report,
.signup{

padding:60px 8%;

text-align:center;

}



input{

padding:15px;

border-radius:10px;

}



footer{

text-align:center;

padding:40px;

color:#777;

}