body {
    margin: 0; font-family: Arial, sans-serif; background: #111;
    color: #eee;
}
.hero {
    background: url('images/1CCBE010-8D63-42D8-B13D-ABDC9C783517.jpeg') center/cover no-repeat;
    height: 70vh; position: relative;
}
.overlay {
    background: rgba(0,0,0,0.6); height: 100%; width: 100%;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.btn {
    padding: 10px 20px; background: #ff7300; color: #000; text-decoration: none; font-weight: bold; border-radius: 5px;
}
.content { padding: 20px; max-width: 900px; margin: auto; }
.gallery { display: flex; gap: 10px; }
.gallery img { width: 30%; border-radius: 5px; }
footer { text-align: center; padding: 20px; color: #888; }