*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Tahoma,sans-serif;background:#faf8f3;color:#333;line-height:1.8}
.hero{
min-height:100vh;
background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),
url('https://images.unsplash.com/photo-1509440159596-0249088772ff?auto=format&fit=crop&w=1600&q=80');
background-size:cover;
background-position:center;
color:white;
}
nav{
display:flex;
justify-content:space-between;
padding:25px 8%;
align-items:center;
}
nav ul{display:flex;gap:25px;list-style:none}
nav a{color:white;text-decoration:none}
.logo{font-size:28px;font-weight:bold}
.hero-content{
text-align:center;
padding-top:18vh;
max-width:800px;
margin:auto;
}
.hero-content h1{font-size:58px;margin-bottom:20px}
.hero-content p{font-size:22px;margin-bottom:30px}
.btn{
background:#c9a86a;
color:white;
padding:15px 35px;
border-radius:50px;
text-decoration:none;
display:inline-block;
}
section{padding:90px 8%}
h2{text-align:center;margin-bottom:40px;font-size:38px}
.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}
.card{
background:white;
padding:30px;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.gold{background:#f3ecdf}
.features{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
text-align:center;
font-size:22px;
}
.cta{
background:#2f2a22;
color:white;
text-align:center;
}
form{
max-width:700px;
margin:auto;
display:flex;
flex-direction:column;
gap:15px;
}
input,textarea{
padding:15px;
border:1px solid #ddd;
border-radius:10px;
}
button{
padding:15px;
border:none;
background:#c9a86a;
color:white;
border-radius:10px;
cursor:pointer;
}
footer{
background:#1f1f1f;
color:white;
text-align:center;
padding:25px;
}
@media(max-width:768px){
.hero-content h1{font-size:36px}
nav{flex-direction:column;gap:15px}
nav ul{flex-wrap:wrap;justify-content:center}
}