body{font-family:Arial,sans-serif}
.hero{height:100vh;background:url('../images/hero.jpg') center/cover no-repeat;position:relative}
.hero:before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.45)}
.hero .container{position:relative;z-index:2}
.navbar{background:rgba(0,0,0,.35)}
section h2{margin-bottom:1rem}
.card{border-radius:14px}