body{
margin:0;
font-family:Arial,Helvetica,sans-serif;
background:#080d18;
color:#fff;
line-height:1.6;
}
header{
padding:35px 8%;
border-bottom:1px solid #243047;
}
.logo{
font-size:42px;
font-weight:800;
}
.tag{
color:#6ea8ff;
letter-spacing:3px;
}
.hero{
padding:90px 8%;
background:linear-gradient(135deg,#0b1324,#162b52);
}
h1{font-size:52px;}
section{
padding:50px 8%;
}
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:25px;
}
.grid div{
background:#111c30;
padding:25px;
border:1px solid #243047;
border-radius:12px;
}
footer{
padding:30px;
text-align:center;
background:#050811;
color:#aaa;
}