body {

font-family: Arial;
margin: 0;
background: #f4f6f8;

}

.hero {

background: #1f2937;
color: white;
text-align: center;
padding: 60px;

}

.subtitle {

font-size: 18px;
opacity: 0.9;

}

nav a {

margin: 10px;
color: white;
text-decoration: none;

}

section {

background: white;
margin: 40px auto;
padding: 40px;
width: 70%;
border-radius: 10px;

}

table {

border-collapse: collapse;
margin-top: 20px;

}

td, th {

border: 1px solid #ddd;
padding: 10px;

}

footer {

text-align: center;
padding: 30px;
color: gray;

}