:root{
  --accent:#b45309;
  --accent2:#f59e0b;
  --radius:2px;
  --font:'Trebuchet MS', system-ui, sans-serif;
  --maxw:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);color:#1f2937;line-height:1.65;background:#fafafa}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-width:1120px;margin:0 auto}
.logo{font-weight:800;font-size:22px;color:var(--accent);letter-spacing:.5px}
.nav{display:flex;gap:22px;flex-wrap:wrap}
.nav a{color:#374151;font-weight:600;padding:6px 2px}
.nav a.active{color:var(--accent);border-bottom:2px solid var(--accent)}
.hero{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;padding:64px 0;text-align:left}
.hero h1{font-size:40px;line-height:1.2;margin-bottom:16px}
.hero p{font-size:18px;max-width:620px;opacity:.95;}
.hero .cta{display:inline-block;margin-top:22px;background:#fff;color:var(--accent);padding:12px 26px;border-radius:var(--radius);font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:40px 0}
.card{background:#fff;border:1px solid #eee;border-radius:var(--radius);overflow:hidden}
.card img{width:100%;height:200px;object-fit:cover;display:block}
.card .body{padding:18px}
.card h3{margin-bottom:8px;color:var(--accent2)}
.section{padding:54px 0}
.section h2{font-size:28px;margin-bottom:18px;color:#111827}
.article-list{display:grid;gap:14px}
.article-list a{display:block;background:#fff;border:1px solid #eee;border-radius:var(--radius);padding:16px 18px;font-weight:600;color:#111827}
.article-list a:hover{border-color:var(--accent)}
.content img{max-width:100%;border-radius:var(--radius);margin:18px 0}
.content p{margin:14px 0;color:#374151}
form{background:#fff;border:1px solid #eee;border-radius:var(--radius);padding:26px;max-width:520px}
label{display:block;font-weight:600;margin:14px 0 6px}
input,textarea,select{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:var(--radius);font:inherit}
button{margin-top:18px;background:var(--accent);color:#fff;border:0;padding:12px 24px;border-radius:var(--radius);font-weight:700;cursor:pointer}
.note{font-size:13px;color:#6b7280;margin-top:10px}
.footer{background:#111827;color:#cbd5e1;margin-top:50px;padding:44px 0 20px}
.footer .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.footer h4{color:#fff;margin-bottom:10px}
.footer a{color:#93c5fd}
.copy{text-align:center;margin-top:26px;font-size:13px;color:#9ca3af}
@media(max-width:640px){.hero h1{font-size:30px}.nav{gap:14px}}