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: 900; color: #1A1A1A; margin-bottom: 28px; display: block; letter-spacing: -0.3px; position: relative; padding-left: 15px; line-height: 1.25; }
.wrapper .section-heading::before { content: ''; position: absolute; left: 0; top: 2px; bottom: 2px; width: 4px; background-color: #5A8A3C; border-radius: 2px; }
.wrapper .btn-claim { display: inline-block; background-color: #5A8A3C; 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, transform 0.15s ease; letter-spacing: 0.3px; }
.wrapper .btn-claim:hover { background-color: #3F6828; transform: translateY(-1px); }
.wrapper .btn-claim-sm { display: inline-block; background-color: #5A8A3C; 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: #3F6828; }
.wrapper .btn-claim.btn-disabled, .wrapper .btn-claim-sm.btn-disabled { background-color: #B0B0B0; color: #E8E8E8; cursor: not-allowed; pointer-events: none; letter-spacing: 0.3px; transform: none; }
.wrapper .code-copy { display: inline-block; font-family: "Courier New", Courier, monospace; font-size: 13px; font-weight: 700; color: #5A8A3C; background-color: #F5FCF0; border: 1px dashed #5A8A3C; 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: #5A8A3C; text-decoration: none; }
a:hover { text-decoration: underline; }
.will-reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.55s ease, transform 0.55s ease; }
.will-reveal.revealed { opacity: 1; transform: translateY(0); }

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