:root{
  --bg:#fffaf4;
  --card:#ffffff;
  --text:#3a2618;
  --muted:#78685e;
  --accent:#f28a2e;
  --line:#f0dfcf;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic",sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.75;
}
.wrap{max-width:760px;margin:0 auto;padding:40px 20px 64px}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.logo{
  width:48px;height:48px;border-radius:14px;
  background:linear-gradient(135deg,#ffb25d,#f17422);
  display:grid;place-items:center;color:white;font-size:25px
}
h1{font-size:30px;margin:0}
h2{font-size:20px;margin:30px 0 10px}
.card{
  background:var(--card);border:1px solid var(--line);
  border-radius:18px;padding:22px;margin:18px 0;
  box-shadow:0 6px 18px rgba(70,40,20,.05)
}
a{color:#c95e13}
.btn{
  display:inline-block;background:var(--accent);color:white;text-decoration:none;
  padding:11px 18px;border-radius:12px;font-weight:700
}
small,.muted{color:var(--muted)}
footer{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
ul{padding-left:1.4em}
code{background:#fff1e5;padding:2px 6px;border-radius:6px}