body {
margin: 0;
height: 100vh;
background: radial-gradient(circle at top, #c8102e, #6b0f1a);
font-family: Montserrat, sans-serif;
}

.hero {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.hero img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
filter: contrast(1.1) saturate(1.2);
}

.overlay {
position: relative;
padding: 40px 60px;
background: rgba(0,0,0,0.55);
border-radius: 28px;
color: #f2f2f2;
text-align: center;
box-shadow: 0 40px 100px rgba(0,0,0,0.6);
}

.overlay h1 {
margin: 0;
font-size: 56px;
letter-spacing: 3px;
}

.overlay p {
margin-top: 12px;
font-size: 22px;
opacity: 0.9;
}