{"id":85,"date":"2026-01-22T11:24:02","date_gmt":"2026-01-22T11:24:02","guid":{"rendered":"https:\/\/thefiniteearth.org\/?page_id=85"},"modified":"2026-02-24T06:18:17","modified_gmt":"2026-02-24T06:18:17","slug":"pledge","status":"publish","type":"page","link":"https:\/\/thefiniteearth.org\/hindi\/pledge\/","title":{"rendered":"The FEM&#8217;US Pledge"},"content":{"rendered":"\r\n    <!-- \u2500\u2500 Fonts (same as landing page) \u2500\u2500 -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n    <link\r\n      href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@300;400;500;600&display=swap\"\r\n      rel=\"stylesheet\"\r\n    \/>\r\n\r\n    <style>\r\n\/* ============================================================\r\n   RESET \u2013 scoped to #fem-wrapper\r\n   ============================================================ *\/\r\n#fem-wrapper * {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* ============================================================\r\n   DESIGN TOKENS\r\n   ============================================================ *\/\r\n#fem-wrapper {\r\n  --fem-accent:       #5b9bd5;\r\n  --fem-accent-glow:  rgba(91, 155, 213, 0.35);\r\n  --fem-cta:          #f57c45;\r\n  --fem-cta-glow:     rgba(245, 124, 69, 0.35);\r\n  --fem-white:        #ffffff;\r\n  --fem-white-dim:    rgba(255, 255, 255, 0.95);\r\n  --fem-white-muted:  rgba(255, 255, 255, 0.85);\r\n  --fem-glass-bg:     rgba(255, 255, 255, 0.04);\r\n  --fem-glass-border: rgba(255, 255, 255, 0.1);\r\n  --fem-card-bg:      #f4f7fa;\r\n  --fem-card-border:  rgba(91, 155, 213, 0.12);\r\n  --fem-input-bg:     #fff;\r\n  --fem-input-border: #c8d6e0;\r\n  --fem-text-primary: #1a2332;\r\n  --fem-text-muted:   #5a6a7a;\r\n  --fem-divider:      #dce5ec;\r\n\r\n  background: #000;\r\n  color: var(--fem-text-primary);\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  font-family: 'DM Sans', sans-serif;\r\n}\r\n\r\n\/* ============================================================\r\n   SHARED ANIMATIONS\r\n   ============================================================ *\/\r\n@keyframes femSlideUp {\r\n  from { opacity: 0; transform: translateY(18px); }\r\n  to   { opacity: 1; transform: translateY(0);    }\r\n}\r\n@keyframes femFadeIn {\r\n  from { opacity: 0; transform: scale(0.92); }\r\n  to   { opacity: 1; transform: scale(1);    }\r\n}\r\n@keyframes femAlertSlide {\r\n  from { opacity: 0; transform: translate(-50%, -120%); }\r\n  to   { opacity: 1; transform: translateX(-50%);       }\r\n}\r\n@keyframes femAlertFade {\r\n  to { opacity: 0; }\r\n}\r\n@keyframes femCardReveal {\r\n  from { opacity: 0; transform: translateY(24px); }\r\n  to   { opacity: 1; transform: translateY(0);    }\r\n}\r\n@keyframes femModalIn {\r\n  from { opacity: 0; transform: translate(-50%, -50%) scale(0.92); }\r\n  to   { opacity: 1; transform: translate(-50%, -50%) scale(1);    }\r\n}\r\n\r\n.fem-animate {\r\n  opacity: 0;\r\n  animation: femSlideUp 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;\r\n}\r\n.fem-animate--1 { animation-delay: 0.10s; }\r\n.fem-animate--2 { animation-delay: 0.25s; }\r\n.fem-animate--3 { animation-delay: 0.40s; }\r\n.fem-animate--4 { animation-delay: 0.55s; }\r\n.fem-animate--5 { animation-delay: 0.70s; }\r\n.fem-animate--6 { animation-delay: 0.85s; }\r\n\r\n\/* ============================================================\r\n   ALERT BANNERS\r\n   ============================================================ *\/\r\n.fem-alert {\r\n  position: fixed;\r\n  top: 50px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 9999;\r\n  padding: 8px 24px !important;\r\n  border-radius: 50px;\r\n  box-shadow: 0 8px 32px rgba(0,0,0,0.3);\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  text-align: center;\r\n  max-width: 90%;\r\n  white-space: nowrap;\r\n  animation: femAlertSlide 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;\r\n}\r\n.fem-alert-success { background: #3a9d6e; color: #fff; }\r\n.fem-alert-error   { background: #e25555; color: #fff; }\r\n.fem-alert--fade   { animation: femAlertFade 0.4s ease forwards; }\r\n\r\n\/* ============================================================\r\n   HERO\r\n   ============================================================ *\/\r\n#fem-wrapper .fem-hero {\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: end;\r\n  justify-content: center;\r\n  text-align: center;\r\n  z-index: 0;\r\n  min-height: 300px;\r\n  margin-bottom: -30px;\r\n  padding-top: 130px;\r\n}\r\n\r\n#fem-wrapper .fem-bg-img {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  z-index: 0;\r\n  margin: 0 !important;\r\n  max-width: none !important;\r\n}\r\n\r\n#fem-wrapper .fem-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(ellipse 80% 60% at 50% 40%, rgba(0,0,0,0.22) 0%, transparent 70%),\r\n    linear-gradient(to bottom, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.55) 50%, rgba(0,0,0,0.72) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n#fem-wrapper .fem-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 820px;\r\n  width: 100%;\r\n  padding: 0px 30px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 0;\r\n}\r\n\r\n#fem-wrapper .fem-eyebrow {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  color: var(--fem-accent) !important;\r\n  margin-bottom: 16px;\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n#fem-wrapper .fem-eyebrow::before,\r\n#fem-wrapper .fem-eyebrow::after {\r\n  content: '';\r\n  width: 28px;\r\n  height: 1px;\r\n  background: var(--fem-accent);\r\n  opacity: 0.5;\r\n}\r\n\r\n#fem-wrapper .fem-title {\r\n  font-family: 'Playfair Display', Georgia, serif !important;\r\n  font-size: clamp(36px, 5.2vw, 58px) !important;\r\n  font-weight: 500 !important;\r\n  font-style: italic;\r\n  color: var(--fem-white) !important;\r\n  line-height: 1.15 !important;\r\n  letter-spacing: -0.5px;\r\n  margin-bottom: -5px;\r\n}\r\n\r\n#fem-wrapper .fem-lead {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 17px !important;\r\n  font-weight: 300;\r\n  color: var(--fem-white-dim) !important;\r\n  line-height: 1.75 !important;\r\n  max-width: 680px;\r\n  text-align: center;\r\n}\r\n\r\n\/* ============================================================\r\n   PLEDGE CARD\r\n   ============================================================ *\/\r\n#fem-wrapper .fem-pledge-section {\r\n  padding: 0 20px;\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-top: -48px;\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n#fem-wrapper .fem-pledge-card {\r\n  background: var(--fem-card-bg);\r\n  border: 1px solid var(--fem-card-border);\r\n  max-width: 640px;\r\n  width: 100%;\r\n  border-radius: 24px;\r\n  padding: 44px 40px 32px;\r\n  margin-top: 40px;\r\n  box-shadow:\r\n    0 4px 6px  rgba(0, 0, 0, 0.04),\r\n    0 20px 50px rgba(0, 0, 0, 0.12),\r\n    0 40px 80px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n#fem-wrapper .fem-pledge-card h2 {\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: 26px;\r\n  font-weight: 500;\r\n  text-align: center;\r\n  color: var(--fem-text-primary);\r\n}\r\n\r\n#fem-wrapper .fem-pledge-strong {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 15px !important;\r\n  font-weight: 500;\r\n  color: var(--fem-text-primary) !important;\r\n  line-height: 1.6;\r\n  margin-bottom: 10px !important;\r\n  padding-bottom: 0 !important;\r\n  display: block;\r\n}\r\n\r\n#fem-wrapper .fem-divider {\r\n  height: 1px;\r\n  background: var(--fem-divider);\r\n  margin: 18px 0 !important;\r\n}\r\n\r\n\/* ============================================================\r\n   REFERRAL BOX\r\n   ============================================================ *\/\r\n#fem-wrapper .fem-referral-box {\r\n  background: #fff;\r\n  border: 2px solid var(--fem-accent);\r\n  border-radius: 16px;\r\n  padding: 20px 18px;\r\n  margin-bottom: 28px;\r\n  text-align: center;\r\n  animation: femFadeIn 0.5s cubic-bezier(0.22,1,0.36,1) 0.3s both;\r\n}\r\n#fem-wrapper .fem-referral-title {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  color: var(--fem-text-muted);\r\n  padding-bottom: 8px !important;\r\n}\r\n#fem-wrapper .fem-referral-strong {\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  font-style: italic;\r\n  color: var(--fem-text-primary);\r\n  padding-bottom: 6px !important;\r\n}\r\n#fem-wrapper .fem-referral-muted {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 400;\r\n  color: var(--fem-accent);\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n\/* ============================================================\r\n   CHECKBOXES\r\n   ============================================================ *\/\r\n#fem-wrapper .fem-checkbox {\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: flex-start;\r\n  margin-bottom: 14px;\r\n}\r\n#fem-wrapper .fem-checkbox input[type=\"checkbox\"] {\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  width: 20px;\r\n  min-width: 20px;\r\n  height: 20px;\r\n  margin-top: 2px;\r\n  border: 2px solid var(--fem-input-border);\r\n  border-radius: 5px;\r\n  background: #fff;\r\n  cursor: pointer;\r\n  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;\r\n  position: relative;\r\n}\r\n#fem-wrapper .fem-checkbox input[type=\"checkbox\"]:hover {\r\n  border-color: var(--fem-accent);\r\n}\r\n#fem-wrapper .fem-checkbox input[type=\"checkbox\"]:checked {\r\n  background: var(--fem-accent);\r\n  border-color: var(--fem-accent);\r\n  box-shadow: 0 0 0 3px var(--fem-accent-glow);\r\n}\r\n#fem-wrapper .fem-checkbox input[type=\"checkbox\"]:checked::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 5px;\r\n  top: 2px;\r\n  width: 6px;\r\n  height: 11px;\r\n  border: solid #fff;\r\n  border-width: 0 2px 2px 0;\r\n  transform: rotate(45deg);\r\n}\r\n#fem-wrapper .fem-checkbox p {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 15px !important;\r\n  line-height: 1.6;\r\n  color: var(--fem-text-primary);\r\n  margin: 0 !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n#fem-wrapper .fem-checkbox .fem-required-star {\r\n  color: #e53935;\r\n  font-weight: 600;\r\n}\r\n#fem-wrapper .fem-checkbox .fem-checkbox-muted {\r\n  color: var(--fem-text-muted);\r\n  font-size: 13px;\r\n}\r\n\r\n\/* ============================================================\r\n   FORM GRID + INPUTS\r\n   ============================================================ *\/\r\n#fem-wrapper .fem-input-row {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 16px 12px;\r\n}\r\n#fem-wrapper .fem-field-full {\r\n  grid-column: 1 \/ -1;\r\n}\r\n\r\n#fem-wrapper .fem-label {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  color: var(--fem-text-muted);\r\n  margin-bottom: 6px;\r\n  display: block;\r\n  letter-spacing: 0.3px;\r\n}\r\n#fem-wrapper .fem-label .required {\r\n  color: #e53935;\r\n  margin-left: 3px;\r\n}\r\n\r\n#fem-wrapper .fem-input {\r\n  width: 100%;\r\n  padding: 13px 16px;\r\n  border-radius: 10px;\r\n  border: 1.5px solid var(--fem-input-border);\r\n  background: var(--fem-input-bg);\r\n  color: var(--fem-text-primary);\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 15px;\r\n  margin-bottom: 0 !important;\r\n  transition:\r\n    border-color 0.25s ease,\r\n    box-shadow  0.25s ease,\r\n    transform   0.15s ease;\r\n}\r\n#fem-wrapper .fem-input:focus {\r\n  outline: none;\r\n  border-color: var(--fem-accent);\r\n  box-shadow: 0 0 0 3px var(--fem-accent-glow);\r\n}\r\n#fem-wrapper .fem-input:hover {\r\n  border-color: var(--fem-accent);\r\n}\r\n#fem-wrapper .fem-input::placeholder {\r\n  color: #a0b0bf;\r\n}\r\n\r\n#fem-wrapper select.fem-input {\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%235a6a7a' fill='none' stroke-width='2'\/%3E%3C\/svg%3E\");\r\n  background-repeat: no-repeat;\r\n  background-position: right 16px center;\r\n  background-size: 12px;\r\n  padding-right: 42px;\r\n  cursor: pointer;\r\n}\r\n\r\n#fem-wrapper .fem-referrer-wrap {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n  margin-top: 4px;\r\n}\r\n#fem-wrapper .fem-referrer-wrap label {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  color: var(--fem-text-muted);\r\n}\r\n\r\n\/* ============================================================\r\n   FINAL CTA BUTTON\r\n   ============================================================ *\/\r\n#fem-wrapper .fem-final-btn {\r\n  margin-top: 28px;\r\n  width: 100%;\r\n  background: var(--fem-cta);\r\n  color: #fff;\r\n  padding: 16px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 17px;\r\n  font-weight: 500;\r\n  border-radius: 50px;\r\n  border: none;\r\n  cursor: pointer;\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 18px var(--fem-cta-glow);\r\n  transition:\r\n    transform  0.25s cubic-bezier(0.22, 1, 0.36, 1),\r\n    box-shadow 0.25s cubic-bezier(0.22, 1, 0.36, 1),\r\n    background 0.25s ease;\r\n}\r\n#fem-wrapper .fem-final-btn::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: -100%;\r\n  width: 60%; height: 100%;\r\n  background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,0.22) 50%, transparent 80%);\r\n  transition: left 0.5s ease;\r\n  pointer-events: none;\r\n}\r\n#fem-wrapper .fem-final-btn:hover::after { left: 140%; }\r\n#fem-wrapper .fem-final-btn:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 8px 28px var(--fem-cta-glow);\r\n}\r\n\r\n#fem-wrapper .fem-footer-note {\r\n  font-family: 'DM Sans', sans-serif;\r\n  text-align: center;\r\n  font-size: 12px !important;\r\n  color: var(--fem-text-muted) !important;\r\n  line-height: 1.5;\r\n  margin-top: 14px !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n\/* ============================================================\r\n   DONATION MODAL\r\n   ============================================================ *\/\r\n#fem-donation-overlay {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  background: rgba(0, 0, 0, 0.55);\r\n  z-index: 10000;\r\n  backdrop-filter: blur(3px);\r\n}\r\n#fem-donation-overlay.active {\r\n  display: block;\r\n}\r\n#fem-donation-modal {\r\n  position: fixed;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  background: #f4f7fa;\r\n  border-radius: 20px;\r\n  padding: 36px 32px 32px;\r\n  max-width: 660px;\r\n  width: calc(100% - 32px);\r\n  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.3);\r\n  animation: femModalIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards;\r\n  z-index: 10001;\r\n}\r\n#fem-donation-modal .fem-modal-close {\r\n  position: absolute;\r\n  top: 14px;\r\n  right: 18px;\r\n  width: 32px;\r\n  height: 32px;\r\n  border: 1.5px solid var(--fem-input-border);\r\n  border-radius: 6px;\r\n  background: #fff;\r\n  font-size: 16px;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--fem-text-muted);\r\n  transition: border-color 0.2s, color 0.2s;\r\n}\r\n#fem-donation-modal .fem-modal-close:hover {\r\n  border-color: var(--fem-accent);\r\n  color: var(--fem-text-primary);\r\n}\r\n#fem-donation-modal .fem-modal-title {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  color: var(--fem-text-primary);\r\n  margin-bottom: 16px;\r\n}\r\n#fem-donation-modal .fem-modal-body {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  color: var(--fem-text-primary);\r\n  margin-bottom: 28px;\r\n}\r\n#fem-donation-modal .fem-modal-donate-btn {\r\n  display: block;\r\n  width: 100%;\r\n  padding: 15px;\r\n  border-radius: 10px;\r\n  border: 1.5px solid var(--fem-text-primary);\r\n  background: transparent;\r\n  color: var(--fem-text-primary);\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  transition: background 0.2s, color 0.2s;\r\n}\r\n#fem-donation-modal .fem-modal-donate-btn {\r\n  background: var(--fem-cta);\r\n  color: #fff;\r\n  border: none;\r\n}\r\n\r\n\/* ============================================================\r\n   ASSETS SECTION\r\n   ============================================================ *\/\r\n#fem-wrapper .fem-assets-section {\r\n  padding: 0px 20px;\r\n  background: #000;\r\n}\r\n#fem-wrapper .fem-assets-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n  gap: 24px;\r\n}\r\n#fem-wrapper .fem-field-note {\r\n  display: block;\r\n  margin-top: 6px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 12px;\r\n  line-height: 1.4;\r\n  color: var(--fem-text-muted);\r\n}\r\n#fem-wrapper .fem-asset-card {\r\n  background: var(--fem-card-bg);\r\n  border: 1px solid var(--fem-card-border);\r\n  border-radius: 20px;\r\n  padding: 32px 28px;\r\n  color: var(--fem-text-primary);\r\n  opacity: 0;\r\n  animation: femCardReveal 0.6s cubic-bezier(0.22,1,0.36,1) forwards;\r\n  transition: transform 0.3s cubic-bezier(0.22,1,0.36,1),\r\n              box-shadow 0.3s ease;\r\n}\r\n#fem-wrapper .fem-asset-card:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 12px 36px rgba(0,0,0,0.15);\r\n}\r\n#fem-wrapper .fem-asset-card:nth-child(1) { animation-delay: 0.15s; }\r\n#fem-wrapper .fem-asset-card:nth-child(2) { animation-delay: 0.30s; }\r\n#fem-wrapper .fem-asset-card:nth-child(3) { animation-delay: 0.45s; }\r\n\r\n#fem-wrapper .fem-asset-card h3 {\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: 20px;\r\n  font-weight: 500;\r\n  font-style: italic;\r\n  color: var(--fem-text-primary);\r\n  margin-bottom: 10px;\r\n}\r\n#fem-wrapper .fem-asset-card p,\r\n#fem-wrapper .fem-asset-text {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  line-height: 1.65;\r\n  color: var(--fem-text-muted);\r\n  margin-bottom: 10px !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n#fem-wrapper .fem-asset-btn {\r\n  display: inline-block;\r\n  margin-top: 14px;\r\n  padding: 11px 24px;\r\n  border-radius: 50px;\r\n  background: var(--fem-cta);\r\n  color: #fff;\r\n  text-decoration: none;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  border: none;\r\n  cursor: pointer;\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: 0 3px 12px var(--fem-cta-glow);\r\n  transition:\r\n    transform  0.25s cubic-bezier(0.22,1,0.36,1),\r\n    box-shadow 0.25s ease;\r\n}\r\n#fem-wrapper .fem-asset-btn::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: -100%;\r\n  width: 60%; height: 100%;\r\n  background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,0.22) 50%, transparent 80%);\r\n  transition: left 0.45s ease;\r\n  pointer-events: none;\r\n}\r\n#fem-wrapper .fem-asset-btn:hover::after { left: 140%; }\r\n#fem-wrapper .fem-asset-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 20px var(--fem-cta-glow);\r\n}\r\n\r\n\/* ============================================================\r\n   INVITE CARD\r\n   ============================================================ *\/\r\n#fem-wrapper .fem-invite-card {\r\n  background: #f7f5f2;\r\n  border-color: rgba(59, 108, 255, 0.15);\r\n}\r\n#fem-wrapper .fem-invite-title {\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: 20px;\r\n  font-weight: 500;\r\n  font-style: italic;\r\n  margin-bottom: 16px;\r\n  color: var(--fem-text-primary);\r\n}\r\n#fem-wrapper .fem-invite-info {\r\n  border: 2px solid #3b6cff;\r\n  border-radius: 12px;\r\n  padding: 16px;\r\n  background: #faf8f5;\r\n  margin-bottom: 6px;\r\n}\r\n#fem-wrapper .fem-invite-info p,\r\n#fem-wrapper .info-invite-p {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px !important;\r\n  line-height: 1.65 !important;\r\n  color: var(--fem-text-primary) !important;\r\n  margin-bottom: 0 !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n#fem-wrapper .fem-invite-strong {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px !important;\r\n  font-weight: 600;\r\n  color: var(--fem-text-primary) !important;\r\n  margin-top: 14px !important;\r\n  line-height: 1.5 !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n#fem-wrapper .fem-invite-arrow {\r\n  width: 0; height: 0;\r\n  margin: 14px auto;\r\n  border-left:  14px solid transparent;\r\n  border-right: 14px solid transparent;\r\n  border-top:   16px solid #3b6cff;\r\n}\r\n#fem-wrapper .fem-invite-message-box {\r\n  border: 2px solid #3b6cff;\r\n  border-radius: 14px;\r\n  padding: 18px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px !important;\r\n  line-height: 1.6;\r\n  background: #fff;\r\n  color: var(--fem-text-primary);\r\n  text-align: left;\r\n}\r\n.fem-invite-hidden {\r\n  position: absolute;\r\n  left: -9999px;\r\n  opacity: 0;\r\n  width: 1px;\r\n  height: 1px;\r\n}\r\n\r\n.form-subheading  {\r\n\tfont-family: 'Playfair Display', Georgia, serif !important;\r\n}\r\n\r\n#fem-wrapper .fem-share-row {\r\n  display: flex;\r\n  gap: 16px;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-top: 10px;\r\n}\r\n#fem-wrapper .fem-share-icon {\r\n  cursor: pointer;\r\n  opacity: 0.55;\r\n  color: var(--fem-text-primary);\r\n  transition: opacity 0.2s ease, transform 0.2s ease;\r\n}\r\n#fem-wrapper .fem-share-icon:hover {\r\n  opacity: 1;\r\n  transform: scale(1.15);\r\n}\r\n\r\n#fem-wrapper .fem-copy-row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-end;\r\n  margin-top: 14px;\r\n}\r\n\r\n#fem-wrapper .fem-badge-detail-title {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: var(--fem-text-primary);\r\n  margin-bottom: 6px;\r\n}\r\n#fem-wrapper .fem-badge-detail-body {\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n  color: var(--fem-text-muted);\r\n  margin-bottom: 6px !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n#fem-wrapper .fem-badge-detail-body strong {\r\n  color: var(--fem-text-primary);\r\n}\r\n\r\n#fem-wrapper #femResetBtn {\r\n  display: none;\r\n}\r\n\r\n\/* ============================================================\r\n   RESPONSIVE\r\n   ============================================================ *\/\r\n@media (max-width: 768px) {\r\n  #fem-wrapper .fem-hero { min-height: 200px; }\r\n  #fem-wrapper .fem-content { padding: 0px 18px 30px; }\r\n  #fem-wrapper .fem-title { font-size: clamp(30px, 7vw, 42px) !important; }\r\n  #fem-wrapper .fem-pledge-section { margin-top: -32px; padding: 0 14px; }\r\n  #fem-wrapper .fem-pledge-card { padding: 30px; border-radius: 18px; margin-top: 0px; }\r\n  #fem-wrapper .fem-input-row { grid-template-columns: 1fr; }\r\n  #fem-wrapper .fem-final-btn { width: 100%; text-align: center; }\r\n  #fem-wrapper .fem-assets-section { padding: 0px 16px; }\r\n  #fem-wrapper .fem-assets-container { grid-template-columns: 1fr; }\r\n  #fem-donation-modal { padding: 28px 20px 24px; }\r\n}\r\n@media (max-width: 480px) {\r\n  #fem-wrapper .fem-eyebrow { font-size: 11px; letter-spacing: 2px; }\r\n  #fem-wrapper .fem-eyebrow::before,\r\n  #fem-wrapper .fem-eyebrow::after { width: 18px; }\r\n  #fem-wrapper .fem-title { font-size: 26px !important; }\r\n  #fem-wrapper .fem-lead { font-size: 15px !important; }\r\n  #fem-wrapper .fem-pledge-card h2 { font-size: 22px; }\r\n  #fem-wrapper .fem-pledge-strong { font-size: 14px !important; }\r\n  #fem-wrapper .fem-input { padding: 12px 14px; font-size: 14px; }\r\n  #fem-wrapper .fem-copy-row { flex-direction: column; gap: 10px; align-items: stretch; }\r\n  #fem-wrapper .fem-copy-row .fem-asset-btn { text-align: center; }\r\n}\r\n\t\t\r\n#fem-wrapper .fem-post-pledge-line {\r\n  max-width: 950px;\r\n  margin: 0 auto 42px;\r\n  text-align: center;\r\n  font-family: 'Playfair Display', Georgia, serif;\r\n  font-size: clamp(22px, 3vw, 28px);\r\n  font-style: italic;\r\n  font-weight: 500;\r\n  color: var(--fem-white);\r\n  line-height: 1.4;\r\n  opacity: 0;\r\n  animation: femFadeIn 0.7s ease forwards;\r\n}\r\n\t\t\r\n.card-title {\r\n  text-align: center !important;\r\n}\r\n\t\/* ============================================================\r\n   ALERT BANNERS\r\n   ============================================================ *\/\r\n.fem-alert {\r\n  position: fixed;\r\n  top: 60px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 9999;\r\n  padding: 18px 24px !important;\r\n  border-radius: 16px;\r\n  box-shadow: 0 8px 40px rgba(0,0,0,0.22);\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  text-align: center;\r\n  max-width: 420px;\r\n  width: calc(100% - 32px);\r\n  white-space: normal;\r\n  animation: femAlertSlide 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;\r\n}\r\n.fem-alert-success { background: #3a9d6e; color: #fff; }\r\n.fem-alert-error   { background: #e25555; color: #fff; }\r\n.fem-alert--fade   { animation: femAlertFade 0.4s ease forwards; }\r\n\r\n#fem-wrapper .fem-alert {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding: 20px 24px !important;\r\n  border-radius: 16px;\r\n}\r\n\r\n#fem-wrapper .fem-alert-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 12px;\r\n  width: 100%;\r\n}\r\n\r\n#fem-wrapper .fem-alert-content span {\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n  text-align: center;\r\n}\r\n\r\n#fem-wrapper .fem-alert-ok {\r\n  background: rgba(255,255,255,0.2);\r\n  color: #fff;\r\n  border: 1.5px solid rgba(255,255,255,0.5);\r\n  padding: 7px 28px;\r\n  border-radius: 999px;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n  transition: background 0.15s ease, transform 0.15s ease;\r\n}\r\n\r\n#fem-wrapper .fem-alert-ok:hover {\r\n  background: rgba(255,255,255,0.35);\r\n  transform: translateY(-1px);\r\n}\r\n    <\/style>\r\n\r\n<!-- \u2500\u2500\u2500 MARKUP \u2500\u2500\u2500 -->\r\n<div id=\"fem-wrapper\">\r\n\r\n  <!-- \u2500\u2500 Alerts \u2500\u2500 -->\r\n  \r\n  <!-- \u2500\u2500 Hero \u2500\u2500 -->\r\n  <section class=\"fem-hero\">\r\n    <img decoding=\"async\"\r\n      class=\"fem-bg-img\"\r\n      src=\"https:\/\/thefiniteearth.org\/wp-content\/uploads\/2026\/01\/Earth-scaled.png\"\r\n      alt=\"Banner\"\r\n    \/>\r\n    <div class=\"fem-overlay\"><\/div>\r\n    <div class=\"fem-content\">\r\n      <p class=\"fem-eyebrow fem-animate fem-animate--1\">Finite Earth Movement &amp; Us (FEM'Us)<\/p>\r\n      <h1 class=\"fem-title fem-animate fem-animate--2\">I live within Earth's limits.<\/h1>\r\n      <p class=\"fem-lead fem-animate fem-animate--3\"><\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<div id=\"femFormFields\">\r\n  <!-- \u2500\u2500 Pledge Form \u2500\u2500 -->\r\n  <form method=\"POST\" action=\"#fem-pledge\" id=\"femPledgeForm\">\r\n    <input type=\"hidden\" id=\"fem_nonce\" name=\"fem_nonce\" value=\"39be597e3b\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/hindi\/wp-json\/wp\/v2\/pages\/85\" \/>\r\n    <section class=\"fem-pledge-section fem-animate fem-animate--4\" id=\"fem-pledge\">\r\n      <div class=\"fem-pledge-card\">\r\n\r\n        <!-- Referral banner (conditional) -->\r\n        <!-- Step Label -->\r\n<div style=\"\r\n  display: inline-block;\r\n  background: #fff;\r\n  border: 1.5px solid #c8d6e0;\r\n  border-radius: 8px;\r\n  padding: 8px 20px;\r\n  font-family: 'DM Sans', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  color: #5a6a7a;\r\n  margin: 0 auto 18px;\r\n  text-align: center;\r\n  display: block;\r\n  width: fit-content;\r\n\">\r\n  Step 1 : Take the pledge\r\n<\/div>\r\n        <h2>FEM'Us Pledge of Finite Living<\/h2>\r\n\r\n        <p class=\"fem-pledge-strong form-subheading\" style=\"text-align:center;\">I recognize that Earth is finite.<\/p>\r\n        <p class=\"fem-pledge-strong form-subheading\" style=\"text-align:center;\">Just as fixed income demands limits on spending,<\/p>\r\n        <p class=\"fem-pledge-strong form-subheading\" style=\"text-align:center;\">A finite Earth demands limits on my consumption.<\/p>\r\n        <p class=\"fem-pledge-strong form-subheading\" style=\"text-align:center;\">I therefore choose to live within Earth's limits.<\/p>\r\n        <p class=\"fem-pledge-strong form-subheading\" style=\"text-align:center;\">I will begin by refusing to buy and wear new clothes for one year<\/p>\r\n        <p class=\"fem-pledge-strong form-subheading\" style=\"text-align:center;\">as a visible commitment to this truth.<\/p>\r\n        <p class=\"fem-pledge-strong form-subheading\" style=\"margin-bottom:18px;text-align:center;\">I take this pledge freely and proudly<\/p>\r\n        <p class=\"fem-pledge-strong form-subheading\" style=\"margin-bottom:18px;text-align:center;\">to leave behind a liveable planet for future generations.<\/p>\r\n\r\n        <div class=\"fem-divider\"><\/div>\r\n\r\n        <p class=\"fem-pledge-strong\" style=\"margin-bottom:14px;\">My first act of finite living:<\/p>\r\n\r\n        <!-- Commitment checkboxes -->\r\n        <div class=\"fem-checkbox\">\r\n          <input type=\"checkbox\" id=\"femCommitCheckClothes\" required \/>\r\n          <p>\r\n            <span class=\"fem-required-star\">*<\/span>\r\n            I commit to not buy or wear <strong>any new clothes<\/strong> for the next 12 months.\r\n          <\/p>\r\n        <\/div>\r\n\t\t<div class=\"fem-checkbox\" id=\"femDonationCheckboxWrap\">\r\n          <input type=\"checkbox\" id=\"femCommitCheckDonation\" \/>\r\n          <p>\r\n            <span class=\"fem-required-star\">*<\/span>\r\n            I am ready to donate <strong>Rs. 51<\/strong> or more to support and spread the movement.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"fem-checkbox\">\r\n          <input type=\"checkbox\" id=\"femCommitCheck2\" name=\"fem_volunteer_spread\" value=\"1\" \/>\r\n          <p>\r\n            I would like to Volunteer and Spread\r\n            <span style=\"color: var(--fem-text-muted);\">(optional)<\/span>\r\n          <\/p>\r\n      <\/div>\r\n\r\n<!-- Last Checkbox -->\r\n<div class=\"fem-checkbox\">\r\n  <input type=\"checkbox\" id=\"femCommitOrg\" name=\"fem_is_organization\" value=\"1\" \/>\r\n  <p>\r\n    We are an organization\r\n    <span style=\"color: var(--fem-text-muted);\">(optional)<\/span>\r\n\r\n    <!-- Info Button -->\r\n    <button type=\"button\" onclick=\"toggleInfo()\" \r\n      style=\"margin-left:6px; border:none; background:#eee; border-radius:50%; width:18px; height:18px; cursor:pointer;\">\r\n      i\r\n    <\/button>\r\n  <\/p>\r\n<\/div>\r\n\r\n<!-- Hidden Info Text -->\r\n<div id=\"femOrgInfoBox\" \r\n     style=\"display:none; font-size:13px; color:var(--fem-text-muted); margin-top:6px;\">\r\n  \r\n  Enter your organization\u2019s name in the <strong>Name<\/strong> field. After successfully submitting your pledge, you\u2019ll receive a unique <strong>FEM\u2019US code<\/strong> (the first 5 letters of your name plus 3 random numbers). Please share this code with your organization or community to inspire finite living. Use the code to \r\n  <a href=\"https:\/\/thefiniteearth.org\/know-your-spread\/\" target=\"_blank\" style=\"color:#2a7ae2;\">\r\n    track your organization\u2019s impact\r\n  <\/a>.\r\n<\/div>\r\n\r\n<!-- Script -->\r\n<script>\r\nfunction toggleInfo() {\r\n  var box = document.getElementById(\"femOrgInfoBox\");\r\n  box.style.display = (box.style.display === \"none\") ? \"block\" : \"none\";\r\n}\r\n<\/script>\r\n\r\n        <!-- Input grid -->\r\n        <div class=\"fem-input-row\" style=\"margin-top:20px;\">\r\n          <div class=\"fem-field\">\r\n            <label class=\"fem-label\">\r\n              Name <span class=\"required\">*<\/span>\r\n            <\/label>\r\n            <input\r\n              type=\"text\"\r\n              name=\"fem_name\"\r\n              class=\"fem-input\"\r\n              required\r\n              placeholder=\"Enter your name in English\"\r\n            \/>\r\n            <small class=\"fem-field-note\">\r\n              Please enter your name in <strong>English<\/strong>.\r\n            <\/small>\r\n          <\/div>\r\n          <div class=\"fem-field\">\r\n            <label class=\"fem-label\">Email<\/label>\r\n            <input type=\"email\" name=\"fem_email\" class=\"fem-input\" \/>\r\n          <\/div>\r\n          <div class=\"fem-field\">\r\n            <label class=\"fem-label\">Phone No. <span class=\"required\">*<\/span><\/label>\r\n            <input\r\n              type=\"tel\"\r\n              name=\"fem_phone\"\r\n              class=\"fem-input\"\r\n              required\r\n              inputmode=\"tel\"\r\n            \/>\r\n          <\/div>\r\n\t\t  <div class=\"fem-field\">\r\n            <label class=\"fem-label\">City <span class=\"required\">*<\/span><\/label>\r\n            <input type=\"text\" name=\"fem_city\" class=\"fem-input\" required \/>\r\n          <\/div>\r\n\t\t\t<div class=\"fem-field fem-field-full\" id=\"femDonationAmountWrap\">\r\n\t\t\t  <label class=\"fem-label\">\r\n\t\t\t\tDonation Amount <span class=\"required\">*<\/span>\r\n\t\t\t  <\/label>\r\n\t\t\t  <input\r\n\t\t\t\ttype=\"number\"\r\n\t\t\t\tname=\"fem_donation_amount\"\r\n\t\t\t\tclass=\"fem-input\"\r\n\t\t\t\tmin=\"51\"\r\n\t\t\t\tstep=\"1\"\r\n\t\t\t\tvalue=\"51\"\r\n\t\t\t\tplaceholder=\"Minimum Rs. 51\"\r\n\t\t\t  \/>\r\n\t\t\t  <small class=\"fem-field-note\">\r\n\t\t\t\tMinimum donation is <strong>Rs. 51<\/strong>. You can donate more if you want.\r\n\t\t\t  <\/small>\r\n\t\t\t<\/div>\r\n\r\n          <div class=\"fem-field fem-field-full\">\r\n            <label class=\"fem-label\">Country <span class=\"required\">*<\/span><\/label>\r\n            <select name=\"fem_country\" class=\"fem-input\" id=\"fem-country\" required>\r\n              <option value=\"\">Loading countries\u2026<\/option>\r\n            <\/select>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"fem-divider\"><\/div>\r\n\r\n        <!-- Referrer code -->\r\n        <div class=\"fem-referrer-wrap\">\r\n          <label>If someone invited you, enter their code here<\/label>\r\n          <input\r\n            type=\"text\"\r\n            name=\"fem_referrer\"\r\n            class=\"fem-input\"\r\n            placeholder=\"FEM'Us Code (optional)\"\r\n            value=\"\"\r\n          \/>\r\n        <\/div>\r\n\r\n        <!-- Final CTA -->\r\n        <div style=\"display:flex; justify-content:center;\">\r\n          <button\r\n            type=\"submit\"\r\n            name=\"fem_submit_action\"\r\n            value=\"1\"\r\n            class=\"fem-final-btn\"\r\n            id=\"femFinalPledgeBtn\"\r\n          >\r\n            I donate & take the FEM'Us pledge\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <p class=\"fem-footer-note\">\r\n          By clicking, I pledge to live within Earth's limits for one year.\r\n          I also acknowledge that my example may be used by the Foundation for inspiration and educational purposes.\r\n        <\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Hidden seal status \u2014 always skipped -->\r\n    <input type=\"hidden\" name=\"fem_seal_status\" id=\"fem_seal_status\" value=\"skipped\" \/>\r\n  <\/form>\r\n<\/div><!-- #femFormFields -->\r\n\r\n  <!-- \u2500\u2500 Post-pledge assets \u2500\u2500 -->\r\n  <section class=\"fem-assets-section\" id=\"femAssetsSection\" style=\"display:none;\">\r\n    <p id=\"fem-post-pledge-line\" class=\"fem-post-pledge-line\" style=\"display:none;\">\r\n      By becoming FEM'Us, you join a worldwide tribe living within and honoring Earth's limits. Find your unique code, pledge certificate and badge information below to spread the Finite Earth Movement. <br><br>\r\n<span style=\"color: rgba(255,255,255,0.75); font-size: 16px; font-family: 'DM Sans', sans-serif; font-weight: 400;\">Step 2 & 3 \u2014 Get your FEM'Us Code & Inspire Others<\/span>\r\n    <\/p>\r\n\r\n    <div class=\"fem-assets-container\">\r\n\r\n      <!-- INVITE CARD -->\r\n      <div class=\"fem-asset-card fem-invite-card\">\r\n        <h3 class=\"fem-invite-title card-title\">Invite Others-Grow Movement<\/h3>\r\n\r\n        <div class=\"fem-invite-info\">\r\n          <p class=\"info-invite-p\">\r\n            Check below your FEM\u2019US unique code and link. Copy and Share it with your circle to invite others. When 5 people join through your code, together you\u2019ll save 1 lakh liters of water, 100 kg of CO\u2082, and 10 kg of chemicals. \r\n          <\/p>\r\n          <p class=\"fem-invite-strong\">\r\n            With your FEM\u2019US code, you can also track how many people have joined through you.<a href=\"\/know-your-spread\/\"> (Step-4) Click to See Your Impact<\/a>\r\n          <\/p>\r\n        <\/div>\r\n\t    <div class=\"fem-copy-row\">\r\n          <button class=\"fem-asset-btn\" onclick=\"copyInvite()\">Copy Message<\/button>\r\n          <button class=\"fem-asset-btn\" onclick=\"copyReferralLink()\">Copy Referral Link<\/button>\r\n        <\/div>\r\n        <div class=\"fem-invite-arrow\"><\/div>\r\n\r\n        <div class=\"fem-invite-message-box\" data-invite-box>\r\n          I just became FEM'Us \u2014 someone who lives within Earth's limits.<br \/><br \/>\r\n          I've taken the FEM'Us Pledge of Finite Living and committed to not\r\n          buying any new clothes for one year as my first step toward\r\n          climate correction.<br \/><br \/>\r\n          If you feel the same concern for our planet, I invite you to take\r\n          this pledge too.<br \/><br \/>\r\n          <strong>Take the pledge here:<\/strong><br \/>\r\n          https:\/\/thefiniteearth.org\/pledge?ref=<br \/><br \/>\r\n          <strong>Use my FEM'Us code when you join:<\/strong><br \/>\r\n                  <\/div>\r\n\r\n        <textarea id=\"femReferralLinkText\" class=\"fem-invite-hidden\" readonly data-ref-link>https:\/\/thefiniteearth.org\/pledge?ref=<\/textarea>\r\n        <textarea id=\"femInviteText\" class=\"fem-invite-hidden\" readonly data-invite-text>I just became FEM'Us \u2014 someone who lives within Earth's limits.\r\n\r\nI've taken the FEM'Us Pledge of Finite Living and committed to not buy or wear any new clothes for one year as my first step toward climate correction.\r\n\r\nIf you feel the same concern for our planet, I invite you to take this pledge too.\r\n\r\nTake the pledge here:\r\nhttps:\/\/thefiniteearth.org\/pledge?ref=\r\nUse my FEM'Us code when you join:\r\n<\/textarea>\r\n\r\n        <p style=\"text-align:center; font-size:12px; color:var(--fem-text-muted); margin-top:16px;\">Share with others<\/p>\r\n\r\n        <div class=\"fem-share-row\">\r\n          <span class=\"fem-share-icon\" onclick=\"shareWhatsApp()\" title=\"Share on WhatsApp\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n              <path d=\"M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"fem-share-icon\" onclick=\"shareLinkedIn()\" title=\"Share on LinkedIn\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n              <path d=\"M4.98 3.5A2.5 2.5 0 105 8.5a2.5 2.5 0 00-.02-5zM3 21h4V9H3v12zm7-12h3.8v1.7h.05c.53-1 1.83-2.05 3.77-2.05 4.03 0 4.78 2.65 4.78 6.1V21h-4v-5.6c0-1.34-.03-3.06-1.87-3.06-1.87 0-2.16 1.46-2.16 2.96V21H10V9z\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"fem-share-icon\" onclick=\"shareInstagram()\" title=\"Share on Instagram\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" ry=\"5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <circle cx=\"17\" cy=\"7\" r=\"1.2\" fill=\"currentColor\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/div>\r\n        <\/div> \r\n\r\n      <!-- CERTIFICATE CARD -->\r\n      <div class=\"fem-asset-card\">\r\n       <div style=\"display:flex; flex-direction:column; height:100%;\">\r\n\r\n  <h3 class=\"card-title\">Download Digital FEM'Us pledge Certificate<\/h3>\r\n\r\n\r\n  <p class=\"fem-asset-text\">\r\n    This certificate is awarded in faith that you will abide by the pledge and refrain from buying or wearing new clothes for one year.\r\n  <\/p>\r\n\r\n  <p class=\"fem-asset-text\">\r\n    Your pledge, <strong>Sankalpa<\/strong>, is strong and inspiring. May nature bless you and return your kindness with love.\r\n  <\/p>\r\n\r\n\t\t   \r\n  <!-- \ud83d\udd3c MOVED BUTTON TO TOP -->\r\n  <div style=\"margin:16px 0 20px; display:flex; justify-content:center;\">\r\n    <a\r\n      href=\"?fem_action=download_cert&code=\"\r\n      class=\"fem-asset-btn\"\r\n      data-cert-btn\r\n      target=\"_blank\"\r\n    >\r\n      Download Your Pledge\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <div class=\"fem-certificate-preview\" style=\"border-radius:10px; overflow:hidden; border:1px solid var(--fem-card-border); margin-top:12px;\">\r\n    <img decoding=\"async\"\r\n      src=\"http:\/\/thefiniteearth.org\/wp-content\/uploads\/2026\/04\/Hindi-Pledge.png\"\r\n      width=\"100%\"\r\n      alt=\"Certificate Preview\"\r\n    \/>\r\n  <\/div>\r\n\r\n<\/div>\r\n      <\/div>\r\n\r\n      <!-- BADGE CARD -->\r\n      <div class=\"fem-asset-card\">\r\n        <h3 class=\"card-title\">Get your FEM\u2019Us Badge of Finite Living<\/h3>\r\n        <p class=\"fem-asset-text\">\r\n        <p class=\"fem-badge-detail-title\">FEM\u2019Us badge is a mark of pride and honor. Those who take pledge and spread Finite Living in person gets a badge.<\/p> \r\n\r\n\t\t\r\n        <p class=\"fem-badge-detail-body\">\r\nIf <strong>5 people<\/strong> take the pledge through you, we will send you physical badge, FREE of cost. \r\nOnce 5 people, serious to abide of the pledge, have joined through you, send your address along with your FEM'Us code to <strong>femus@energyswaraj.org<\/strong>, and we will courier your badge to you.\r\n        <\/p>\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/thefiniteearth.org\/wp-content\/uploads\/2026\/02\/badge-1.png\"\r\n          alt=\"FEM'Us Badge\"\r\n          style=\"max-width:160px; margin:0 auto 20px; display:block;\"\r\n        \/>\r\n            \r\n        <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Register again -->\r\n  <div style=\"text-align:center; margin-top:20px; padding-bottom:60px;\">\r\n    <button type=\"button\" id=\"femResetBtn\" class=\"fem-btn fem-btn-gray\" style=\"\r\n      font-family: 'DM Sans', sans-serif;\r\n      padding: 13px 28px;\r\n      border-radius: 50px;\r\n      font-size: 15px;\r\n      font-weight: 500;\r\n      background: #8899a6;\r\n      color: #fff;\r\n      border: none;\r\n      cursor: pointer;\r\n    \">Register again<\/button>\r\n  <\/div>\r\n\r\n  <!-- \u2500\u2500 Donation Modal \u2500\u2500 -->\r\n  <div id=\"fem-donation-overlay\">\r\n    <div id=\"fem-donation-modal\">\r\n      <!-- <button class=\"fem-modal-close\" onclick=\"femCloseDonationModal()\" aria-label=\"Close\">&#x2715;<\/button> -->\r\n      <p class=\"fem-modal-title\" style=\"font-weight:700 !important;\">Spread Finite Living<\/p>\r\n      <p class=\"fem-modal-body\">\r\n        Every good initiative begins with an offering. Donate Rs. 51 or generously to spread the movement. Your offering helps expand the Finite Earth Movement and inspire more people to adopt Finite Living.\r\n      <\/p>\r\n      <a\r\n        href=\"https:\/\/pages.razorpay.com\/pledgeFEM\"\r\n        class=\"fem-modal-donate-btn\"\r\n        id=\"femDonateNowBtn\"\r\n      >\r\n        Donate Now\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div><!-- #fem-wrapper -->\r\n\r\n<!-- <script>\r\n\/* =========================\r\n   DONATION MODAL\r\n========================= *\/\r\n\r\nShow modal 1.5s after successful pledge \u2014 driven purely by pledge_success param\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const urlParams = new URLSearchParams(window.location.search);\r\n\r\n  const hasPledgeSuccess = urlParams.has('pledge_success');\r\n  const hasPopTrue = urlParams.get('pop') === 'true';\r\n\r\n  if (!hasPledgeSuccess && !hasPopTrue) return;\r\n\r\n  \/\/ Read phone & email (may be empty if not passed)\r\n  const phone = urlParams.get('fem_ph') || '';\r\n  const email = urlParams.get('fem_em') || 'placeholder@gmail.com';\r\n\r\n  \/\/ Strip the trigger params from URL immediately so refresh won't retrigger\r\n  urlParams.delete('pledge_success');\r\n  urlParams.delete('fem_ph');\r\n  urlParams.delete('fem_em');\r\n  const newSearch = urlParams.toString();\r\n  const newUrl = window.location.pathname + (newSearch ? '?' + newSearch : '');\r\n  history.replaceState(null, '', newUrl);\r\n\r\n  \/\/ Build pre-filled Razorpay URL\r\n  const razorpayBase = 'https:\/\/pages.razorpay.com\/pledgeFEM';\r\n  const razorpayUrl  = razorpayBase + '?phone=' + encodeURIComponent(phone) + '&email=' + encodeURIComponent(email);\r\n\r\n  setTimeout(function () {\r\n    const overlay = document.getElementById('fem-donation-overlay');\r\n    if (overlay) overlay.classList.add('active');\r\n\r\n    const donateBtn = document.getElementById('femDonateNowBtn');\r\n    if (donateBtn) {\r\n      donateBtn.href = razorpayUrl;\r\n      donateBtn.removeAttribute('target');\r\n    }\r\n  }, 500);\r\n});\r\n\r\nfunction femCloseDonationModal() {\r\n  document.getElementById('fem-donation-overlay').classList.remove('active');\r\n}\r\n\r\n\/\/ Close modal if overlay background is clicked\r\n\/\/document.addEventListener('DOMContentLoaded', function () {\r\n\/\/  document.getElementById('fem-donation-overlay').addEventListener('click', function (e) {\r\n\/\/    if (e.target === this) femCloseDonationModal();\r\n\/\/  });\r\n\/\/});\r\n<\/script>\r\n -->\r\n<script>\r\n\/* Country dropdown *\/\r\nfetch(\"https:\/\/restcountries.com\/v3.1\/all?fields=name\")\r\n  .then(res => res.json())\r\n  .then(data => {\r\n    const select = document.getElementById(\"fem-country\");\r\n    data.sort((a, b) => a.name.common.localeCompare(b.name.common));\r\n    select.innerHTML = '<option value=\"\">Select country<\/option>';\r\n    data.forEach(c => {\r\n      const opt = document.createElement(\"option\");\r\n      opt.value = c.name.common;\r\n      opt.textContent = c.name.common;\r\n      if (c.name.common === \"India\") opt.selected = true;\r\n      select.appendChild(opt);\r\n    });\r\n    if (typeof femUpdateCountryRules === 'function') femUpdateCountryRules();\r\n  });\r\n<\/script>\r\n\r\n<script>\r\n\/* Copy helpers *\/\r\nfunction copyInvite() {\r\n  const copyText = document.getElementById(\"femInviteText\");\r\n  if (!copyText) return;\r\n  copyText.select();\r\n  copyText.setSelectionRange(0, 99999);\r\n  navigator.clipboard.writeText(copyText.value)\r\n    .then(() => alert(\"Invite message with your code () copied to clipboard!\"))\r\n    .catch(() => { document.execCommand(\"copy\"); alert(\"Message copied!\"); });\r\n}\r\n\r\nfunction copyReferralLink() {\r\n  const linkText = document.getElementById(\"femReferralLinkText\");\r\n  if (!linkText) return;\r\n  linkText.select();\r\n  linkText.setSelectionRange(0, 99999);\r\n  navigator.clipboard.writeText(linkText.value)\r\n    .then(() => alert(\"Your referral link has been copied!\"))\r\n    .catch(() => { document.execCommand(\"copy\"); alert(\"Referral link copied!\"); });\r\n}\r\n<\/script>\r\n\r\n<!---\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  if (window.location.search.includes('pledge_success')) return;\r\n  const stored = localStorage.getItem('femus_submission');\r\n  if (!stored) return;\r\n  const data = JSON.parse(stored);\r\n  if (!data.submitted || !data.ucode) return;\r\n\r\n  const alertEl = document.createElement('div');\r\n  alertEl.className = 'fem-alert fem-alert-success';\r\n  alertEl.setAttribute('data-manual-dismiss', '1'); \r\n\r\n  alertEl.style.cssText = `\r\n    position: fixed;\r\n    top: 60px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 9999;\r\n    background: #3a9d6e;\r\n    color: #fff;\r\n    border-radius: 16px;\r\n    box-shadow: 0 8px 40px rgba(0,0,0,0.22);\r\n    padding: 20px 24px;\r\n    max-width: 380px;\r\n    width: calc(100% - 32px);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 14px;\r\n    font-family: 'DM Sans', sans-serif;\r\n    text-align: center;\r\n  `;\r\n  alertEl.innerHTML = `\r\n    <span style=\"font-size:14px; line-height:1.6; font-weight:500;\">\r\n      You've chosen to live within limits.<br>\r\n      Now invite 5 others \u2014 because we are together in the problem and the solution.\r\n    <\/span>\r\n    <button class=\"fem-alert-ok\" style=\"\r\n      background: rgba(255,255,255,0.2);\r\n      color: #fff;\r\n      border: 1.5px solid rgba(255,255,255,0.6);\r\n      padding: 7px 32px;\r\n      border-radius: 999px;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      font-family: 'DM Sans', sans-serif;\r\n    \">OK<\/button>\r\n`;\r\n  document.body.appendChild(alertEl);\r\n\r\n  alertEl.querySelector('.fem-alert-ok').addEventListener('click', function () {\r\n\talertEl.remove();\r\n  });\r\n\r\n  const assets = document.querySelector('.fem-assets-section');\r\n  if (assets) {\r\n    setTimeout(() => { assets.scrollIntoView({ behavior: 'smooth' }); }, 800);\r\n  }\r\n});\r\n<\/script>\r\n--->\r\n\r\n<script>\r\n\/* Cert button fix on return visit *\/\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const stored = localStorage.getItem('femus_submission');\r\n  if (!stored) return;\r\n  const data = JSON.parse(stored);\r\n  if (!data.ucode) return;\r\n  const certBtn = document.querySelector('[data-cert-btn]');\r\n  if (certBtn) certBtn.href = `?fem_action=download_cert&code=${data.ucode}`;\r\n});\r\n<\/script>\r\n\r\n<script>\r\n\/* Show \/ hide assets section *\/\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const assets = document.getElementById('femAssetsSection');\r\n  const line   = document.getElementById('fem-post-pledge-line');\r\n  if (!assets || !line) return;\r\n\r\n  if (window.location.search.includes('pledge_success')) {\r\n    assets.style.display = 'block';\r\n    line.style.display   = 'block';\r\n    return;\r\n  }\r\n\r\n  const stored = localStorage.getItem('femus_submission');\r\n  if (!stored) return;\r\n  const data = JSON.parse(stored);\r\n  if (!data.submitted || !data.ucode) return;\r\n\r\n  assets.style.display = 'block';\r\n  line.style.display   = 'block';\r\n\r\n  const certBtn = document.querySelector('[data-cert-btn]');\r\n  if (certBtn) certBtn.href = `?fem_action=download_cert&code=${data.ucode}`;\r\n});\r\n<\/script>\r\n\r\n<script>\r\n\/* Invite card text fix on return visit *\/\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  if (window.location.search.includes('pledge_success')) return;\r\n  const stored = localStorage.getItem('femus_submission');\r\n  if (!stored) return;\r\n  const data = JSON.parse(stored);\r\n  if (!data.ucode) return;\r\n\r\n  const refUrl = `https:\/\/thefiniteearth.org\/pledge?ref=${data.ucode}`;\r\n\r\n  const inviteBox = document.querySelector('[data-invite-box]');\r\n  if (inviteBox) {\r\n  console.log('INVITE BOX HTML:', inviteBox.innerHTML);\r\n  inviteBox.innerHTML = inviteBox.innerHTML\r\n    .replace(\r\n      \/https:\\\/\\\/thefiniteearth\\.org\\\/pledge\\?ref=[^\\s<]*\/g,\r\n      refUrl\r\n    )\r\n    .replace(\r\n      \/(<strong>Use my FEM'Us code when you join:<\\\/strong><br>)\\s*\/g,\r\n      `$1\\n          ${data.ucode}`\r\n    )\r\n\t.replace(\r\n\t  \/(\u091c\u092c \u0906\u092a \u091c\u0941\u0921\u093c\u0947\u0902[^<]*<\\\/strong><br>)\\s*\/g,\r\n\t  `$1\\n          ${data.ucode}`\r\n\t);\r\n  }\r\n\r\n  const femInviteText = document.querySelector('[data-invite-text]');\r\n  if (femInviteText) {\r\n    femInviteText.value =\r\n`I just became FEM'Us \u2014 someone who lives within Earth's limits.\r\n\r\nI've taken the FEM'Us Pledge of Finite Living and committed to not buying any new clothes for one year as my first step toward climate correction.\r\n\r\nIf you feel the same concern for our planet, I invite you to take this pledge too.\r\n\r\nTake the pledge here:\r\n${refUrl}\r\n\r\nUse my FEM'Us code when you join:\r\n${data.ucode}`;\r\n  }\r\n\r\n  const refLink = document.querySelector('[data-ref-link]');\r\n  if (refLink) refLink.value = refUrl;\r\n});\r\n<\/script>\r\n\r\n<script>\r\n\/* Social share functions *\/\r\nfunction getInviteData() {\r\n  const stored = localStorage.getItem('femus_submission');\r\n  if (!stored) return null;\r\n  const data = JSON.parse(stored);\r\n  if (!data.ucode) return null;\r\n  const refUrl = `https:\/\/thefiniteearth.org\/pledge?ref=${data.ucode}`;\r\n  const message =\r\n`I just became FEM'Us \u2014 someone who lives within Earth's limits.\r\n\r\nI've taken the FEM'Us Pledge of Finite Living and committed to not buy or wear any new clothes for one year as my first step toward climate correction.\r\n\r\nIf you feel the same concern for our planet, I invite you to take this pledge too.\r\n\r\nTake the pledge here:\r\n${refUrl}\r\n\r\nUse my FEM'Us code when you join:\r\n${data.ucode}`;\r\n  return { message, refUrl };\r\n}\r\n\r\nfunction shareWhatsApp() {\r\n  const data = getInviteData();\r\n  if (!data) return alert('Unable to load invite message.');\r\n  window.open('https:\/\/wa.me\/?text=' + encodeURIComponent(data.message), '_blank');\r\n}\r\n\r\nfunction shareLinkedIn() {\r\n  const data = getInviteData();\r\n  if (!data) return alert('Unable to load invite message.');\r\n  window.open('https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=' + encodeURIComponent(data.refUrl), '_blank');\r\n}\r\n\r\nfunction shareInstagram() {\r\n  const data = getInviteData();\r\n  if (!data) return alert('Unable to load invite message.');\r\n  navigator.clipboard.writeText(data.message).then(() => {\r\n    alert('Invite message copied. Paste it on Instagram.');\r\n    window.open('https:\/\/www.instagram.com\/', '_blank');\r\n  }).catch(() => alert('Copy failed. Please copy manually.'));\r\n}\r\n<\/script>\r\n\r\n<script>\r\n\/* Auto-dismiss alerts after 5s \u2014 skip ones that require manual dismiss *\/\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  document.querySelectorAll('.fem-alert:not([data-manual-dismiss])').forEach(alertEl => {\r\n    setTimeout(() => {\r\n      alertEl.classList.add('fem-alert--fade');\r\n      setTimeout(() => alertEl.remove(), 400);\r\n    }, 5000);\r\n  });\r\n});\r\n<\/script>\r\n\r\n<script>\r\n\/* Hide form \/ show reset btn on return visit *\/\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const stored     = localStorage.getItem('femus_submission');\r\n  const formFields = document.getElementById('femFormFields');\r\n  const resetBtn   = document.getElementById('femResetBtn');\r\n  const femTitle   = document.querySelector('.fem-title');\r\n  const femEyebrow = document.querySelector('.fem-eyebrow');\r\n\r\n  if (stored || window.location.search.includes('pledge_success')) {\r\n    if (formFields) formFields.style.display = 'none';\r\n    if (resetBtn)   resetBtn.style.display   = 'inline-block';\r\n    if (femEyebrow) femEyebrow.style.display  = 'none';\r\n\r\n    let name = '';\r\n    try {\r\n      const data = JSON.parse(stored);\r\n      if (data && data.name) name = data.name;\r\n    } catch (e) {}\r\n\r\n    if (!name) {\r\n      const nameInput = document.querySelector('input[name=\"fem_name\"]');\r\n      if (nameInput && nameInput.value.trim()) name = nameInput.value.trim();\r\n    }\r\n\r\n    if (name && femTitle) {\r\n      femTitle.innerHTML = `Thank you <span>${name}<\/span>, for becoming FEM'Us and choosing to live within Earth's limit.`;\r\n    }\r\n  }\r\n\r\nif (resetBtn) {\r\n  resetBtn.addEventListener('click', function () {\r\n    const proceed = confirm(\r\n      \"Clicking OK will restart registration.\\n\\n\" +\r\n      \"Download your certificate and save your referral code before continuing.\\n\\n\" +\r\n      \"Proceed? Press Cancel if unsure.\"\r\n    );\r\n\r\n    if (!proceed) {\r\n      return;\r\n    }\r\n\r\n    localStorage.removeItem('femus_support_choice');\r\n    localStorage.removeItem('femus_submission');\r\n    localStorage.removeItem('femus_form_data');\r\n    localStorage.removeItem('redirect_to_payment');\r\n\tlocalStorage.removeItem('femus_pending_payment');\r\n    window.location.href = window.location.pathname;\r\n  });\r\n}\r\n});\r\n<\/script>\r\n\r\n<script src=\"https:\/\/checkout.razorpay.com\/v1\/checkout.js\"><\/script>\r\n<script>\r\nconst femRazorpayConfig = {\r\n  ajaxUrl: \"https:\/\/thefiniteearth.org\/wp-admin\/admin-ajax.php\",\r\n  nonce: \"fc0dc12009\"\r\n};\r\n\r\nfunction femIsIndiaCountry(country) {\r\n  const normalized = String(country || '').trim().toLowerCase().replace(\/\\s+\/g, ' ');\r\n  return ['india', 'in', 'ind', 'bharat'].includes(normalized);\r\n}\r\n\r\nfunction femUpdateCountryRules() {\r\n  const countrySelect = document.querySelector(\"select[name='fem_country']\");\r\n  const donationInput = document.querySelector(\"input[name='fem_donation_amount']\");\r\n  const donationCheckbox = document.getElementById('femCommitCheckDonation');\r\n  const donationAmountWrap = document.getElementById('femDonationAmountWrap');\r\n  const donationCheckboxWrap = document.getElementById('femDonationCheckboxWrap');\r\n  const submitBtn = document.getElementById('femFinalPledgeBtn');\r\n  const isIndia = femIsIndiaCountry(countrySelect ? countrySelect.value : '');\r\n\r\n  if (donationInput) {\r\n    if (isIndia) {\r\n      donationInput.setAttribute('required', 'required');\r\n      donationInput.setAttribute('min', '51');\r\n      if (!donationInput.value) donationInput.value = '51';\r\n    } else {\r\n      donationInput.removeAttribute('required');\r\n      donationInput.value = '';\r\n    }\r\n  }\r\n\r\n  if (donationCheckbox) {\r\n    if (isIndia) {\r\n      donationCheckbox.setAttribute('required', 'required');\r\n    } else {\r\n      donationCheckbox.removeAttribute('required');\r\n      donationCheckbox.checked = false;\r\n    }\r\n  }\r\n\r\n  if (donationAmountWrap) {\r\n    donationAmountWrap.style.display = isIndia ? '' : 'none';\r\n  }\r\n\r\n  if (donationCheckboxWrap) {\r\n    donationCheckboxWrap.style.display = isIndia ? '' : 'none';\r\n  }\r\n\r\n  if (submitBtn && submitBtn.dataset.submitting !== '1') {\r\n    submitBtn.textContent = isIndia ? \"I donate & take the FEM'Us pledge\" : \"Take the FEM'Us pledge\";\r\n  }\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const countrySelect = document.querySelector(\"select[name='fem_country']\");\r\n  if (countrySelect) {\r\n    countrySelect.addEventListener('change', femUpdateCountryRules);\r\n    femUpdateCountryRules();\r\n  }\r\n});\r\n\r\nfunction femShowPaymentError(message, extra) {\r\n  console.error('[FEM Razorpay Error]', message, extra || '');\r\n\r\n  let finalMessage = message || 'Payment failed. Please try again.';\r\n\r\n  if (extra && extra.debug) {\r\n    finalMessage += '\\n\\nDebug:\\n' + JSON.stringify(extra.debug, null, 2);\r\n  }\r\n\r\n  alert(finalMessage);\r\n}\r\n\r\nfunction femSetButtonLoading(isLoading, text) {\r\n  const btn = document.getElementById('femFinalPledgeBtn');\r\n  if (!btn) return;\r\n\r\n  if (isLoading) {\r\n    btn.dataset.submitting = '1';\r\n    btn.disabled = true;\r\n    btn.style.opacity = '0.6';\r\n    btn.style.cursor = 'not-allowed';\r\n    btn.textContent = text || 'Please wait\u2026';\r\n  } else {\r\n    btn.dataset.submitting = '0';\r\n    btn.disabled = false;\r\n    btn.style.opacity = '1';\r\n    btn.style.cursor = 'pointer';\r\n    const countrySelect = document.querySelector(\"select[name='fem_country']\");\r\n    const isIndia = femIsIndiaCountry(countrySelect ? countrySelect.value : '');\r\n    btn.textContent = isIndia ? \"I donate & take the FEM'Us pledge\" : \"Take the FEM'Us pledge\";\r\n  }\r\n}\r\n\r\nfunction femAjaxPost(params) {\r\n  const body = params instanceof FormData ? params : new URLSearchParams(params);\r\n\r\n  return fetch(femRazorpayConfig.ajaxUrl, {\r\n    method: 'POST',\r\n    credentials: 'same-origin',\r\n    body: body\r\n  })\r\n  .then(function (response) {\r\n    return response.text().then(function (text) {\r\n      console.log('[FEM AJAX Raw Response]', {\r\n        status: response.status,\r\n        statusText: response.statusText,\r\n        body: text\r\n      });\r\n\r\n      if (text.trim() === '0') {\r\n        throw new Error('WordPress AJAX action not found. Set the WPCode\/Code Snippets setting to \"Run everywhere\", then save and refresh the pledge page.');\r\n      }\r\n\r\n      if (text.trim() === '-1') {\r\n        throw new Error('WordPress AJAX nonce failed. Refresh the page and try again.');\r\n      }\r\n\r\n      let json = null;\r\n\r\n      try {\r\n        json = JSON.parse(text);\r\n      } catch (e) {\r\n        console.error('[FEM AJAX Non-JSON Response]', {\r\n          status: response.status,\r\n          statusText: response.statusText,\r\n          body: text\r\n        });\r\n\r\n        throw new Error(\r\n          'Server returned non-JSON response. HTTP ' +\r\n          response.status +\r\n          ': ' + text.slice(0, 300)\r\n        );\r\n      }\r\n\r\n      if (!response.ok) {\r\n        console.error('[FEM AJAX HTTP Error]', {\r\n          status: response.status,\r\n          response: json\r\n        });\r\n      }\r\n\r\n      console.log('[FEM AJAX Response]', json);\r\n      return json;\r\n    });\r\n  });\r\n}\r\n\r\nfunction femSavePendingPayment(data) {\r\n  if (!data || !data.attempt_id || !data.order_id) return;\r\n\r\n  localStorage.setItem('femus_pending_payment', JSON.stringify({\r\n    attempt_id: data.attempt_id,\r\n    order_id: data.order_id,\r\n    amount: data.amount || '',\r\n    created_at: Date.now()\r\n  }));\r\n}\r\n\r\nfunction femClearPendingPayment() {\r\n  localStorage.removeItem('femus_pending_payment');\r\n}\r\n\r\nfunction femGetPendingPayment() {\r\n  const raw = localStorage.getItem('femus_pending_payment');\r\n  if (!raw) return null;\r\n\r\n  try {\r\n    const data = JSON.parse(raw);\r\n\r\n    if (!data || !data.attempt_id || !data.order_id) {\r\n      femClearPendingPayment();\r\n      return null;\r\n    }\r\n\r\n    \/*\r\n     * Clear very old pending payment after 24 hours.\r\n     *\/\r\n    const maxAge = 24 * 60 * 60 * 1000;\r\n    if (data.created_at && Date.now() - data.created_at > maxAge) {\r\n      femClearPendingPayment();\r\n      return null;\r\n    }\r\n\r\n    return data;\r\n  } catch (e) {\r\n    femClearPendingPayment();\r\n    return null;\r\n  }\r\n}\r\n\r\nlet femPendingPaymentChecking = false;\r\n\r\nfunction femCheckPendingPaymentOnReturn(retryCount = 0) {\r\n  const pending = femGetPendingPayment();\r\n\r\n  if (!pending) return;\r\n\r\n  \/*\r\n   * If user already has completed submission, no need to check.\r\n   *\/\r\n  const submitted = localStorage.getItem('femus_submission');\r\n  if (submitted) {\r\n    femClearPendingPayment();\r\n    return;\r\n  }\r\n\r\n  \/*\r\n   * Avoid multiple checks running at same time.\r\n   *\/\r\n  if (femPendingPaymentChecking) return;\r\n\r\n  femPendingPaymentChecking = true;\r\n\r\n  console.log('[FEM Pending Payment Check]', {\r\n    pending,\r\n    retryCount\r\n  });\r\n\r\n  femSetButtonLoading(true, 'Checking payment status\u2026');\r\n\r\n  femAjaxPost({\r\n    action: 'fem_check_pending_payment',\r\n    nonce: femRazorpayConfig.nonce,\r\n    attempt_id: pending.attempt_id,\r\n    order_id: pending.order_id\r\n  })\r\n  .then(function (res) {\r\n    console.log('[FEM Pending Payment Result]', res);\r\n\r\n    if (!res || !res.success) {\r\n      return;\r\n    }\r\n\r\n    const data = res.data || {};\r\n\r\n    if (data.status === 'success') {\r\n      femClearPendingPayment();\r\n\r\n      localStorage.setItem('femus_submission', JSON.stringify({\r\n        submitted: true,\r\n        name: data.name,\r\n        ucode: data.ucode,\r\n        submitted_at: Date.now()\r\n      }));\r\n\r\n      window.location.href =\r\n        window.location.pathname +\r\n        '?pledge_success=1&ucode=' +\r\n        encodeURIComponent(data.ucode);\r\n\r\n      return;\r\n    }\r\n\r\n    \/*\r\n     * If still pending, retry.\r\n     *\/\r\n    if (retryCount < 5) {\r\n      const delays = [2000, 3000, 5000, 10000, 15000];\r\n\r\n      setTimeout(function () {\r\n        femCheckPendingPaymentOnReturn(retryCount + 1);\r\n      }, delays[retryCount] || 5000);\r\n    } else {\r\n      femSetButtonLoading(false);\r\n    }\r\n  })\r\n  .catch(function (err) {\r\n    console.warn('[FEM Pending Payment Check Failed]', err);\r\n\r\n    \/*\r\n     * Network failed? Retry also.\r\n     *\/\r\n    if (retryCount < 5) {\r\n      const delays = [3000, 5000, 10000, 15000, 20000];\r\n\r\n      setTimeout(function () {\r\n        femCheckPendingPaymentOnReturn(retryCount + 1);\r\n      }, delays[retryCount] || 5000);\r\n    } else {\r\n      femSetButtonLoading(false);\r\n    }\r\n  })\r\n  .finally(function () {\r\n    femPendingPaymentChecking = false;\r\n  });\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  femCheckPendingPaymentOnReturn();\r\n});\r\n\r\nwindow.addEventListener('focus', function () {\r\n  femCheckPendingPaymentOnReturn();\r\n});\r\n\r\nwindow.addEventListener('pageshow', function () {\r\n  femCheckPendingPaymentOnReturn();\r\n});\r\n\t\r\ndocument.getElementById('femPledgeForm').addEventListener('submit', function(e) {\r\n  e.preventDefault();\r\n\r\n  const form = this;\r\n  const btn = document.getElementById('femFinalPledgeBtn');\r\n\r\n  if (btn && btn.dataset.submitting === '1') return false;\r\n\r\n\tfemUpdateCountryRules();\r\n\r\n\tconst country = document.querySelector(\"select[name='fem_country']\")?.value.trim() || '';\r\n\tconst isIndia = femIsIndiaCountry(country);\r\n\tconst phoneInput = document.querySelector(\"input[name='fem_phone']\");\r\n\tconst phone = phoneInput ? phoneInput.value.trim() : '';\r\n\tconst cleanPhone = phone.replace(\/\\D\/g, '');\r\n\tconst phoneRegex = \/^[1-9]\\d{9}$\/;\r\n\r\n\tif (!cleanPhone) {\r\n\t  alert('Please enter a valid phone number.');\r\n\t  if (phoneInput) phoneInput.focus();\r\n\t  return false;\r\n\t}\r\n\r\n\tif (isIndia && !phoneRegex.test(cleanPhone)) {\r\n\t  alert('Please enter a valid 10 digit mobile number for India.');\r\n\t  if (phoneInput) phoneInput.focus();\r\n\t  return false;\r\n\t}\r\n\r\n\tconst donationInput = document.querySelector(\"input[name='fem_donation_amount']\");\r\n\tconst donationCheckbox = document.getElementById('femCommitCheckDonation');\r\n\tconst donationAmount = parseInt(donationInput?.value || '0', 10);\r\n\r\n\tif (isIndia && donationCheckbox && !donationCheckbox.checked) {\r\n\t  alert('Please confirm that you are ready to donate Rs. 51 or more.');\r\n\t  donationCheckbox.focus();\r\n\t  return false;\r\n\t}\r\n\r\n\tif (isIndia && (!donationAmount || donationAmount < 51)) {\r\n\t  alert('Minimum donation amount is Rs. 51.');\r\n\t  if (donationInput) donationInput.focus();\r\n\t  return false;\r\n\t}\r\n\r\n\tif (!form.checkValidity()) {\r\n\t  form.reportValidity();\r\n\t  return false;\r\n\t}\r\n\r\n  if (isIndia && typeof Razorpay === 'undefined') {\r\n    alert('Razorpay checkout failed to load. Please refresh and try again.');\r\n    return false;\r\n  }\r\n\r\n  femSetButtonLoading(true, isIndia ? 'Creating payment\u2026' : 'Saving pledge\u2026');\r\n\r\n  const formData = new FormData(form);\r\n  formData.append('action', 'fem_create_razorpay_order');\r\n  formData.append('nonce', femRazorpayConfig.nonce);\r\n\r\n  femAjaxPost(formData)\r\n    .then(function (res) {\r\n      if (!res || !res.success) {\r\n        const error = new Error((res && res.data && res.data.message) ? res.data.message : 'Could not create payment order.');\r\n        error.debug = res && res.data ? res.data : null;\r\n        throw error;\r\n      }\r\n\r\n\tconst data = res.data;\r\n\r\n\tif (data && data.payment_required === true) {\r\n\t  femSavePendingPayment(data);\r\n\t}\r\n\r\n\tif (data && data.payment_required === false) {\r\n        localStorage.setItem('femus_submission', JSON.stringify({\r\n          submitted: true,\r\n          name: data.name,\r\n          ucode: data.ucode,\r\n          submitted_at: Date.now()\r\n        }));\r\n\r\n        window.location.href = data.success_url || (window.location.pathname + '?pledge_success=1&ucode=' + encodeURIComponent(data.ucode));\r\n        return;\r\n      }\r\n\r\n      femSetButtonLoading(true, 'Opening payment\u2026');\r\n\r\n      const cleanPhone = String(data.phone || phone || '').replace(\/\\D\/g, '');\r\n      const razorpayContact = cleanPhone.length === 10 ? '+91' + cleanPhone : cleanPhone;\r\n\r\n      console.log('[FEM Razorpay Prefill]', {\r\n        name: data.name || '',\r\n        email: data.email || '',\r\n        phone: cleanPhone,\r\n        contact: razorpayContact\r\n      });\r\n\r\n      const options = {\r\n        key: data.key_id,\r\n        amount: data.amount,\r\n        currency: data.currency,\r\n        name: \"FEM'Us Pledge\",\r\n        description: 'Donation of Rs. ' + (data.amount \/ 100) + ' for FEM\\'Us pledge',\r\n        order_id: data.order_id,\r\n        prefill: {\r\n          name: data.name || '',\r\n          email: data.email || '',\r\n          contact: razorpayContact\r\n        },\r\n\r\n        theme: {\r\n          color: '#f57c45'\r\n        },\r\n        handler: function (response) {\r\n          femSetButtonLoading(true, 'Verifying payment\u2026');\r\n\r\n          femAjaxPost({\r\n            action: 'fem_verify_razorpay_payment',\r\n            nonce: femRazorpayConfig.nonce,\r\n            attempt_id: data.attempt_id,\r\n            razorpay_order_id: response.razorpay_order_id,\r\n            razorpay_payment_id: response.razorpay_payment_id,\r\n            razorpay_signature: response.razorpay_signature\r\n          }).then(function (verifyRes) {\r\n            if (!verifyRes || !verifyRes.success) {\r\n              const error = new Error((verifyRes && verifyRes.data && verifyRes.data.message) ? verifyRes.data.message : 'Payment verification failed.');\r\n              error.debug = verifyRes && verifyRes.data ? verifyRes.data : null;\r\n              throw error;\r\n            }\r\n\r\n            const verified = verifyRes.data;\r\n            localStorage.setItem('femus_submission', JSON.stringify({\r\n              submitted: true,\r\n              name: verified.name,\r\n              ucode: verified.ucode,\r\n              submitted_at: Date.now()\r\n            }));\r\n\t\t\t  \r\n\t\t\tfemClearPendingPayment();\r\n\r\n            window.location.href = window.location.pathname + '?pledge_success=1&ucode=' + encodeURIComponent(verified.ucode);\r\n          }).catch(function (err) {\r\n            femSetButtonLoading(false);\r\n            femShowPaymentError(err.message, err);\r\n          });\r\n        },\r\n        modal: {\r\n\t\t  ondismiss: function () {\r\n\t\t\t\/*\r\n\t\t\t * Do not mark failed here.\r\n\t\t\t * User may have paid successfully but closed\/navigated before frontend verification.\r\n\t\t\t * Recovery check will verify this pending order later.\r\n\t\t\t *\/\r\n\t\t\tfemSetButtonLoading(false);\r\n\r\n\t\t\tsetTimeout(function () {\r\n\t\t\t  femCheckPendingPaymentOnReturn();\r\n\t\t\t}, 1500);\r\n\t\t  }\r\n\t\t}\r\n      };\r\n\r\n      const rzp = new Razorpay(options);\r\n\r\n\trzp.on('payment.failed', function (response) {\r\n\t  const razorpayError = response && response.error\r\n\t\t? response.error.description\r\n\t\t: 'Payment failed. Please try again.';\r\n\r\n\t  const customMessage = 'Sorry, the pledge could not be submitted due to payment failure. Please try again.';\r\n\r\n\t  femAjaxPost({\r\n\t\taction: 'fem_mark_razorpay_failed',\r\n\t\tnonce: femRazorpayConfig.nonce,\r\n\t\tattempt_id: data.attempt_id,\r\n\t\terror_message: razorpayError + ' | ' + customMessage\r\n\t  });\r\n\r\n\t  femSetButtonLoading(false);\r\n\t  femClearPendingPayment();\r\n\t  femShowPaymentError(razorpayError + '\\n\\n' + customMessage);\r\n\t});\r\n\r\n      rzp.open();\r\n    })\r\n    .catch(function (err) {\r\n      femSetButtonLoading(false);\r\n      femShowPaymentError(err.message, err);\r\n    });\r\n\r\n  return false;\r\n});\r\n<\/script>\r\n\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","tve_updated_post":"","tve_custom_css":"","tve_user_custom_css":"","tve_globals":{},"tcb2_ready":1,"tcb_editor_enabled":1,"tve_landing_page":"bd86f3fc67210fed5b2794ad4a56d3a9","_tve_header":"216","_tve_footer":"0"},"class_list":["post-85","page","type-page","status-publish","hentry","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/pages\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":11,"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/pages\/85\/revisions"}],"predecessor-version":[{"id":222,"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/pages\/85\/revisions\/222"}],"wp:attachment":[{"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/media?parent=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}