body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 15px; line-height: 1.6; color: #1A1A1A; background-color: #FFFFFF; -webkit-font-smoothing: antialiased; }
.wrapper { min-height: 100vh; display: flex; flex-direction: column; }
.content-inner { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.wrapper .section-heading { font-size: 22px; font-weight: 700; color: #1A1A1A; margin-bottom: 24px; padding-bottom: 12px; border-bottom: 3px solid #C9A84C; display: inline-block; }
.wrapper .btn-claim { display: inline-block; background-color: #C9A84C; color: #FFFFFF; font-size: 14px; font-weight: 700; padding: 10px 20px; border-radius: 4px; cursor: pointer; text-align: center; transition: background-color 0.2s ease; letter-spacing: 0.3px; }
.wrapper .btn-claim:hover { background-color: #A8882A; }
.wrapper .btn-claim-sm { display: inline-block; background-color: #C9A84C; color: #FFFFFF; font-size: 13px; font-weight: 700; padding: 8px 14px; border-radius: 4px; cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease; }
.wrapper .btn-claim-sm:hover { background-color: #A8882A; }
.wrapper .code-copy { display: inline-block; font-family: "Courier New", Courier, monospace; font-size: 13px; font-weight: 700; color: #C9A84C; background-color: #FDF9EE; border: 1px dashed #C9A84C; border-radius: 4px; padding: 3px 10px; cursor: pointer; transition: background-color 0.2s ease; }
.wrapper .code-copy:hover { background-color: #F5EDCC; }
.wrapper .code-auto { display: inline-block; font-size: 12px; color: #666666; background-color: #F5F5F5; border-radius: 4px; padding: 3px 8px; }
a { color: #C9A84C; text-decoration: none; }
a:hover { text-decoration: underline; }

@media (min-width: 768px) {
  body { font-size: 16px; }
  .content-inner { padding: 0 24px; }
  .section-heading { font-size: 26px; }
}