*{box-sizing:border-box}
body{margin:0;font-family:Arial;background:#f3f3f3;color:#1f1f1f;line-height:1.7}
header{background:#111;color:#fff;padding:24px 20px;border-bottom:4px solid #c89b3c}
.header-inner{max-width:1200px;margin:auto}
header h1{margin:0;font-size:34px}
header p{margin:8px 0 0;color:#ccc;font-size:18px}
nav{background:#1c1c1c;padding:14px 20px}
nav a{color:#fff;text-decoration:none;margin-right:25px;font-weight:bold}
nav a:hover{color:#c89b3c}
.hero{background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1600&q=80');
background-size:cover;
background-position:center;
color:#fff;
padding:120px 20px;
text-align:center}
.hero h2{
font-size:48px;
margin-bottom:20px;}
.hero p{
font-size:22px;}
.container{max-width:1100px;margin:auto;padding:50px 20px}
.section-title{font-size:34px;margin-bottom:20px}
.card{background:#fff;padding:25px;margin-bottom:20px;border-radius:8px}
footer{background:#111;color:#ccc;text-align:center;padding:20px;margin-top:40px}
.btn{background:#c89b3c;color:#111;padding:12px 20px;text-decoration:none;border-radius:5px;font-weight:bold}
.card:hover{
transform:translateY(-5px);
transition:0.3s;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}