:root { --ink:#1d2330; --muted:#5d6678; --bg:#f6f4ef; --accent:#c2562d; }
* { box-sizing:border-box; }
body { margin:0; font-family:Georgia,"Times New Roman",serif; color:var(--ink); background:var(--bg); line-height:1.65; }
nav { display:flex; justify-content:space-between; align-items:center; max-width:880px; margin:0 auto; padding:20px 24px; font-family:Helvetica,Arial,sans-serif; font-size:14px; letter-spacing:.08em; text-transform:uppercase; }
nav a { color:var(--ink); text-decoration:none; margin-left:20px; }
.hero { height:360px; background:linear-gradient(135deg,#f2a65a 0%,#c2562d 40%,#3b4a6b 100%); display:flex; align-items:flex-end; }
.hero h1 { max-width:880px; width:100%; margin:0 auto; padding:0 24px 32px; color:#fff; font-size:44px; font-weight:normal; }
main { max-width:880px; margin:0 auto; padding:40px 24px; }
h2 { font-size:22px; margin-top:36px; }
p { color:var(--muted); font-size:18px; }
form { display:grid; gap:12px; max-width:480px; margin-top:16px; font-family:Helvetica,Arial,sans-serif; }
input, textarea { padding:10px 12px; border:1px solid #cfc9bd; border-radius:4px; font:inherit; background:#fff; }
button { padding:11px 16px; border:0; border-radius:4px; background:var(--accent); color:#fff; font:inherit; cursor:pointer; }
footer { max-width:880px; margin:0 auto; padding:24px; color:var(--muted); font-family:Helvetica,Arial,sans-serif; font-size:13px; }