.hero{color:#fff;background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.overlay{background:#0009;position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:900px;padding:20px;position:relative}.hero-content h1{margin-bottom:30px;font-size:60px}.hero-content p{margin-bottom:40px;font-size:20px;line-height:1.8}.hero-buttons{justify-content:center;gap:20px;display:flex}