{"id":583,"date":"2025-09-16T08:48:42","date_gmt":"2025-09-16T01:48:42","guid":{"rendered":"https:\/\/sareocms-dev.capital-commerce.com\/affiliate-reset-password\/"},"modified":"2026-03-13T14:20:29","modified_gmt":"2026-03-13T07:20:29","slug":"reset-password","status":"publish","type":"page","link":"https:\/\/staging.sareo.id\/id\/reset-password\/","title":{"rendered":"Reset Password"},"content":{"rendered":"<style>\n\/* \u2500\u2500 Layout handled by sareo-custom.css \u2500\u2500 *\/\n\/* Layout rules for .register-page-wrapper, .register-container,\n   .register-background, .register-form-container, .form-wrapper\n   are ALL in the external CSS to ensure consistency across auth pages. *\/\n\n\/* \u2500\u2500 Typography \u2500\u2500 *\/\n.register-header {\n    margin-bottom: 32px !important;\n}\n\n.welcome-text {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 34px !important;\n    font-weight: 700 !important;\n    color: #222222 !important;\n    margin-bottom: 8px !important;\n    line-height: 1.2 !important;\n    text-transform: none !important;\n    letter-spacing: -0.5px !important;\n}\n\n.subtitle-text {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 14px !important;\n    font-weight: 500 !important;\n    color: #999999 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 2px !important;\n}\n\n\/* \u2500\u2500 Form Fields \u2500\u2500 *\/\n.form-field {\n    margin-bottom: 24px !important;\n    width: 100% !important;\n}\n\n.form-field label {\n    display: block !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 11px !important;\n    font-weight: 700 !important;\n    color: #222222 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1px !important;\n    margin-bottom: 8px !important;\n}\n\n#uap_reset_form input[type=\"text\"] {\n    width: 100% !important;\n    height: 50px !important;\n    padding: 12px 16px !important;\n    background: #ffffff !important;\n    border: 1px solid #e0e0e0 !important;\n    border-radius: 6px !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 14px !important;\n    color: #222222 !important;\n    transition: all 0.3s ease !important;\n    box-sizing: border-box !important;\n    outline: none !important;\n}\n\n#uap_reset_form input[type=\"text\"]:focus {\n    border-color: #c8a97e !important;\n    box-shadow: 0 0 0 4px rgba(200, 169, 126, 0.1) !important;\n}\n\n\/* \u2500\u2500 Submit Button \u2500\u2500 *\/\n.uap-reset-password-button {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 100% !important;\n    background: #222222 !important;\n    color: #ffffff !important;\n    border: none !important;\n    border-radius: 6px !important;\n    padding: 16px 20px !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 2px !important;\n    cursor: pointer !important;\n    margin-top: 10px !important;\n    height: auto !important;\n    min-height: 50px !important;\n    box-sizing: border-box !important;\n    line-height: 1 !important;\n    transition: all 0.2s ease !important;\n}\n\n.uap-reset-password-button:hover {\n    background: #c8a97e !important;\n    box-shadow: 0 4px 16px rgba(200, 169, 126, 0.4) !important;\n}\n\n\/* \u2500\u2500 Messages \u2500\u2500 *\/\n.uap-reset-pass-success-msg,\n.uap-wrapp-the-errors {\n    padding: 16px !important;\n    border-radius: 8px !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 13px !important;\n    margin-bottom: 24px !important;\n    text-align: center !important;\n}\n\n\/* \u2500\u2500 Links \u2500\u2500 *\/\n.login-link {\n    text-align: center !important;\n    margin-top: 24px !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 13px !important;\n    color: #666666 !important;\n}\n\n.login-link a {\n    color: #c8a97e !important;\n    font-weight: 600 !important;\n    text-decoration: none !important;\n}\n<\/style>\n\n\n<style>\n\/* Dynamic Banner Style *\/\nbody .register-container .register-background {\n    background: url('https:\/\/staging.sareo.id\/wp-content\/uploads\/2025\/08\/artike5.png') no-repeat center center !important;\n    background-size: cover !important;\n}\n.register-background__logo {\n    display: none !important;\n}\n<\/style>\n\n    <div class=\"register-page-wrapper\">\n        <div class=\"register-container\">\n\n            <!-- Left: Decorative Panel -->\n            <div class=\"register-background\">\n                <img decoding=\"async\" src=\"https:\/\/staging.sareo.id\/wp-content\/themes\/sareo\/_g3\/assets\/images\/logo-registration-white.png\" alt=\"Sareo\"\n                    class=\"register-background__logo\" style=\"width: 70%; max-width: 300px; opacity: 0.9;\" \/>\n            <\/div>\n\n            <!-- Right: Form -->\n            <div class=\"register-form-container\">\n                <div class=\"form-wrapper\">\n\n                    <div class=\"register-header\">\n                        <div class=\"welcome-text\">Reset Password<\/div>\n                        <div class=\"subtitle-text\">Enter your email to proceed<\/div>\n                    <\/div>\n\n                    \n                    <form method=\"post\" id=\"uap_reset_form\" action=\"\">\n                        <input type=\"hidden\" name=\"uap_reset_password_nonce\" value=\"fc1556dad8\" \/>\n                        <input name=\"uapaction\" type=\"hidden\" value=\"reset_pass\">\n\n                        <div class=\"form-field\">\n                            <label for=\"email_or_userlogin\">Email<\/label>\n                            <input type=\"text\" value=\"\" name=\"email_or_userlogin\" id=\"email_or_userlogin\" \n                                placeholder=\"Enter your email address\" \n                                required \/>\n                        <\/div>\n\n                        <button type=\"submit\" class=\"uap-reset-password-button\">Reset Password<\/button>\n\n                        <div class=\"login-link\">\n                            <a href=\"https:\/\/staging.sareo.id\/id\/member-login\/\">\n                                \u2190 Back to Login                            <\/a>\n                        <\/div>\n                    <input type=\"hidden\" name=\"trp-form-language\" value=\"id\"\/><\/form>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    \/* \u2500\u2500 Full-width layout \u2500\u2500 *\/\n    var sel = [\n        '.site-body-container',\n        '.main-section',\n        '.entry.entry-full',\n        '.entry-body',\n        '.entry-content',\n    ];\n    sel.forEach(function (s) {\n        var el = document.querySelector(s);\n        if (!el) return;\n        if (el.closest('header.site-header')) return;\n\n        el.style.setProperty('max-width', '100%', 'important');\n        el.style.setProperty('width', '100%', 'important');\n        el.style.setProperty('padding', '0', 'important');\n        el.style.setProperty('margin', '0', 'important');\n        el.classList.remove('container');\n        el.classList.add('container-fluid');\n    });\n    var siteBody = document.querySelector('.site-body');\n    if (siteBody) {\n        siteBody.style.setProperty('padding-top', '0', 'important');\n        siteBody.style.setProperty('padding-bottom', '0', 'important');\n    }\n    \/* \u2500\u2500 Hide page header\/breadcrumbs \u2500\u2500 *\/\n    ['.page-header', '.entry-header', '.breadcrumb-section'].forEach(function (s) {\n        var el = document.querySelector(s);\n        if (el) el.style.setProperty('display', 'none', 'important');\n    });\n    \/* \u2500\u2500 Remove footer top spacing \u2500\u2500 *\/\n    var footer = document.querySelector('footer.site-footer, .site-footer');\n    if (footer) {\n        footer.style.setProperty('margin-top', '0', 'important');\n        footer.style.setProperty('padding-top', '0', 'important');\n    }\n});\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-583","page","type-page","status-publish","has-post-thumbnail","hentry"],"featured_image_url":[],"post_author":"Admin Sareo","assigned_categories":"","_links":{"self":[{"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/pages\/583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/comments?post=583"}],"version-history":[{"count":0,"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/pages\/583\/revisions"}],"wp:attachment":[{"href":"https:\/\/staging.sareo.id\/id\/wp-json\/wp\/v2\/media?parent=583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}