body{margin:0;font-family:Arial;background:#061a3a;color:white}
header{height:80px;background:#020b18;display:flex;align-items:center;gap:20px;padding:0 5%}
header img{height:60px}
nav{margin-left:auto}
.hero{height:650px;background:linear-gradient(90deg,#061a3add,#061a3a55),url('../images/hero.jpg') center/cover;display:flex;align-items:center;padding-left:8%}
h1{font-size:70px}
button{padding:15px 30px;background:#e31b23;color:white;border:0}
section{padding:70px 8%;text-align:center}
.cards{display:flex;justify-content:center;gap:20px}
.cards div{background:#103a7a;padding:40px;border-radius:15px}
.dark{background:#020b18}
footer{text-align:center;padding:30px}