body{
margin:0;
font-family:Arial;
background:#070b14;
color:white;
}

header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px;
background:#020611;
}

nav a{
margin:10px;
color:white;
text-decoration:none;
}

.hero{
padding:120px;
text-align:center;
background:linear-gradient(#0b1325,#020611);
}

.systems{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
padding:60px;
}

.card{
background:#121a30;
padding:20px;
border-radius:8px;
}

footer{
text-align:center;
padding:20px;
background:black;
margin-top:40px;
}