body{margin:0;font-family:'Segoe UI',Arial}
header{background:#6d0f0f;color:#fff}
.topbar{background:#4a0808;padding:8px 20px;font-size:14px}
.header-main{display:flex;align-items:center;padding:15px 20px}
.header-main img{height:75px;margin-right:15px}
nav{background:#f57c00}
nav ul{list-style:none;margin:0;padding:0;display:flex}
nav ul li{position:relative}
nav ul li a{color:#fff;padding:14px 20px;display:block;text-decoration:none;font-weight:600}
nav ul li:hover{background:#cc6500}
nav ul li ul{display:none;position:absolute;background:#f57c00;min-width:200px;top:100%;left:0}
nav ul li:hover ul{display:block}
nav ul li ul li{display:block}
.hero{background:linear-gradient(rgba(109,15,15,.8),rgba(109,15,15,.8)),url('https://images.unsplash.com/photo-1581091870627-3a79e3e7c8e6');background-size:cover;color:white;text-align:center;padding:80px 20px}
.section{padding:50px 20px;max-width:1100px;margin:auto}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.card{border:1px solid #ddd;border-radius:6px;overflow:hidden;box-shadow:0 3px 8px rgba(0,0,0,.1)}
.card img{width:100%;height:200px;object-fit:cover}
.card-content{padding:15px}
.card-content h3{margin-top:0;color:#6d0f0f}
.btn{display:inline-block;padding:8px 15px;background:#f57c00;color:white;text-decoration:none;border-radius:4px}
footer{background:#6d0f0f;color:#fff;text-align:center;padding:20px;margin-top:40px}