{"id":1573,"date":"2026-05-02T06:47:40","date_gmt":"2026-05-02T06:47:40","guid":{"rendered":"https:\/\/thefiniteearth.org\/?page_id=1573"},"modified":"2026-05-04T10:10:40","modified_gmt":"2026-05-04T10:10:40","slug":"how-to-use-the-portal","status":"publish","type":"page","link":"https:\/\/thefiniteearth.org\/hindi\/how-to-use-the-portal\/","title":{"rendered":"\u092a\u094b\u0930\u094d\u091f\u0932 \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0948\u0938\u0947 \u0915\u0930\u0947\u0902"},"content":{"rendered":"<p>\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&#038;family=DM+Sans:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\" \/>\n\n<div id=\"fpsRoot\" style=\"\n  font-family: 'DM Sans', sans-serif;\n  background: #0d1117;\n  color: #ffffff;\n  padding: 48px 20px 56px;\n  box-sizing: border-box;\n  width: 100%;\n\">\n\n  <!-- Scoped CSS inside a noscript-safe div -->\n  <div id=\"fpsStyleHolder\"><\/div>\n\n  <!-- Section header -->\n  <div style=\"text-align:center; margin-bottom:44px;\">\n  <!-- <p style=\"font-size:11px; font-weight:500; letter-spacing:3px; text-transform:uppercase; color:#5b9bd5; margin:0 0 10px 0;\">Your journey<\/p>-->\n    <h2 style=\"font-family:'Playfair Display',Georgia,serif; font-size:clamp(26px,3.5vw,38px); font-weight:600; font-style:italic; color:#ffffff; line-height:1.2; margin:0 0 12px 0;\">How to use the portal<\/h2>\n    <p style=\"font-size:15px; font-weight:300; color:rgba(255,255,255,0.82); max-width:520px; margin:0 auto; line-height:1.7;\">Five simple steps \u2014 takes less than 2 minutes to begin.<\/p>\n  <\/div>\n\n  <!-- Steps container -->\n  <div id=\"fpsSteps\" style=\"max-width:860px; margin:0 auto; display:flex; flex-direction:column; gap:0; position:relative;\">\n\n    <!-- Vertical line rendered via JS below -->\n\n    <!-- STEP 1 -->\n    <div class=\"fps-step\" style=\"display:grid; grid-template-columns:64px 1fr; gap:0 20px; position:relative; z-index:1; padding:6px 0; box-sizing:border-box;\">\n      <div style=\"width:64px; height:64px; border-radius:50%; background:rgba(212,168,83,0.18); border:2px solid rgba(212,168,83,0.38); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-family:'Playfair Display',Georgia,serif; font-size:22px; font-weight:600; color:#d4a853; position:relative; z-index:2; box-sizing:border-box;\">1<\/div>\n      <div style=\"background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.09); border-radius:20px; overflow:hidden; display:grid; grid-template-columns:1fr 150px; align-items:center; margin-bottom:16px; box-sizing:border-box;\">\n        <div style=\"padding:22px 24px;\">\n          <p style=\"font-size:16px; font-weight:600; color:#ffffff; margin:0 0 7px 0; letter-spacing:0.1px;\">Take the pledge<\/p>\n          <p style=\"font-size:13.5px; font-weight:300; color:rgba(255,255,255,0.82); line-height:1.7; margin:0;\">Take the Finite Living Pledge to begin your journey of living within Earth&#8217;s limits. It is a simple commitment to reduce unnecessary consumption, starting with one practical step. This is where awareness turns into action.<\/p>\n        <\/div>\n        <div style=\"width:150px; height:100%; min-height:120px; background:rgba(255,255,255,0.03); border-left:1px solid rgba(255,255,255,0.09); display:flex; align-items:center; justify-content:center; flex-shrink:0; padding:16px; box-sizing:border-box;\">\n          <svg style=\"width:100%; max-width:110px; height:auto;\" viewBox=\"0 0 120 110\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <circle cx=\"60\" cy=\"40\" r=\"30\" fill=\"rgba(212,168,83,0.12)\" stroke=\"rgba(212,168,83,0.4)\" stroke-width=\"1.5\"\/>\n            <rect x=\"42\" y=\"24\" width=\"36\" height=\"44\" rx=\"4\" fill=\"rgba(255,255,255,0.06)\" stroke=\"rgba(212,168,83,0.5)\" stroke-width=\"1.5\"\/>\n            <line x1=\"50\" y1=\"34\" x2=\"70\" y2=\"34\" stroke=\"rgba(212,168,83,0.7)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <line x1=\"50\" y1=\"41\" x2=\"70\" y2=\"41\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\n            <line x1=\"50\" y1=\"47\" x2=\"62\" y2=\"47\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\n            <circle cx=\"68\" cy=\"56\" r=\"8\" fill=\"rgba(91,155,213,0.25)\" stroke=\"rgba(91,155,213,0.7)\" stroke-width=\"1.5\"\/>\n            <polyline points=\"64,56 67,59 73,53\" stroke=\"#5b9bd5\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n            <text x=\"60\" y=\"102\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"9\" fill=\"rgba(212,168,83,0.75)\" letter-spacing=\"1\">PLEDGE<\/text>\n          <\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- STEP 2 -->\n    <div class=\"fps-step\" style=\"display:grid; grid-template-columns:64px 1fr; gap:0 20px; position:relative; z-index:1; padding:6px 0; box-sizing:border-box;\">\n      <div style=\"width:64px; height:64px; border-radius:50%; background:rgba(212,168,83,0.18); border:2px solid rgba(212,168,83,0.38); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-family:'Playfair Display',Georgia,serif; font-size:22px; font-weight:600; color:#d4a853; position:relative; z-index:2; box-sizing:border-box;\">2<\/div>\n      <div style=\"background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.09); border-radius:20px; overflow:hidden; display:grid; grid-template-columns:1fr 150px; align-items:center; margin-bottom:16px; box-sizing:border-box;\">\n        <div style=\"padding:22px 24px;\">\n          <p style=\"font-size:16px; font-weight:600; color:#ffffff; margin:0 0 7px 0; letter-spacing:0.1px;\">Get your FEM&#8217;Us code<\/p>\n          <p style=\"font-size:13.5px; font-weight:300; color:rgba(255,255,255,0.82); line-height:1.7; margin:0;\">Once you take the pledge, you receive a unique FEM&#8217;Us code. This becomes your identity in the movement and allows you to track how many people you inspire to join. Your pledge is also available for download in digital format.<\/p>\n        <\/div>\n        <div style=\"width:150px; height:100%; min-height:120px; background:rgba(255,255,255,0.03); border-left:1px solid rgba(255,255,255,0.09); display:flex; align-items:center; justify-content:center; flex-shrink:0; padding:16px; box-sizing:border-box;\">\n          <svg style=\"width:100%; max-width:110px; height:auto;\" viewBox=\"0 0 120 110\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <circle cx=\"60\" cy=\"44\" r=\"30\" fill=\"rgba(212,168,83,0.10)\" stroke=\"rgba(212,168,83,0.35)\" stroke-width=\"1.5\"\/>\n            <rect x=\"36\" y=\"28\" width=\"48\" height=\"32\" rx=\"5\" fill=\"rgba(255,255,255,0.05)\" stroke=\"rgba(212,168,83,0.5)\" stroke-width=\"1.5\"\/>\n            <circle cx=\"48\" cy=\"40\" r=\"7\" fill=\"rgba(91,155,213,0.25)\" stroke=\"rgba(91,155,213,0.6)\" stroke-width=\"1.2\"\/>\n            <circle cx=\"48\" cy=\"38\" r=\"3\" fill=\"rgba(91,155,213,0.5)\"\/>\n            <line x1=\"60\" y1=\"36\" x2=\"77\" y2=\"36\" stroke=\"rgba(212,168,83,0.7)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <line x1=\"60\" y1=\"41\" x2=\"73\" y2=\"41\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\n            <line x1=\"60\" y1=\"46\" x2=\"75\" y2=\"46\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\n            <rect x=\"40\" y=\"64\" width=\"40\" height=\"12\" rx=\"3\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(212,168,83,0.4)\" stroke-width=\"1.2\"\/>\n            <line x1=\"44\" y1=\"67\" x2=\"44\" y2=\"73\" stroke=\"rgba(212,168,83,0.8)\" stroke-width=\"1.5\"\/>\n            <line x1=\"50\" y1=\"67\" x2=\"50\" y2=\"73\" stroke=\"rgba(212,168,83,0.8)\" stroke-width=\"2\"\/>\n            <line x1=\"56\" y1=\"67\" x2=\"56\" y2=\"73\" stroke=\"rgba(212,168,83,0.8)\" stroke-width=\"1.5\"\/>\n            <line x1=\"62\" y1=\"67\" x2=\"62\" y2=\"73\" stroke=\"rgba(212,168,83,0.8)\" stroke-width=\"2\"\/>\n            <line x1=\"68\" y1=\"67\" x2=\"68\" y2=\"73\" stroke=\"rgba(212,168,83,0.8)\" stroke-width=\"1.5\"\/>\n            <text x=\"60\" y=\"102\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"9\" fill=\"rgba(212,168,83,0.75)\" letter-spacing=\"1\">YOUR CODE<\/text>\n          <\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- STEP 3 -->\n    <div class=\"fps-step\" style=\"display:grid; grid-template-columns:64px 1fr; gap:0 20px; position:relative; z-index:1; padding:6px 0; box-sizing:border-box;\">\n      <div style=\"width:64px; height:64px; border-radius:50%; background:rgba(212,168,83,0.18); border:2px solid rgba(212,168,83,0.38); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-family:'Playfair Display',Georgia,serif; font-size:22px; font-weight:600; color:#d4a853; position:relative; z-index:2; box-sizing:border-box;\">3<\/div>\n      <div style=\"background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.09); border-radius:20px; overflow:hidden; display:grid; grid-template-columns:1fr 150px; align-items:center; margin-bottom:16px; box-sizing:border-box;\">\n        <div style=\"padding:22px 24px;\">\n          <p style=\"font-size:16px; font-weight:600; color:#ffffff; margin:0 0 7px 0; letter-spacing:0.1px;\">Invite others<\/p>\n          <p style=\"font-size:13.5px; font-weight:300; color:rgba(255,255,255,0.82); line-height:1.7; margin:0;\">Share your FEM&#8217;Us code and link with friends, family, and your network. Every person who joins through you becomes part of your circle, helping grow a collective movement for climate action.<\/p>\n        <\/div>\n        <div style=\"width:150px; height:100%; min-height:120px; background:rgba(255,255,255,0.03); border-left:1px solid rgba(255,255,255,0.09); display:flex; align-items:center; justify-content:center; flex-shrink:0; padding:16px; box-sizing:border-box;\">\n          <svg style=\"width:100%; max-width:110px; height:auto;\" viewBox=\"0 0 120 110\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <line x1=\"60\" y1=\"38\" x2=\"36\" y2=\"62\" stroke=\"rgba(212,168,83,0.35)\" stroke-width=\"1.2\" stroke-dasharray=\"3 2\"\/>\n            <line x1=\"60\" y1=\"38\" x2=\"84\" y2=\"62\" stroke=\"rgba(212,168,83,0.35)\" stroke-width=\"1.2\" stroke-dasharray=\"3 2\"\/>\n            <line x1=\"60\" y1=\"38\" x2=\"60\" y2=\"66\" stroke=\"rgba(212,168,83,0.35)\" stroke-width=\"1.2\" stroke-dasharray=\"3 2\"\/>\n            <circle cx=\"60\" cy=\"34\" r=\"14\" fill=\"rgba(212,168,83,0.18)\" stroke=\"rgba(212,168,83,0.6)\" stroke-width=\"1.8\"\/>\n            <circle cx=\"60\" cy=\"30\" r=\"5\" fill=\"rgba(212,168,83,0.6)\"\/>\n            <path d=\"M51 44 Q60 38 69 44\" stroke=\"rgba(212,168,83,0.6)\" stroke-width=\"1.5\" fill=\"rgba(212,168,83,0.15)\" stroke-linecap=\"round\"\/>\n            <circle cx=\"36\" cy=\"66\" r=\"10\" fill=\"rgba(91,155,213,0.18)\" stroke=\"rgba(91,155,213,0.5)\" stroke-width=\"1.5\"\/>\n            <circle cx=\"36\" cy=\"63\" r=\"3.5\" fill=\"rgba(91,155,213,0.5)\"\/>\n            <circle cx=\"60\" cy=\"70\" r=\"10\" fill=\"rgba(91,155,213,0.18)\" stroke=\"rgba(91,155,213,0.5)\" stroke-width=\"1.5\"\/>\n            <circle cx=\"60\" cy=\"67\" r=\"3.5\" fill=\"rgba(91,155,213,0.5)\"\/>\n            <circle cx=\"84\" cy=\"66\" r=\"10\" fill=\"rgba(91,155,213,0.18)\" stroke=\"rgba(91,155,213,0.5)\" stroke-width=\"1.5\"\/>\n            <circle cx=\"84\" cy=\"63\" r=\"3.5\" fill=\"rgba(91,155,213,0.5)\"\/>\n            <text x=\"60\" y=\"102\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"9\" fill=\"rgba(212,168,83,0.75)\" letter-spacing=\"1\">INVITE<\/text>\n          <\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- STEP 4 -->\n    <div class=\"fps-step\" style=\"display:grid; grid-template-columns:64px 1fr; gap:0 20px; position:relative; z-index:1; padding:6px 0; box-sizing:border-box;\">\n      <div style=\"width:64px; height:64px; border-radius:50%; background:rgba(212,168,83,0.18); border:2px solid rgba(212,168,83,0.38); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-family:'Playfair Display',Georgia,serif; font-size:22px; font-weight:600; color:#d4a853; position:relative; z-index:2; box-sizing:border-box;\">4<\/div>\n      <div style=\"background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.09); border-radius:20px; overflow:hidden; display:grid; grid-template-columns:1fr 150px; align-items:center; margin-bottom:16px; box-sizing:border-box;\">\n        <div style=\"padding:22px 24px;\">\n          <p style=\"font-size:16px; font-weight:600; color:#ffffff; margin:0 0 7px 0; letter-spacing:0.1px;\">Track your impact<\/p>\n          <p style=\"font-size:13.5px; font-weight:300; color:rgba(255,255,255,0.82); line-height:1.7; margin:0;\">As your network grows, you can see the real impact of your actions \u2014 how much water, carbon emissions, and chemicals are being saved through your efforts and your circle.<\/p>\n        <\/div>\n        <div style=\"width:150px; height:100%; min-height:120px; background:rgba(255,255,255,0.03); border-left:1px solid rgba(255,255,255,0.09); display:flex; align-items:center; justify-content:center; flex-shrink:0; padding:16px; box-sizing:border-box;\">\n          <svg style=\"width:100%; max-width:110px; height:auto;\" viewBox=\"0 0 120 110\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <circle cx=\"60\" cy=\"44\" r=\"30\" fill=\"rgba(91,155,213,0.08)\" stroke=\"rgba(91,155,213,0.25)\" stroke-width=\"1.2\"\/>\n            <line x1=\"34\" y1=\"62\" x2=\"86\" y2=\"62\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\n            <line x1=\"34\" y1=\"62\" x2=\"34\" y2=\"26\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\n            <rect x=\"39\" y=\"50\" width=\"9\" height=\"12\" rx=\"2\" fill=\"rgba(91,155,213,0.45)\" stroke=\"rgba(91,155,213,0.7)\" stroke-width=\"1\"\/>\n            <rect x=\"52\" y=\"42\" width=\"9\" height=\"20\" rx=\"2\" fill=\"rgba(91,155,213,0.55)\" stroke=\"rgba(91,155,213,0.8)\" stroke-width=\"1\"\/>\n            <rect x=\"65\" y=\"32\" width=\"9\" height=\"30\" rx=\"2\" fill=\"rgba(212,168,83,0.6)\" stroke=\"rgba(212,168,83,0.9)\" stroke-width=\"1\"\/>\n            <polyline points=\"43,50 56,41 70,30\" stroke=\"rgba(212,168,83,0.8)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\" stroke-dasharray=\"2 2\"\/>\n            <text x=\"60\" y=\"102\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"9\" fill=\"rgba(212,168,83,0.75)\" letter-spacing=\"1\">IMPACT<\/text>\n          <\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- STEP 5 -->\n    <div class=\"fps-step\" style=\"display:grid; grid-template-columns:64px 1fr; gap:0 20px; position:relative; z-index:1; padding:6px 0; box-sizing:border-box;\">\n      <div style=\"width:64px; height:64px; border-radius:50%; background:rgba(212,168,83,0.18); border:2px solid rgba(212,168,83,0.38); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-family:'Playfair Display',Georgia,serif; font-size:22px; font-weight:600; color:#d4a853; position:relative; z-index:2; box-sizing:border-box;\">5<\/div>\n      <div style=\"background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.09); border-radius:20px; overflow:hidden; display:grid; grid-template-columns:1fr 150px; align-items:center; margin-bottom:16px; box-sizing:border-box;\">\n        <div style=\"padding:22px 24px;\">\n          <p style=\"font-size:16px; font-weight:600; color:#ffffff; margin:0 0 7px 0; letter-spacing:0.1px;\">Get your certificate<\/p>\n          <p style=\"font-size:13.5px; font-weight:300; color:rgba(255,255,255,0.82); line-height:1.7; margin:0;\">Receive a Climate Correction Certificate as a mark of your commitment and contribution. It reflects not just your pledge, but the impact you are creating through others.<\/p>\n        <\/div>\n        <div style=\"width:150px; height:100%; min-height:120px; background:rgba(255,255,255,0.03); border-left:1px solid rgba(255,255,255,0.09); display:flex; align-items:center; justify-content:center; flex-shrink:0; padding:16px; box-sizing:border-box;\">\n          <svg style=\"width:100%; max-width:110px; height:auto;\" viewBox=\"0 0 120 110\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect x=\"30\" y=\"22\" width=\"60\" height=\"48\" rx=\"5\" fill=\"rgba(255,255,255,0.05)\" stroke=\"rgba(212,168,83,0.5)\" stroke-width=\"1.5\"\/>\n            <rect x=\"30\" y=\"22\" width=\"60\" height=\"8\" rx=\"5\" fill=\"rgba(212,168,83,0.18)\" stroke=\"rgba(212,168,83,0.5)\" stroke-width=\"1.5\"\/>\n            <circle cx=\"60\" cy=\"50\" r=\"12\" fill=\"rgba(212,168,83,0.15)\" stroke=\"rgba(212,168,83,0.6)\" stroke-width=\"1.5\"\/>\n            <polygon points=\"60,41 62,47 68,47 63,51 65,57 60,53 55,57 57,51 52,47 58,47\" fill=\"rgba(212,168,83,0.7)\" stroke=\"rgba(212,168,83,0.9)\" stroke-width=\"0.5\"\/>\n            <line x1=\"40\" y1=\"68\" x2=\"80\" y2=\"68\" stroke=\"rgba(255,255,255,0.15)\" stroke-width=\"1\" stroke-linecap=\"round\"\/>\n            <path d=\"M50 70 L55 82 L60 77 L65 82 L70 70\" fill=\"none\" stroke=\"rgba(91,155,213,0.6)\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\n            <text x=\"60\" y=\"102\" text-anchor=\"middle\" font-family=\"DM Sans,sans-serif\" font-size=\"9\" fill=\"rgba(212,168,83,0.75)\" letter-spacing=\"1\">CERTIFICATE<\/text>\n          <\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div><!-- \/.fps-steps -->\n\n  <!-- Mobile responsive styles injected via JS (Thrive-safe method) -->\n  <script>\n  (function(){\n    \/\/ Inject CSS via JS so Thrive can't strip it\n    var css = [\n      '#fpsRoot * { box-sizing: border-box; }',\n      '@media (max-width: 600px) {',\n      '  .fps-step { grid-template-columns: 48px 1fr !important; gap: 0 12px !important; }',\n      '  .fps-step > div:first-child { width: 48px !important; height: 48px !important; font-size: 16px !important; }',\n      '  .fps-step .fps-card-grid { grid-template-columns: 1fr !important; }',\n      '}'\n    ].join('');\n    var el = document.createElement('style');\n    el.textContent = css;\n    document.head.appendChild(el);\n\n    \/\/ Apply mobile layout directly via JS for max compatibility\n    function applyMobile() {\n      var isMobile = window.innerWidth <= 600;\n      var steps = document.querySelectorAll('.fps-step');\n      steps.forEach(function(step) {\n        if (isMobile) {\n          step.style.gridTemplateColumns = '48px 1fr';\n          step.style.gap = '0 12px';\n          var bubble = step.querySelector('div:first-child');\n          if (bubble) { bubble.style.width = '48px'; bubble.style.height = '48px'; bubble.style.fontSize = '16px'; }\n          var card = step.querySelector('div:nth-child(2)');\n          if (card) {\n            card.style.gridTemplateColumns = '1fr';\n            var illus = card.querySelector('div:last-child');\n            if (illus) {\n              illus.style.width = '100%';\n              illus.style.borderLeft = 'none';\n              illus.style.borderTop = '1px solid rgba(255,255,255,0.09)';\n              illus.style.minHeight = '90px';\n            }\n          }\n        } else {\n          step.style.gridTemplateColumns = '64px 1fr';\n          step.style.gap = '0 20px';\n          var bubble = step.querySelector('div:first-child');\n          if (bubble) { bubble.style.width = '64px'; bubble.style.height = '64px'; bubble.style.fontSize = '22px'; }\n          var card = step.querySelector('div:nth-child(2)');\n          if (card) {\n            card.style.gridTemplateColumns = '1fr 150px';\n            var illus = card.querySelector('div:last-child');\n            if (illus) {\n              illus.style.width = '150px';\n              illus.style.borderLeft = '1px solid rgba(255,255,255,0.09)';\n              illus.style.borderTop = 'none';\n            }\n          }\n        }\n      });\n    }\n    applyMobile();\n    window.addEventListener('resize', applyMobile);\n  })();\n  <\/script>\n\n<\/div>\n\n\n<\/p>","protected":false},"excerpt":{"rendered":"<p>How to use the portal Five simple steps \u2014 takes less than 2 minutes to begin. 1 Take the pledge Take the Finite Living Pledge to begin your journey of living within Earth&#8217;s limits. It is a simple commitment to reduce unnecessary consumption, starting with one practical step. This is where awareness turns into action. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","tve_updated_post":"<div class=\"thrv_wrapper tve_wp_shortcode\" style=\"\" data-css=\"tve-u-19de78aa2ab\"><div class=\"tve_shortcode_raw\" style=\"display: none\">___TVE_SHORTCODE_RAW__&lt;p&gt;&lt;!-- wp:html --&gt;&lt;\/p&gt;\n&lt;style&gt;\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&amp;family=Cinzel:wght@400;600&amp;family=EB+Garamond:wght@400;500&amp;display=swap');&lt;\/p&gt;\n&lt;p&gt;.flp-wrap {\n  background: #12110e;\n  padding: 50px 16px 70px;\n  font-family: 'EB Garamond', Georgia, serif;\n  box-sizing: border-box;\n  width: 100%;\n  background-image: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(201,168,76,0.06) 0%, transparent 70%);\n}\n.flp-wrap *, .flp-wrap *::before, .flp-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }\n.flp-inner { max-width: 760px; margin: 0 auto; }\n.flp-header { text-align: center; margin-bottom: 52px; }\n.flp-eyebrow {\n  font-family: 'Cinzel', serif;\n  font-size: 0.65rem;\n  letter-spacing: 0.35em;\n  color: #c9a84c;\n  text-transform: uppercase;\n  display: block;\n  margin-bottom: 12px;\n}\n.flp-title {\n  font-family: 'Cormorant Garamond', Georgia, serif;\n  font-size: clamp(1.8rem, 5.5vw, 2.8rem);\n  font-style: italic;\n  font-weight: 400;\n  color: #f0e8d6;\n  line-height: 1.15;\n  margin-bottom: 12px;\n}\n.flp-subtitle { font-size: 0.92rem; color: #8a7f6a; letter-spacing: 0.02em; }\n.flp-steps { display: flex; flex-direction: column; gap: 0; }\n.flp-step {\n  display: grid;\n  grid-template-columns: 52px 1fr 72px;\n  align-items: center;\n  gap: 0 18px;\n  background: #1a1914;\n  border: 1px solid rgba(201,168,76,0.18);\n  border-radius: 6px;\n  padding: 26px 24px;\n  margin-bottom: 16px;\n  position: relative;\n  overflow: hidden;\n  transition: border-color 0.3s, box-shadow 0.3s;\n}\n.flp-step:hover { border-color: rgba(201,168,76,0.42); box-shadow: 0 0 28px rgba(201,168,76,0.07); }\n.flp-step::before {\n  content: '';\n  position: absolute;\n  left: 0; top: 0; bottom: 0;\n  width: 3px;\n  background: linear-gradient(180deg, #e2c47a, #7a6230);\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.flp-step:hover::before { opacity: 1; }\n.flp-num {\n  width: 52px; height: 52px;\n  border-radius: 50%;\n  background: radial-gradient(circle at 35% 35%, #3a2f12, #1e1a0c);\n  border: 1.5px solid #7a6230;\n  display: flex; align-items: center; justify-content: center;\n  font-family: 'Cinzel', serif;\n  font-size: 1rem; font-weight: 600;\n  color: #e2c47a; flex-shrink: 0;\n  box-shadow: 0 0 16px rgba(201,168,76,0.12);\n}\n.flp-step-title {\n  font-family: 'Cinzel', serif;\n  font-size: 0.82rem; font-weight: 600;\n  letter-spacing: 0.06em; color: #e8dcc4;\n  margin-bottom: 8px; text-transform: uppercase; display: block;\n}\n.flp-step-desc { font-size: 0.9rem; color: #8a7f6a; line-height: 1.65; }\n.flp-icon { display: flex; flex-direction: column; align-items: center; gap: 5px; flex-shrink: 0; }\n.flp-icon-box {\n  width: 48px; height: 48px;\n  border: 1px solid rgba(201,168,76,0.18);\n  border-radius: 6px;\n  background: rgba(201,168,76,0.05);\n  display: flex; align-items: center; justify-content: center;\n  transition: background 0.3s;\n}\n.flp-step:hover .flp-icon-box { background: rgba(201,168,76,0.12); border-color: rgba(201,168,76,0.35); }\n.flp-icon-box svg { width: 24px; height: 24px; stroke: #c9a84c; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\n.flp-icon-lbl { font-family: 'Cinzel', serif; font-size: 0.5rem; letter-spacing: 0.15em; color: #7a6230; text-transform: uppercase; text-align: center; }&lt;\/p&gt;\n&lt;p&gt;@media (max-width: 540px) {\n  .flp-wrap { padding: 38px 12px 52px; }\n  .flp-step { grid-template-columns: 42px 1fr; padding: 18px 16px; gap: 0 14px; }\n  .flp-num { width: 42px; height: 42px; font-size: 0.88rem; }\n  .flp-icon { display: none; }\n  .flp-step-title { font-size: 0.74rem; }\n  .flp-step-desc { font-size: 0.85rem; }\n  .flp-header { margin-bottom: 36px; }\n}\n&lt;\/style&gt;\n&lt;div class=\"flp-wrap\"&gt;\n&lt;div class=\"flp-inner\"&gt;\n&lt;div class=\"flp-header\"&gt;\n      &lt;span class=\"flp-eyebrow\"&gt;Your Journey&lt;\/span&gt;&lt;\/p&gt;\n&lt;div class=\"flp-title\"&gt;How to use the portal&lt;\/div&gt;\n&lt;div class=\"flp-subtitle\"&gt;Five simple steps \u2014 takes less than 2 minutes to begin.&lt;\/div&gt;\n&lt;\/p&gt;&lt;\/div&gt;\n&lt;div class=\"flp-steps\"&gt;\n&lt;div class=\"flp-step\"&gt;\n&lt;div class=\"flp-num\"&gt;1&lt;\/div&gt;\n&lt;div class=\"flp-text\"&gt;\n          &lt;span class=\"flp-step-title\"&gt;Take the pledge&lt;\/span&gt;&lt;\/p&gt;\n&lt;div class=\"flp-step-desc\"&gt;Take the Finite Living Pledge to begin your journey of living within Earth's limits. It is a simple commitment to reduce unnecessary consumption, starting with one practical step. This is where awareness turns into action.&lt;\/div&gt;\n&lt;\/p&gt;&lt;\/div&gt;\n&lt;div class=\"flp-icon\"&gt;\n&lt;div class=\"flp-icon-box\"&gt;\n            &lt;svg viewBox=\"0 0 24 24\"&gt;&lt;path d=\"M9 12l2 2 4-4\"\/&gt;&lt;rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"\/&gt;&lt;\/svg&gt;\n          &lt;\/div&gt;\n&lt;p&gt;          &lt;span class=\"flp-icon-lbl\"&gt;Pledge&lt;\/span&gt;\n        &lt;\/div&gt;\n&lt;\/p&gt;&lt;\/div&gt;\n&lt;div class=\"flp-step\"&gt;\n&lt;div class=\"flp-num\"&gt;2&lt;\/div&gt;\n&lt;div class=\"flp-text\"&gt;\n          &lt;span class=\"flp-step-title\"&gt;Get your FEM'Us code&lt;\/span&gt;&lt;\/p&gt;\n&lt;div class=\"flp-step-desc\"&gt;Once you take the pledge, you receive a unique FEM'Us code. This becomes your identity in the movement and allows you to track how many people you inspire to join.&lt;\/div&gt;\n&lt;\/p&gt;&lt;\/div&gt;\n&lt;div class=\"flp-icon\"&gt;\n&lt;div class=\"flp-icon-box\"&gt;\n            &lt;svg viewBox=\"0 0 24 24\"&gt;&lt;rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/&gt;&lt;path d=\"M2 10h20M6 15h4\"\/&gt;&lt;\/svg&gt;\n          &lt;\/div&gt;\n&lt;p&gt;          &lt;span class=\"flp-icon-lbl\"&gt;Your Code&lt;\/span&gt;\n        &lt;\/div&gt;\n&lt;\/p&gt;&lt;\/div&gt;\n&lt;div class=\"flp-step\"&gt;\n&lt;div class=\"flp-num\"&gt;3&lt;\/div&gt;\n&lt;div class=\"flp-text\"&gt;\n          &lt;span class=\"flp-step-title\"&gt;Invite others&lt;\/span&gt;&lt;\/p&gt;\n&lt;div class=\"flp-step-desc\"&gt;Share your FEM'Us code and link with friends, family, and your network. Every person who joins through you becomes part of your circle, helping grow a collective movement for climate action.&lt;\/div&gt;\n&lt;\/p&gt;&lt;\/div&gt;\n&lt;div class=\"flp-icon\"&gt;\n&lt;div class=\"flp-icon-box\"&gt;\n            &lt;svg viewBox=\"0 0 24 24\"&gt;&lt;circle cx=\"9\" cy=\"7\" r=\"3\"\/&gt;&lt;path d=\"M3 21v-2a4 4 0 014-4h4a4 4 0 014 4v2\"\/&gt;&lt;path d=\"M16 3.13a4 4 0 010 7.75M21 21v-2a4 4 0 00-3-3.87\"\/&gt;&lt;\/svg&gt;\n          &lt;\/div&gt;\n&lt;p&gt;          &lt;span class=\"flp-icon-lbl\"&gt;Invite&lt;\/span&gt;\n        &lt;\/div&gt;\n&lt;\/p&gt;&lt;\/div&gt;\n&lt;div class=\"flp-step\"&gt;\n&lt;div class=\"flp-num\"&gt;4&lt;\/div&gt;\n&lt;div class=\"flp-text\"&gt;\n          &lt;span class=\"flp-step-title\"&gt;Track your impact&lt;\/span&gt;&lt;\/p&gt;\n&lt;div class=\"flp-step-desc\"&gt;As your network grows, you can see the real impact of your actions \u2014 how much water, carbon emissions, and chemicals are being saved through your efforts and your circle.&lt;\/div&gt;\n&lt;\/p&gt;&lt;\/div&gt;\n&lt;div class=\"flp-icon\"&gt;\n&lt;div class=\"flp-icon-box\"&gt;\n            &lt;svg viewBox=\"0 0 24 24\"&gt;&lt;path d=\"M18 20V10M12 20V4M6 20v-6\"\/&gt;&lt;\/svg&gt;\n          &lt;\/div&gt;\n&lt;p&gt;          &lt;span class=\"flp-icon-lbl\"&gt;Impact&lt;\/span&gt;\n        &lt;\/div&gt;\n&lt;\/p&gt;&lt;\/div&gt;\n&lt;div class=\"flp-step\"&gt;\n&lt;div class=\"flp-num\"&gt;5&lt;\/div&gt;\n&lt;div class=\"flp-text\"&gt;\n          &lt;span class=\"flp-step-title\"&gt;Get your certificate&lt;\/span&gt;&lt;\/p&gt;\n&lt;div class=\"flp-step-desc\"&gt;Receive a Climate Correction Certificate as a mark of your commitment and contribution. It reflects not just your pledge, but the impact you are creating through others.&lt;\/div&gt;\n&lt;\/p&gt;&lt;\/div&gt;\n&lt;div class=\"flp-icon\"&gt;\n&lt;div class=\"flp-icon-box\"&gt;\n            &lt;svg viewBox=\"0 0 24 24\"&gt;&lt;circle cx=\"12\" cy=\"8\" r=\"4\"\/&gt;&lt;path d=\"M8 14l-2 7 6-3 6 3-2-7\"\/&gt;&lt;\/svg&gt;\n          &lt;\/div&gt;\n&lt;p&gt;          &lt;span class=\"flp-icon-lbl\"&gt;Certificate&lt;\/span&gt;\n        &lt;\/div&gt;\n&lt;\/p&gt;&lt;\/div&gt;\n&lt;\/p&gt;&lt;\/div&gt;\n&lt;\/p&gt;&lt;\/div&gt;\n&lt;\/div&gt;\n&lt;p&gt;&lt;!-- \/wp:html --&gt;&lt;\/p&gt;\n__TVE_SHORTCODE_RAW___<\/div><\/div>","tve_custom_css":"@media (min-width: 300px){[data-css=\"tve-u-19de78aa2ab\"] { margin-right: 19px !important; margin-left: 20px !important; }}","tve_user_custom_css":"","tve_globals":{"e":"1","font_cls":[]},"tcb2_ready":1,"tcb_editor_enabled":0,"tve_landing_page":"","_tve_header":"","_tve_footer":""},"class_list":["post-1573","page","type-page","status-publish","hentry","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/pages\/1573","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=1573"}],"version-history":[{"count":16,"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/pages\/1573\/revisions"}],"predecessor-version":[{"id":1604,"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/pages\/1573\/revisions\/1604"}],"wp:attachment":[{"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/media?parent=1573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}