*{margin:0;padding:0;box-sizing:border-box;font-family:Arial}
body{background:#f4f4f4;line-height:1.6}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:#fff;border-bottom:1px solid #eee}
.logo{font-size:22px;font-weight:bold;color:#2c7be5}
nav ul{display:flex;list-style:none}
nav li{margin-left:20px}
nav a{text-decoration:none;color:#333;font-weight:500}
.hero{height:420px;background:url('https://images.unsplash.com/photo-1501785888041-af3ef285b470') center/cover;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;text-align:center}
.hero h1{font-size:46px;margin-bottom:10px}
.btn{background:#ff6600;color:white;padding:12px 22px;border-radius:5px;text-decoration:none}
.section{padding:60px 8%}
.section h2{text-align:center;margin-bottom:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
.card{background:white;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.card img{width:100%;height:180px;object-fit:cover;margin-bottom:10px;border-radius:5px}
.tour{background:white;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.article{background:white;padding:20px;border-radius:8px;margin-bottom:20px}
footer{text-align:center;background:#222;color:#fff;padding:30px;margin-top:40px}
form{max-width:450px;margin:auto;display:flex;flex-direction:column}
input,textarea{padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}
button{padding:10px;background:#2c7be5;color:white;border:none;border-radius:4px}