Rewards & Gamification | ECOFY<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n \/* Base Styles *\/\n :root {\n --primary: #2ecc71;\n --primary-dark: #27ae60;\n --secondary: #3498db;\n --accent: #f1c40f;\n --light: #f9f9f9;\n --dark: #2c3e50;\n --gray: #95a5a6;\n --light-bg: #f5f7fa;\n --shadow: 0 4px 6px rgba(0,0,0,0.1);\n --light-shadow: 0 2px 4px rgba(0,0,0,0.05);\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background-color: var(--light-bg);\n color: var(--dark);\n line-height: 1.6;\n }\n \n .container {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n section {\n padding: 60px 0;\n }\n \n .section-title {\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n \n .section-title h2 {\n font-size: 2.2rem;\n color: var(--dark);\n margin-bottom: 15px;\n }\n \n .section-title p {\n color: var(--gray);\n max-width: 600px;\n margin: 0 auto;\n }\n \n .btn {\n display: inline-block;\n padding: 12px 28px;\n background-color: var(--primary);\n color: white;\n text-decoration: none;\n border-radius: 30px;\n font-weight: 600;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n }\n \n .btn:hover {\n background-color: var(--primary-dark);\n transform: translateY(-2px);\n }\n \n .btn-accent {\n background-color: var(--accent);\n color: var(--dark);\n }\n \n .btn-accent:hover {\n background-color: #e2b607;\n }\n \n \/* Header Styles *\/\n header {\n background-color: white;\n box-shadow: var(--shadow);\n position: sticky;\n top: 0;\n z-index: 100;\n }\n \n .header-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 0;\n }\n \n .logo {\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--primary);\n text-decoration: none;\n }\n \n .logo span {\n color: var(--secondary);\n }\n \n nav ul {\n display: flex;\n list-style: none;\n }\n \n nav ul li {\n margin-left: 30px;\n }\n \n nav ul li a {\n text-decoration: none;\n color: var(--dark);\n font-weight: 500;\n transition: color 0.3s;\n }\n \n nav ul li a:hover {\n color: var(--primary);\n }\n \n \/* Gamification Hero *\/\n .gamification-hero {\n background: linear-gradient(135deg, rgba(241, 196, 15, 0.15) 0%, rgba(46, 204, 113, 0.15) 100%);\n padding: 80px 0;\n text-align: center;\n }\n \n .hero-content {\n max-width: 800px;\n margin: 0 auto;\n }\n \n .hero-content h1 {\n font-size: 3rem;\n margin-bottom: 20px;\n color: var(--dark);\n line-height: 1.2;\n }\n \n .hero-content p {\n font-size: 1.2rem;\n margin-bottom: 30px;\n color: var(--dark);\n }\n \n \/* User Progress *\/\n .user-progress {\n background-color: white;\n border-radius: 15px;\n box-shadow: var(--shadow);\n padding: 40px;\n max-width: 800px;\n margin: -60px auto 0;\n position: relative;\n z-index: 2;\n display: flex;\n flex-wrap: wrap;\n gap: 30px;\n }\n \n .points-display {\n flex: 1;\n min-width: 250px;\n }\n \n .points-value {\n font-size: 3rem;\n font-weight: 700;\n color: var(--accent);\n margin-bottom: 5px;\n }\n \n .points-label {\n font-size: 1.1rem;\n color: var(--dark);\n margin-bottom: 15px;\n }\n \n .level-display {\n flex: 1;\n min-width: 250px;\n }\n \n .level-title {\n font-size: 1.1rem;\n margin-bottom: 15px;\n color: var(--dark);\n }\n \n .level-name {\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 15px;\n }\n \n .level-progress {\n margin-top: 15px;\n }\n \n .level-info {\n display: flex;\n justify-content: space-between;\n margin-bottom: 10px;\n font-size: 0.95rem;\n }\n \n .progress-bar {\n height: 12px;\n background-color: #e0e0e0;\n border-radius: 6px;\n overflow: hidden;\n }\n \n .progress-value {\n height: 100%;\n width: 65%;\n background: linear-gradient(90deg, var(--accent), var(--primary));\n border-radius: 6px;\n }\n \n \/* Badges Section *\/\n .badges-section {\n background-color: var(--light-bg);\n }\n \n .badge-filters {\n display: flex;\n justify-content: center;\n gap: 15px;\n margin-bottom: 40px;\n flex-wrap: wrap;\n }\n \n .badge-filter {\n padding: 10px 25px;\n background-color: white;\n border: 2px solid var(--primary);\n border-radius: 30px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n \n .badge-filter.active, .badge-filter:hover {\n background-color: var(--primary);\n color: white;\n }\n \n .badges-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n gap: 30px;\n }\n \n .badge-card {\n background-color: white;\n border-radius: 15px;\n padding: 25px 20px;\n text-align: center;\n transition: all 0.3s ease;\n box-shadow: var(--light-shadow);\n position: relative;\n overflow: hidden;\n }\n \n .badge-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow);\n }\n \n .badge-card.earned {\n border: 3px solid var(--accent);\n }\n \n .badge-icon {\n width: 90px;\n height: 90px;\n background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n color: white;\n margin: 0 auto 20px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n }\n \n .badge-card.earned .badge-icon {\n background: linear-gradient(135deg, var(--accent) 0%, var(--primary) 100%);\n }\n \n .badge-card h3 {\n font-size: 1.1rem;\n margin-bottom: 10px;\n color: var(--dark);\n }\n \n .badge-points {\n color: var(--gray);\n font-size: 0.9rem;\n margin-bottom: 15px;\n }\n \n .badge-status {\n display: inline-block;\n padding: 6px 15px;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n }\n \n .status-earned {\n background-color: rgba(46, 204, 113, 0.1);\n color: var(--primary-dark);\n }\n \n .status-pending {\n background-color: rgba(241, 196, 15, 0.1);\n color: #d35400;\n }\n \n \/* Leaderboard Section *\/\n .leaderboard-section {\n background-color: white;\n }\n \n .leaderboard-container {\n max-width: 800px;\n margin: 0 auto;\n background-color: white;\n border-radius: 15px;\n box-shadow: var(--shadow);\n overflow: hidden;\n }\n \n .leaderboard-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 30px;\n background-color: var(--primary);\n color: white;\n font-weight: 600;\n }\n \n .leaderboard-list {\n list-style: none;\n }\n \n .leaderboard-item {\n display: flex;\n padding: 20px 30px;\n border-bottom: 1px solid #eee;\n align-items: center;\n }\n \n .leaderboard-item:last-child {\n border-bottom: none;\n }\n \n .leaderboard-rank {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background-color: var(--light-bg);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n margin-right: 20px;\n flex-shrink: 0;\n }\n \n .leaderboard-item:nth-child(2) .leaderboard-rank {\n background-color: #ffd700;\n color: var(--dark);\n }\n \n .leaderboard-item:nth-child(3) .leaderboard-rank {\n background-color: #c0c0c0;\n color: var(--dark);\n }\n \n .leaderboard-item:nth-child(4) .leaderboard-rank {\n background-color: #cd7f32;\n color: var(--dark);\n }\n \n .leaderboard-user {\n display: flex;\n align-items: center;\n flex-grow: 1;\n }\n \n .leaderboard-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: #e0f7fa;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gray);\n font-size: 1.5rem;\n overflow: hidden;\n margin-right: 15px;\n }\n \n .leaderboard-avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n \n .leaderboard-details h3 {\n font-size: 1.1rem;\n margin-bottom: 5px;\n }\n \n .leaderboard-level {\n color: var(--gray);\n font-size: 0.9rem;\n }\n \n .leaderboard-points {\n font-weight: 700;\n color: var(--accent);\n font-size: 1.2rem;\n }\n \n \/* Activities Section *\/\n .activities-section {\n background-color: var(--light-bg);\n }\n \n .activities-tabs {\n display: flex;\n justify-content: center;\n margin-bottom: 40px;\n border-bottom: 2px solid #eee;\n flex-wrap: wrap;\n }\n \n .activity-tab {\n padding: 15px 25px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n }\n \n .activity-tab.active {\n color: var(--primary);\n }\n \n .activity-tab.active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 100%;\n height: 3px;\n background-color: var(--primary);\n }\n \n .activities-container {\n max-width: 800px;\n margin: 0 auto;\n background-color: white;\n border-radius: 15px;\n box-shadow: var(--shadow);\n padding: 30px;\n }\n \n .activity-list {\n list-style: none;\n }\n \n .activity-item {\n padding: 20px 0;\n border-bottom: 1px solid #eee;\n display: flex;\n gap: 15px;\n }\n \n .activity-item:last-child {\n border-bottom: none;\n }\n \n .activity-icon {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: rgba(46, 204, 113, 0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--primary);\n font-size: 1.3rem;\n flex-shrink: 0;\n }\n \n .activity-content {\n flex-grow: 1;\n }\n \n .activity-title {\n font-weight: 600;\n margin-bottom: 8px;\n color: var(--dark);\n }\n \n .activity-desc {\n margin-bottom: 12px;\n color: var(--gray);\n }\n \n .activity-meta {\n display: flex;\n justify-content: space-between;\n color: var(--gray);\n font-size: 0.9rem;\n }\n \n .activity-points {\n color: var(--accent);\n font-weight: 700;\n }\n \n \/* Footer *\/\n footer {\n background-color: var(--dark);\n color: white;\n padding: 60px 0 20px;\n }\n \n .footer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 30px;\n margin-bottom: 40px;\n }\n \n .footer-column h3 {\n margin-bottom: 20px;\n position: relative;\n padding-bottom: 10px;\n }\n \n .footer-column h3::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background-color: var(--primary);\n }\n \n .footer-column ul {\n list-style: none;\n }\n \n .footer-column ul li {\n margin-bottom: 10px;\n }\n \n .footer-column ul li a {\n color: #ecf0f1;\n text-decoration: none;\n transition: color 0.3s;\n }\n \n .footer-column ul li a:hover {\n color: var(--primary);\n }\n \n .social-links {\n display: flex;\n gap: 15px;\n margin-top: 20px;\n }\n \n .social-links a {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background-color: rgba(255,255,255,0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n text-decoration: none;\n transition: all 0.3s ease;\n }\n \n .social-links a:hover {\n background-color: var(--primary);\n transform: translateY(-3px);\n }\n \n .copyright {\n text-align: center;\n padding-top: 20px;\n border-top: 1px solid #34495e;\n color: #bdc3c7;\n }\n \n \/* Responsive Styles *\/\n @media (max-width: 768px) {\n nav ul {\n display: none;\n }\n \n .hero-content h1 {\n font-size: 2.2rem;\n }\n \n .section-title h2 {\n font-size: 1.8rem;\n }\n \n .user-progress {\n margin-top: -30px;\n }\n \n .leaderboard-header {\n flex-direction: column;\n gap: 10px;\n text-align: center;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n \n <section class=\"gamification-hero\">\n <div class=\"container hero-content\">\n <h1>Earn Rewards for Saving the Planet<\/h1>\n <p>Turn your eco-friendly actions into points, badges, and recognition. The\n","protected":false},"excerpt":{"rendered":"<p>Rewards & Gamification | ECOFY Earn Rewards for Saving the Planet Turn your eco-friendly actions into points, badges, and recognition. The<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry","entry"],"yoast_head":"\n<title>Rewards and Gamification - ECOFY<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rewards and Gamification - ECOFY\" \/>\n<meta property=\"og:description\" content=\"Rewards & Gamification | ECOFY Earn Rewards for Saving the Planet Turn your eco-friendly actions into points, badges, and recognition. The\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/\" \/>\n<meta property=\"og:site_name\" content=\"ECOFY\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-20T10:33:38+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/\",\"name\":\"Rewards and Gamification - ECOFY\",\"isPartOf\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#website\"},\"datePublished\":\"2025-06-16T13:14:04+00:00\",\"dateModified\":\"2025-06-20T10:33:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ecofy.websitecompetition.top\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rewards and Gamification\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#website\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/\",\"name\":\"ECOFY\",\"description\":\"Smart. Green. Connected\",\"publisher\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ecofy.websitecompetition.top\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#organization\",\"name\":\"ECOFY\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp\",\"contentUrl\":\"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp\",\"width\":1598,\"height\":894,\"caption\":\"ECOFY\"},\"image\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Rewards and Gamification - ECOFY","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/","og_locale":"en_US","og_type":"article","og_title":"Rewards and Gamification - ECOFY","og_description":"Rewards & Gamification | ECOFY Earn Rewards for Saving the Planet Turn your eco-friendly actions into points, badges, and recognition. The","og_url":"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/","og_site_name":"ECOFY","article_modified_time":"2025-06-20T10:33:38+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/","url":"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/","name":"Rewards and Gamification - ECOFY","isPartOf":{"@id":"https:\/\/ecofy.websitecompetition.top\/#website"},"datePublished":"2025-06-16T13:14:04+00:00","dateModified":"2025-06-20T10:33:38+00:00","breadcrumb":{"@id":"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ecofy.websitecompetition.top\/"},{"@type":"ListItem","position":2,"name":"Rewards and Gamification"}]},{"@type":"WebSite","@id":"https:\/\/ecofy.websitecompetition.top\/#website","url":"https:\/\/ecofy.websitecompetition.top\/","name":"ECOFY","description":"Smart. Green. Connected","publisher":{"@id":"https:\/\/ecofy.websitecompetition.top\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ecofy.websitecompetition.top\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ecofy.websitecompetition.top\/#organization","name":"ECOFY","url":"https:\/\/ecofy.websitecompetition.top\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/","url":"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp","contentUrl":"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp","width":1598,"height":894,"caption":"ECOFY"},"image":{"@id":"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":0,"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"wp:attachment":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":34,"date":"2025-06-16T13:14:04","date_gmt":"2025-06-16T13:14:04","guid":{"rendered":"https:\/\/ecofy.websitecompetition.top\/?page_id=34"},"modified":"2025-06-20T10:33:38","modified_gmt":"2025-06-20T10:33:38","slug":"my-account","status":"publish","type":"page","link":"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/","title":{"rendered":"Rewards and Gamification"},"content":{"rendered":"\n\n\n\n \n \n Rewards & Gamification | ECOFY<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n \/* Base Styles *\/\n :root {\n --primary: #2ecc71;\n --primary-dark: #27ae60;\n --secondary: #3498db;\n --accent: #f1c40f;\n --light: #f9f9f9;\n --dark: #2c3e50;\n --gray: #95a5a6;\n --light-bg: #f5f7fa;\n --shadow: 0 4px 6px rgba(0,0,0,0.1);\n --light-shadow: 0 2px 4px rgba(0,0,0,0.05);\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background-color: var(--light-bg);\n color: var(--dark);\n line-height: 1.6;\n }\n \n .container {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n section {\n padding: 60px 0;\n }\n \n .section-title {\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n \n .section-title h2 {\n font-size: 2.2rem;\n color: var(--dark);\n margin-bottom: 15px;\n }\n \n .section-title p {\n color: var(--gray);\n max-width: 600px;\n margin: 0 auto;\n }\n \n .btn {\n display: inline-block;\n padding: 12px 28px;\n background-color: var(--primary);\n color: white;\n text-decoration: none;\n border-radius: 30px;\n font-weight: 600;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n }\n \n .btn:hover {\n background-color: var(--primary-dark);\n transform: translateY(-2px);\n }\n \n .btn-accent {\n background-color: var(--accent);\n color: var(--dark);\n }\n \n .btn-accent:hover {\n background-color: #e2b607;\n }\n \n \/* Header Styles *\/\n header {\n background-color: white;\n box-shadow: var(--shadow);\n position: sticky;\n top: 0;\n z-index: 100;\n }\n \n .header-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 0;\n }\n \n .logo {\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--primary);\n text-decoration: none;\n }\n \n .logo span {\n color: var(--secondary);\n }\n \n nav ul {\n display: flex;\n list-style: none;\n }\n \n nav ul li {\n margin-left: 30px;\n }\n \n nav ul li a {\n text-decoration: none;\n color: var(--dark);\n font-weight: 500;\n transition: color 0.3s;\n }\n \n nav ul li a:hover {\n color: var(--primary);\n }\n \n \/* Gamification Hero *\/\n .gamification-hero {\n background: linear-gradient(135deg, rgba(241, 196, 15, 0.15) 0%, rgba(46, 204, 113, 0.15) 100%);\n padding: 80px 0;\n text-align: center;\n }\n \n .hero-content {\n max-width: 800px;\n margin: 0 auto;\n }\n \n .hero-content h1 {\n font-size: 3rem;\n margin-bottom: 20px;\n color: var(--dark);\n line-height: 1.2;\n }\n \n .hero-content p {\n font-size: 1.2rem;\n margin-bottom: 30px;\n color: var(--dark);\n }\n \n \/* User Progress *\/\n .user-progress {\n background-color: white;\n border-radius: 15px;\n box-shadow: var(--shadow);\n padding: 40px;\n max-width: 800px;\n margin: -60px auto 0;\n position: relative;\n z-index: 2;\n display: flex;\n flex-wrap: wrap;\n gap: 30px;\n }\n \n .points-display {\n flex: 1;\n min-width: 250px;\n }\n \n .points-value {\n font-size: 3rem;\n font-weight: 700;\n color: var(--accent);\n margin-bottom: 5px;\n }\n \n .points-label {\n font-size: 1.1rem;\n color: var(--dark);\n margin-bottom: 15px;\n }\n \n .level-display {\n flex: 1;\n min-width: 250px;\n }\n \n .level-title {\n font-size: 1.1rem;\n margin-bottom: 15px;\n color: var(--dark);\n }\n \n .level-name {\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--primary);\n margin-bottom: 15px;\n }\n \n .level-progress {\n margin-top: 15px;\n }\n \n .level-info {\n display: flex;\n justify-content: space-between;\n margin-bottom: 10px;\n font-size: 0.95rem;\n }\n \n .progress-bar {\n height: 12px;\n background-color: #e0e0e0;\n border-radius: 6px;\n overflow: hidden;\n }\n \n .progress-value {\n height: 100%;\n width: 65%;\n background: linear-gradient(90deg, var(--accent), var(--primary));\n border-radius: 6px;\n }\n \n \/* Badges Section *\/\n .badges-section {\n background-color: var(--light-bg);\n }\n \n .badge-filters {\n display: flex;\n justify-content: center;\n gap: 15px;\n margin-bottom: 40px;\n flex-wrap: wrap;\n }\n \n .badge-filter {\n padding: 10px 25px;\n background-color: white;\n border: 2px solid var(--primary);\n border-radius: 30px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n \n .badge-filter.active, .badge-filter:hover {\n background-color: var(--primary);\n color: white;\n }\n \n .badges-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n gap: 30px;\n }\n \n .badge-card {\n background-color: white;\n border-radius: 15px;\n padding: 25px 20px;\n text-align: center;\n transition: all 0.3s ease;\n box-shadow: var(--light-shadow);\n position: relative;\n overflow: hidden;\n }\n \n .badge-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow);\n }\n \n .badge-card.earned {\n border: 3px solid var(--accent);\n }\n \n .badge-icon {\n width: 90px;\n height: 90px;\n background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n color: white;\n margin: 0 auto 20px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n }\n \n .badge-card.earned .badge-icon {\n background: linear-gradient(135deg, var(--accent) 0%, var(--primary) 100%);\n }\n \n .badge-card h3 {\n font-size: 1.1rem;\n margin-bottom: 10px;\n color: var(--dark);\n }\n \n .badge-points {\n color: var(--gray);\n font-size: 0.9rem;\n margin-bottom: 15px;\n }\n \n .badge-status {\n display: inline-block;\n padding: 6px 15px;\n border-radius: 20px;\n font-size: 0.85rem;\n font-weight: 600;\n }\n \n .status-earned {\n background-color: rgba(46, 204, 113, 0.1);\n color: var(--primary-dark);\n }\n \n .status-pending {\n background-color: rgba(241, 196, 15, 0.1);\n color: #d35400;\n }\n \n \/* Leaderboard Section *\/\n .leaderboard-section {\n background-color: white;\n }\n \n .leaderboard-container {\n max-width: 800px;\n margin: 0 auto;\n background-color: white;\n border-radius: 15px;\n box-shadow: var(--shadow);\n overflow: hidden;\n }\n \n .leaderboard-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 30px;\n background-color: var(--primary);\n color: white;\n font-weight: 600;\n }\n \n .leaderboard-list {\n list-style: none;\n }\n \n .leaderboard-item {\n display: flex;\n padding: 20px 30px;\n border-bottom: 1px solid #eee;\n align-items: center;\n }\n \n .leaderboard-item:last-child {\n border-bottom: none;\n }\n \n .leaderboard-rank {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background-color: var(--light-bg);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n margin-right: 20px;\n flex-shrink: 0;\n }\n \n .leaderboard-item:nth-child(2) .leaderboard-rank {\n background-color: #ffd700;\n color: var(--dark);\n }\n \n .leaderboard-item:nth-child(3) .leaderboard-rank {\n background-color: #c0c0c0;\n color: var(--dark);\n }\n \n .leaderboard-item:nth-child(4) .leaderboard-rank {\n background-color: #cd7f32;\n color: var(--dark);\n }\n \n .leaderboard-user {\n display: flex;\n align-items: center;\n flex-grow: 1;\n }\n \n .leaderboard-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: #e0f7fa;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gray);\n font-size: 1.5rem;\n overflow: hidden;\n margin-right: 15px;\n }\n \n .leaderboard-avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n \n .leaderboard-details h3 {\n font-size: 1.1rem;\n margin-bottom: 5px;\n }\n \n .leaderboard-level {\n color: var(--gray);\n font-size: 0.9rem;\n }\n \n .leaderboard-points {\n font-weight: 700;\n color: var(--accent);\n font-size: 1.2rem;\n }\n \n \/* Activities Section *\/\n .activities-section {\n background-color: var(--light-bg);\n }\n \n .activities-tabs {\n display: flex;\n justify-content: center;\n margin-bottom: 40px;\n border-bottom: 2px solid #eee;\n flex-wrap: wrap;\n }\n \n .activity-tab {\n padding: 15px 25px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n }\n \n .activity-tab.active {\n color: var(--primary);\n }\n \n .activity-tab.active::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n width: 100%;\n height: 3px;\n background-color: var(--primary);\n }\n \n .activities-container {\n max-width: 800px;\n margin: 0 auto;\n background-color: white;\n border-radius: 15px;\n box-shadow: var(--shadow);\n padding: 30px;\n }\n \n .activity-list {\n list-style: none;\n }\n \n .activity-item {\n padding: 20px 0;\n border-bottom: 1px solid #eee;\n display: flex;\n gap: 15px;\n }\n \n .activity-item:last-child {\n border-bottom: none;\n }\n \n .activity-icon {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: rgba(46, 204, 113, 0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--primary);\n font-size: 1.3rem;\n flex-shrink: 0;\n }\n \n .activity-content {\n flex-grow: 1;\n }\n \n .activity-title {\n font-weight: 600;\n margin-bottom: 8px;\n color: var(--dark);\n }\n \n .activity-desc {\n margin-bottom: 12px;\n color: var(--gray);\n }\n \n .activity-meta {\n display: flex;\n justify-content: space-between;\n color: var(--gray);\n font-size: 0.9rem;\n }\n \n .activity-points {\n color: var(--accent);\n font-weight: 700;\n }\n \n \/* Footer *\/\n footer {\n background-color: var(--dark);\n color: white;\n padding: 60px 0 20px;\n }\n \n .footer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 30px;\n margin-bottom: 40px;\n }\n \n .footer-column h3 {\n margin-bottom: 20px;\n position: relative;\n padding-bottom: 10px;\n }\n \n .footer-column h3::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background-color: var(--primary);\n }\n \n .footer-column ul {\n list-style: none;\n }\n \n .footer-column ul li {\n margin-bottom: 10px;\n }\n \n .footer-column ul li a {\n color: #ecf0f1;\n text-decoration: none;\n transition: color 0.3s;\n }\n \n .footer-column ul li a:hover {\n color: var(--primary);\n }\n \n .social-links {\n display: flex;\n gap: 15px;\n margin-top: 20px;\n }\n \n .social-links a {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background-color: rgba(255,255,255,0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n text-decoration: none;\n transition: all 0.3s ease;\n }\n \n .social-links a:hover {\n background-color: var(--primary);\n transform: translateY(-3px);\n }\n \n .copyright {\n text-align: center;\n padding-top: 20px;\n border-top: 1px solid #34495e;\n color: #bdc3c7;\n }\n \n \/* Responsive Styles *\/\n @media (max-width: 768px) {\n nav ul {\n display: none;\n }\n \n .hero-content h1 {\n font-size: 2.2rem;\n }\n \n .section-title h2 {\n font-size: 1.8rem;\n }\n \n .user-progress {\n margin-top: -30px;\n }\n \n .leaderboard-header {\n flex-direction: column;\n gap: 10px;\n text-align: center;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n \n <section class=\"gamification-hero\">\n <div class=\"container hero-content\">\n <h1>Earn Rewards for Saving the Planet<\/h1>\n <p>Turn your eco-friendly actions into points, badges, and recognition. The\n","protected":false},"excerpt":{"rendered":"<p>Rewards & Gamification | ECOFY Earn Rewards for Saving the Planet Turn your eco-friendly actions into points, badges, and recognition. The<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry","entry"],"yoast_head":"\n<title>Rewards and Gamification - ECOFY<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rewards and Gamification - ECOFY\" \/>\n<meta property=\"og:description\" content=\"Rewards & Gamification | ECOFY Earn Rewards for Saving the Planet Turn your eco-friendly actions into points, badges, and recognition. The\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/\" \/>\n<meta property=\"og:site_name\" content=\"ECOFY\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-20T10:33:38+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/\",\"name\":\"Rewards and Gamification - ECOFY\",\"isPartOf\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#website\"},\"datePublished\":\"2025-06-16T13:14:04+00:00\",\"dateModified\":\"2025-06-20T10:33:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ecofy.websitecompetition.top\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rewards and Gamification\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#website\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/\",\"name\":\"ECOFY\",\"description\":\"Smart. Green. Connected\",\"publisher\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ecofy.websitecompetition.top\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#organization\",\"name\":\"ECOFY\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp\",\"contentUrl\":\"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp\",\"width\":1598,\"height\":894,\"caption\":\"ECOFY\"},\"image\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Rewards and Gamification - ECOFY","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/","og_locale":"en_US","og_type":"article","og_title":"Rewards and Gamification - ECOFY","og_description":"Rewards & Gamification | ECOFY Earn Rewards for Saving the Planet Turn your eco-friendly actions into points, badges, and recognition. The","og_url":"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/","og_site_name":"ECOFY","article_modified_time":"2025-06-20T10:33:38+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/","url":"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/","name":"Rewards and Gamification - ECOFY","isPartOf":{"@id":"https:\/\/ecofy.websitecompetition.top\/#website"},"datePublished":"2025-06-16T13:14:04+00:00","dateModified":"2025-06-20T10:33:38+00:00","breadcrumb":{"@id":"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ecofy.websitecompetition.top\/index.php\/my-account\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ecofy.websitecompetition.top\/"},{"@type":"ListItem","position":2,"name":"Rewards and Gamification"}]},{"@type":"WebSite","@id":"https:\/\/ecofy.websitecompetition.top\/#website","url":"https:\/\/ecofy.websitecompetition.top\/","name":"ECOFY","description":"Smart. Green. Connected","publisher":{"@id":"https:\/\/ecofy.websitecompetition.top\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ecofy.websitecompetition.top\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ecofy.websitecompetition.top\/#organization","name":"ECOFY","url":"https:\/\/ecofy.websitecompetition.top\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/","url":"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp","contentUrl":"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp","width":1598,"height":894,"caption":"ECOFY"},"image":{"@id":"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":0,"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"wp:attachment":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}