{"id":260,"date":"2026-07-24T11:55:05","date_gmt":"2026-07-24T11:55:05","guid":{"rendered":"https:\/\/setuphero.com\/mu\/?page_id=260"},"modified":"2026-08-21T06:18:34","modified_gmt":"2026-08-21T06:18:34","slug":"login","status":"publish","type":"page","link":"https:\/\/setuphero.com\/mu\/login\/","title":{"rendered":"Login"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"260\" class=\"elementor elementor-260\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96ca8c6 e-con-full e-flex e-con e-parent\" data-id=\"96ca8c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-365743a elementor-widget elementor-widget-shortcode\" data-id=\"365743a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n        .sh-login-widget {\n            --cream: #F5F3EE;\n            --darkbg: #0a0a0a;\n            --gold: #C59D51;\n            --ink: #1B1B1B;\n            --gray-text: #6b7280;\n            --light-gray: #e5e7eb;\n            --white: #ffffff;\n            font-family: 'Inter', sans-serif;\n            background-color: var(--cream);\n            color: var(--ink);\n            width: 100%;\n            max-width: 100%;\n            margin: 0 auto;\n            min-height: 80vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 4rem 1rem;\n            box-sizing: border-box;\n        }\n        .sh-login-widget *, .sh-login-widget *::before, .sh-login-widget *::after {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n        .sh-login-widget a { text-decoration: none; transition: color 0.2s ease; }\n        .sh-login-container { width: 100%; max-width: 28rem; margin: 0 auto; }\n        .sh-login-card {\n            background-color: var(--white);\n            border-radius: 28px;\n            padding: 2.5rem;\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n            border: 1px solid rgba(0, 0, 0, 0.05);\n        }\n        .sh-login-icon-box {\n            width: 3.5rem; height: 3.5rem;\n            background-color: rgba(197, 157, 81, 0.1);\n            border: 1px solid rgba(197, 157, 81, 0.3);\n            border-radius: 1rem;\n            display: flex; align-items: center; justify-content: center;\n            margin: 0 auto 1.25rem auto; color: var(--gold);\n        }\n        .sh-login-header { text-align: center; margin-bottom: 2rem; }\n        .sh-login-header h1 { font-size: 1.75rem; font-weight: 900; color: var(--darkbg); margin-bottom: 0.5rem; }\n        .sh-login-header p { color: var(--gray-text); font-size: 0.875rem; }\n        .sh-login-alert {\n            border-radius: 0.75rem; padding: 0.75rem 1rem; font-size: 0.875rem;\n            display: flex; align-items: flex-start; gap: 0.625rem; margin-bottom: 1.5rem;\n        }\n        .sh-login-alert-error { background-color: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; }\n        .sh-login-alert-info { background-color: var(--cream); border: 1px solid rgba(197, 157, 81, 0.2); color: var(--darkbg); }\n        .sh-login-form { display: flex; flex-direction: column; gap: 1.25rem; }\n        .sh-login-field { display: flex; flex-direction: column; gap: 0.5rem; }\n        .sh-login-field label { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; color: var(--gray-text); }\n        .sh-login-input {\n            width: 100%; border-radius: 0.75rem; border: 1px solid var(--light-gray);\n            padding: 0.75rem 1rem; font-size: 0.875rem; color: var(--darkbg); font-family: 'Inter', sans-serif;\n        }\n        .sh-login-input:focus { outline: none; box-shadow: 0 0 0 3px rgba(197, 157, 81, 0.25); border-color: var(--gold); }\n        .sh-password-wrap { position: relative; }\n        .sh-password-wrap input { padding-right: 2.75rem; }\n        .sh-password-toggle {\n            position: absolute; right: 0.875rem; top: 50%; transform: translateY(-50%);\n            background: none; border: none; color: #9ca3af; cursor: pointer; display: flex; align-items: center; justify-content: center;\n        }\n        .sh-password-toggle:hover { color: var(--gold); }\n        .sh-login-row { display: flex; align-items: center; justify-content: space-between; font-size: 0.75rem; }\n        .sh-login-checkbox-label { display: flex; align-items: center; gap: 0.5rem; font-weight: 600; color: #4b5563; cursor: pointer; }\n        .sh-login-forgot { font-weight: 700; color: var(--gold); }\n        .sh-login-btn {\n            display: block; width: 100%; text-align: center; background-color: var(--gold);\n            color: var(--darkbg); font-weight: 700; font-size: 0.875rem; padding: 0.875rem 1.5rem;\n            border-radius: 0.75rem; border: none; cursor: pointer; font-family: 'Inter', sans-serif;\n        }\n        .sh-login-btn:hover { opacity: 0.9; }\n        .sh-login-btn-outline {\n            display: block; width: 100%; text-align: center; background-color: transparent;\n            border: 2px solid var(--darkbg); color: var(--darkbg); font-weight: 700; font-size: 0.875rem;\n            padding: 0.875rem 1.5rem; border-radius: 0.75rem; cursor: pointer; font-family: 'Inter', sans-serif;\n        }\n    <\/style>\n\n    <div class=\"sh-login-widget\" id=\"setuphero-login\">\n        <div class=\"sh-login-container\">\n                            <div class=\"sh-login-card\">\n                    <div class=\"sh-login-header\">\n                        <div class=\"sh-login-icon-box\">\n                            <svg width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z\"\/><\/svg>\n                        <\/div>\n                        <h1>Welcome to SetupHero!<\/h1>\n                        <p>Log in to access your account.<\/p>\n                    <\/div>\n\n                    \n                    \n                    <form method=\"post\" action=\"\" class=\"sh-login-form\">\n                        <input type=\"hidden\" id=\"sh_login_nonce\" name=\"sh_login_nonce\" value=\"79018c8dbb\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/mu\/wp-json\/wp\/v2\/pages\/260\" \/>                        <input type=\"hidden\" name=\"sh_redirect_to\" value=\"https:\/\/setuphero.com\/mu\/wp-json\/wp\/v2\/pages\/260\">\n\n                        <div class=\"sh-login-field\">\n                            <label for=\"sh_username\">Username or Email<\/label>\n                            <input type=\"text\" id=\"sh_username\" name=\"sh_username\" required autocomplete=\"username\" class=\"sh-login-input\" placeholder=\"you@example.com\">\n                        <\/div>\n\n                        <div class=\"sh-login-field\">\n                            <label for=\"sh_password\">Password<\/label>\n                            <div class=\"sh-password-wrap\">\n                                <input type=\"password\" id=\"sh_password\" name=\"sh_password\" required autocomplete=\"current-password\" class=\"sh-login-input\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\">\n                                <button type=\"button\" onclick=\"shTogglePassword()\" aria-label=\"Show password\" class=\"sh-password-toggle\">\n                                    <svg id=\"sh_eye_open\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\/><\/svg>\n                                    <svg id=\"sh_eye_closed\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" style=\"display:none;\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243l4.242 4.242Z\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"sh-login-row\">\n                            <label class=\"sh-login-checkbox-label\">\n                                <input type=\"checkbox\" name=\"sh_remember\" value=\"1\"> Remember me\n                            <\/label>\n                            <a href=\"https:\/\/setuphero.com\/mu\/wp-login.php?action=lostpassword&#038;redirect_to=https%3A%2F%2Fsetuphero.com%2Fmu%2Fwp-json%2Fwp%2Fv2%2Fpages%2F260\" class=\"sh-login-forgot\">Forgot password?<\/a>\n                        <\/div>\n\n                        <button type=\"submit\" name=\"sh_login_submit\" value=\"1\" class=\"sh-login-btn\">Log In<\/button>\n                    <\/form>\n                <\/div>\n                    <\/div>\n    <\/div>\n\n    <script>\n        function shTogglePassword() {\n            var input = document.getElementById('sh_password');\n            var eyeOpen = document.getElementById('sh_eye_open');\n            var eyeClosed = document.getElementById('sh_eye_closed');\n            if (!input || !eyeOpen || !eyeClosed) return;\n            if (input.type === 'password') {\n                input.type = 'text';\n                eyeOpen.style.display = 'none';\n                eyeClosed.style.display = 'block';\n            } else {\n                input.type = 'password';\n                eyeOpen.style.display = 'block';\n                eyeClosed.style.display = 'none';\n            }\n        }\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-260","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/setuphero.com\/mu\/wp-json\/wp\/v2\/pages\/260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/setuphero.com\/mu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/setuphero.com\/mu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/setuphero.com\/mu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/setuphero.com\/mu\/wp-json\/wp\/v2\/comments?post=260"}],"version-history":[{"count":155,"href":"https:\/\/setuphero.com\/mu\/wp-json\/wp\/v2\/pages\/260\/revisions"}],"predecessor-version":[{"id":1283,"href":"https:\/\/setuphero.com\/mu\/wp-json\/wp\/v2\/pages\/260\/revisions\/1283"}],"wp:attachment":[{"href":"https:\/\/setuphero.com\/mu\/wp-json\/wp\/v2\/media?parent=260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}