*{box-sizing:border-box}
body{margin:0;font-family:Georgia,'Times New Roman',serif;background:#f3eee7;color:#2b241f;line-height:1.65}
header{background:#4a4339;color:#fff;padding:24px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.logo{font-size:28px;font-weight:800;letter-spacing:2px}
.logo span{color:#d8b46a}
nav a{color:#fff;text-decoration:none;margin-left:18px;font-weight:bold}
.hero{background:linear-gradient(135deg,#3d3933,#8b7a63);color:white;text-align:center;padding:85px 20px}
.hero h1{font-size:48px;margin:0 0 12px}
.hero p{font-size:20px;max-width:760px;margin:auto;color:#f7ead3}
.container{max-width:1100px;margin:42px auto;padding:0 22px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.card{background:#fff;border:1px solid #ded1bf;border-radius:14px;padding:24px;box-shadow:0 10px 24px rgba(0,0,0,.07)}
.card h3{margin-top:0;color:#6b563d}
.badge{display:inline-block;background:#efe2ca;color:#5e4630;border-radius:999px;padding:6px 14px;font-weight:bold;margin-bottom:14px}
form{background:#fff;border:1px solid #ded1bf;border-radius:14px;padding:26px;box-shadow:0 10px 24px rgba(0,0,0,.07)}
label{display:block;margin-top:14px;font-weight:bold}
input,select,textarea{width:100%;padding:12px;margin-top:6px;border:1px solid #cdbfadd;border-radius:8px;font:inherit;background:#fffdf8}
textarea{min-height:120px}
button{margin-top:20px;background:#5e4630;color:#fff;border:0;border-radius:999px;padding:13px 24px;font-weight:bold;cursor:pointer}
footer{background:#4a4339;color:#fff;text-align:center;padding:28px;margin-top:60px}