body{margin:0;background:#0b0d08;color:#f5e2b0;font-family:Georgia;text-align:center}
.hero{height:100vh;position:relative;overflow:hidden}
.hero video{width:100%;height:100%;object-fit:cover}
.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0006}
h1{font-size:100px;letter-spacing:8px;margin:0}
h2{font-size:42px}
button{padding:15px 35px;border-radius:30px;border:0;background:#a67c35;color:white;margin:10px}
.cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:50px}
.cards div{background:#1d2512;padding:40px;border-radius:20px}
.dark{padding:70px;background:#151b0d}
@media(max-width:600px){h1{font-size:60px}}