body{margin:0;font-family:Arial,sans-serif;background:#f4f6fb}
.top{background:#c62828;color:#fff;padding:8px 20px;font-size:14px;display:flex;justify-content:space-between}
.header{display:flex;align-items:center;padding:15px 20px;background:#fff}
.header img{height:80px;margin-right:15px}
.title{font-size:42px;font-weight:900;color:#c40000;line-height:1}
.sub{font-size:18px;color:#222}
nav{background:#173b78;padding:0}
nav a{color:#fff;text-decoration:none;padding:16px 14px;display:inline-block}
nav a:hover{background:#c62828}
.hero{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),#356;color:#fff;padding:80px 20px;text-align:center}
.container{max-width:1100px;margin:auto;padding:30px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
footer{background:#173b78;color:#fff;text-align:center;padding:20px;margin-top:30px}
table{width:100%;border-collapse:collapse}td,th{border:1px solid #ccc;padding:10px}