*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#f8f5ef;color:#333}
.hero{height:100vh;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1600&q=80') center/cover;display:flex;flex-direction:column}
nav{display:flex;justify-content:space-between;padding:20px 8%;color:#fff}
.overlay{margin:auto;text-align:center;color:#fff}
h1{font-size:56px}
.btn{background:#c8a96a;color:#fff;padding:12px 24px;border-radius:30px;text-decoration:none;border:none;cursor:pointer}
.section{padding:70px 8%}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
input,textarea{display:block;width:100%;padding:12px;margin:12px 0}
footer{text-align:center;padding:20px;background:#222;color:#fff}