:root {
  --amber: #F08A24;
  --charcoal: #0A0A0A;
  --cream: #F5E9D6;
  --sand: #E9D8BF;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #222;
  background: linear-gradient(180deg, #0A0A0A 0%, #121212 100%);
}
.header {
  background: var(--charcoal);
  color: white;
  padding: 18px 22px;
  border-bottom: 3px solid var(--amber);
  display: flex;
  align-items: center;
  gap: 14px;
}
.header img { height: 42px; width: auto; }
.wrap { max-width: 900px; margin: 0 auto; padding: 28px 22px; }
.hero {
  background: rgba(240,138,36,0.06);
  border: 1px solid rgba(240,138,36,0.25);
  border-radius: 14px;
  padding: 26px;
  color: #f3f3f3;
}
h1, h2, h3 { color: var(--cream); margin: 0 0 12px 0; }
p { line-height: 1.6; color: #f1f1f1; }
.cta {
  display: inline-block;
  margin-top: 12px;
  padding: 12px 18px;
  background: var(--amber);
  color: #111;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
}
.card {
  background: #101010;
  border: 1px solid #222;
  border-radius: 12px;
  padding: 16px;
  margin-top: 16px;
}
.footer {
  margin-top: 36px;
  color: #bbb;
  font-size: 13px;
}
ul { color: #f1f1f1; }
a { color: var(--amber); }
code { background:#1b1b1b; padding: 2px 6px; border-radius:6px }