*{box-sizing:border-box}body{margin:0;font:17px/1.6 Georgia,'Times New Roman',serif;color:#2b2420;background:#f6f1e9}
a{color:#7a3b1e}header{background:#2b2420;color:#f6f1e9}header .w{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.w{max-width:1040px;margin:0 auto;padding:18px 16px}.logo{font-size:22px;letter-spacing:.04em;color:#f6f1e9;text-decoration:none}
nav a{color:#e9dcc6;text-decoration:none;margin-right:16px;font-family:system-ui,sans-serif;font-size:15px}nav a:hover{color:#fff}
.hero{background:linear-gradient(135deg,#5a2e17,#8c5a33);color:#fff}.hero .w{padding:64px 16px}.hero h1{font-size:40px;line-height:1.15;margin:0 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:#fff;border:1px solid #e3d8c6;border-radius:6px;padding:18px}
.card h3{margin-top:0}table{border-collapse:collapse;width:100%;background:#fff}td,th{border:1px solid #e3d8c6;padding:10px;text-align:left}
footer{border-top:1px solid #e3d8c6;color:#7c6f63;font:14px system-ui,sans-serif}.btn{display:inline-block;background:#f6f1e9;color:#5a2e17;padding:10px 18px;border-radius:4px;text-decoration:none;font-family:system-ui,sans-serif}
input,textarea{width:100%;padding:10px;border:1px solid #cdbfa8;border-radius:4px;font:inherit;margin-bottom:12px}button{background:#5a2e17;color:#fff;border:0;padding:10px 18px;border-radius:4px;font:inherit;cursor:pointer}
@media(max-width:600px){.hero h1{font-size:30px}}