{"id":64,"date":"2025-12-04T06:40:43","date_gmt":"2025-12-04T06:40:43","guid":{"rendered":"https:\/\/test-hgportal.zyneventures.com\/?page_id=64"},"modified":"2026-02-16T10:23:23","modified_gmt":"2026-02-16T10:23:23","slug":"login-2","status":"publish","type":"page","link":"https:\/\/test-hgportal.zyneventures.com\/","title":{"rendered":"login"},"content":{"rendered":"<style>.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id64_bffe93-30{margin-top:0px;margin-bottom:0px;}.kb-row-layout-id64_bffe93-30 > .kt-row-column-wrap{align-content:center;}:where(.kb-row-layout-id64_bffe93-30 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:center;}.kb-row-layout-id64_bffe93-30 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-none, 0rem );row-gap:var(--global-kb-gap-none, 0rem );max-width:var( --global-content-width, 1290px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;grid-template-columns:minmax(0, calc(65% - ((var(--global-kb-gap-none, 0rem ) * 1 )\/2)))minmax(0, calc(35% - ((var(--global-kb-gap-none, 0rem ) * 1 )\/2)));}.kb-row-layout-id64_bffe93-30 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id64_bffe93-30 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-none, 0rem );grid-template-columns:minmax(0, calc(60% - ((var(--global-kb-gap-none, 0rem ) * 1 )\/2)))minmax(0, calc(40% - ((var(--global-kb-gap-none, 0rem ) * 1 )\/2)));}}@media all and (max-width: 767px){.kb-row-layout-id64_bffe93-30 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id64_bffe93-30 alignnone has-theme-palette8-background-color kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-middle kb-theme-content-width\">\n<style>.kadence-column64_d7b751-52 > .kt-inside-inner-col{display:flex;}.kadence-column64_d7b751-52 > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kadence-column64_d7b751-52 > .kt-inside-inner-col,.kadence-column64_d7b751-52 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column64_d7b751-52 > .kt-inside-inner-col{row-gap:var(--global-kb-gap-none, 0rem );column-gap:var(--global-kb-gap-none, 0rem );}.kadence-column64_d7b751-52 > .kt-inside-inner-col{flex-direction:row;flex-wrap:wrap;align-items:center;}.kadence-column64_d7b751-52 > .kt-inside-inner-col > *, .kadence-column64_d7b751-52 > .kt-inside-inner-col > figure.wp-block-image, .kadence-column64_d7b751-52 > .kt-inside-inner-col > figure.wp-block-kadence-image{margin-top:0px;margin-bottom:0px;}.kadence-column64_d7b751-52 > .kt-inside-inner-col > .kb-image-is-ratio-size{flex-grow:1;}.kadence-column64_d7b751-52 > .kt-inside-inner-col{background-image:url('https:\/\/test-hgportal.zyneventures.com\/wp-content\/uploads\/2026\/02\/login_image.png');background-size:cover;background-position:center center;background-attachment:scroll;background-repeat:no-repeat;}.kadence-column64_d7b751-52 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column64_d7b751-52{position:relative;}.kadence-column64_d7b751-52, .kt-inside-inner-col > .kadence-column64_d7b751-52:not(.specificity){margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}@media all and (max-width: 1024px){.kadence-column64_d7b751-52 > .kt-inside-inner-col{flex-direction:row;flex-wrap:wrap;align-items:center;}}@media all and (min-width: 768px) and (max-width: 1024px){.kadence-column64_d7b751-52 > .kt-inside-inner-col > *, .kadence-column64_d7b751-52 > .kt-inside-inner-col > figure.wp-block-image, .kadence-column64_d7b751-52 > .kt-inside-inner-col > figure.wp-block-kadence-image{margin-top:0px;margin-bottom:0px;}.kadence-column64_d7b751-52 > .kt-inside-inner-col > .kb-image-is-ratio-size{flex-grow:1;}}@media all and (max-width: 767px){.kadence-column64_d7b751-52 > .kt-inside-inner-col{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;}.kadence-column64_d7b751-52 > .kt-inside-inner-col > *, .kadence-column64_d7b751-52 > .kt-inside-inner-col > figure.wp-block-image, .kadence-column64_d7b751-52 > .kt-inside-inner-col > figure.wp-block-kadence-image{margin-top:0px;margin-bottom:0px;}.kadence-column64_d7b751-52 > .kt-inside-inner-col > .kb-image-is-ratio-size{flex-grow:1;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column64_d7b751-52 kb-section-dir-horizontal\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-full is-resized has-custom-border\" style=\"margin-top:0;margin-right:0px;margin-bottom:0;margin-left:0px\"><img loading=\"lazy\" decoding=\"async\" width=\"1406\" height=\"1216\" src=\"https:\/\/test-hgportal.zyneventures.com\/wp-content\/uploads\/2025\/12\/login_image.png\" alt=\"\" class=\"wp-image-65\" style=\"border-style:none;border-width:0px;border-top-right-radius:11px;border-bottom-right-radius:10px;width:auto;height:830px\" srcset=\"https:\/\/test-hgportal.zyneventures.com\/wp-content\/uploads\/2025\/12\/login_image.png 1406w, https:\/\/test-hgportal.zyneventures.com\/wp-content\/uploads\/2025\/12\/login_image-300x259.png 300w, https:\/\/test-hgportal.zyneventures.com\/wp-content\/uploads\/2025\/12\/login_image-1024x886.png 1024w, https:\/\/test-hgportal.zyneventures.com\/wp-content\/uploads\/2025\/12\/login_image-768x664.png 768w\" sizes=\"auto, (max-width: 1406px) 100vw, 1406px\" \/><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column64_a7ddfb-5d > .kt-inside-inner-col{display:flex;}.kadence-column64_a7ddfb-5d > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:var(--global-kb-spacing-md, 2rem);}.kadence-column64_a7ddfb-5d > .kt-inside-inner-col,.kadence-column64_a7ddfb-5d > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column64_a7ddfb-5d > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column64_a7ddfb-5d > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:flex-end;}.kadence-column64_a7ddfb-5d > .kt-inside-inner-col > .kb-image-is-ratio-size{align-self:stretch;}.kadence-column64_a7ddfb-5d > .kt-inside-inner-col > .wp-block-kadence-advancedgallery{align-self:stretch;}.kadence-column64_a7ddfb-5d > .kt-inside-inner-col > .aligncenter{width:100%;}.kt-row-column-wrap > .kadence-column64_a7ddfb-5d{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column64_a7ddfb-5d{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column64_a7ddfb-5d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column64_a7ddfb-5d > .kt-inside-inner-col{background-color:var(--global-palette8, #F7FAFC);}.kadence-column64_a7ddfb-5d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column64_a7ddfb-5d{text-align:left;}.kadence-column64_a7ddfb-5d{position:relative;}.kadence-column64_a7ddfb-5d, .kt-inside-inner-col > .kadence-column64_a7ddfb-5d:not(.specificity){margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}@media all and (max-width: 1024px){.kadence-column64_a7ddfb-5d > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-xs, 1rem);padding-right:var(--global-kb-spacing-xs, 1rem);padding-bottom:var(--global-kb-spacing-xs, 1rem);padding-left:var(--global-kb-spacing-xs, 1rem);flex-direction:column;justify-content:center;align-items:flex-end;}}@media all and (max-width: 1024px){.kt-row-column-wrap > .kadence-column64_a7ddfb-5d{align-self:center;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column64_a7ddfb-5d{align-self:auto;}}@media all and (max-width: 1024px){.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column64_a7ddfb-5d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kt-row-column-wrap > .kadence-column64_a7ddfb-5d{align-self:center;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column64_a7ddfb-5d{align-self:auto;}.kt-inner-column-height-full:not(.kt-has-1-columns) > .wp-block-kadence-column.kadence-column64_a7ddfb-5d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}.kadence-column64_a7ddfb-5d > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:flex-end;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column64_a7ddfb-5d\"><div class=\"kt-inside-inner-col\">\n<div class=\"wp-block-columns is-style-default has-theme-palette-8-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9a0af650 wp-block-columns-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-column is-style-default has-theme-palette-9-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-style:none;border-width:0px;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);font-size:0px\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"625\" height=\"231\" src=\"https:\/\/test-hgportal.zyneventures.com\/wp-content\/uploads\/2025\/11\/hga-logo.webp\" alt=\"\" class=\"wp-image-40\" style=\"width:150px\" srcset=\"https:\/\/test-hgportal.zyneventures.com\/wp-content\/uploads\/2025\/11\/hga-logo.webp 625w, https:\/\/test-hgportal.zyneventures.com\/wp-content\/uploads\/2025\/11\/hga-logo-300x111.webp 300w\" sizes=\"auto, (max-width: 625px) 100vw, 625px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-medium-font-size\" id=\"login-in-to-account\">Login in to account<br><\/h2>\n\n\n\n<p class=\"has-text-color has-link-color has-small-font-size wp-elements-58290af6e3ad3211886b165494bf91a3 wp-block-paragraph\" style=\"color:#898989;padding-right:var(--wp--preset--spacing--50)\">Welcome back! Enter your credentials to access your account<\/p>\n\n\n\n\n\n    <!DOCTYPE html>\n    <html lang=\"en\">\n    <head>\n    <meta charset=\"UTF-8\">\n    <title>Login<\/title>\n\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .form-container {\n            width: 100%;\n            max-width: 400px;\n            background: white;\n            border-radius: 12px;\n            padding-right: 30px;\n            font-family: Arial, sans-serif;\n        }\n\n        .field {\n            margin-bottom: 24px;\n        }\n\n        .field-label {\n            font-size: 14px;\n            font-weight: 500;\n            color: #1e293b;\n            margin-bottom: 6px;\n            display: block;\n        }\n\n        .email-input {\n            background: #E8F0FE;\n            border: 1px solid #e2e8f0;\n            border-radius: 12px;\n            padding: 10px 15px;\n            font-size: 15px;\n            color: #0f172a;\n            width: 100%;\n            outline: none;\n        }\n\n        .email-input:focus {\n            border-color: #2563eb;\n        }\n\n        .password-wrapper {\n            position: relative;\n            display: flex;\n            align-items: center;\n            border: 1px solid #e2e8f0;\n            border-radius: 12px;\n            background: #f8fafc;\n            transition: all 0.2s;\n        }\n\n        .password-wrapper:focus-within {\n            border-color: #2563eb;\n            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n            background: white;\n        }\n\n        .password-field {\n            width: 100%;\n            padding: 10px 15px !important;\n            border: none;\n            background: #E8F0FE !important;\n            font-size: 15px;\n            letter-spacing: 2px;\n            outline: none;\n            padding-right: 80px;\n            border-radius: 12px;\n        }\n\n        .password-field::placeholder {\n            color: #94a3b8;\n            letter-spacing: 2px;\n        }\n\n        .show-btn {\n            position: absolute;\n            right: 12px;\n            background: transparent;\n            border: none;\n            font-size: 14px;\n            font-weight: 500;\n            color: #2563eb;\n            cursor: pointer;\n            padding: 14px 16px;\n            border-radius: 6px;\n        }\n\n        .login-btn {\n            width: 100%;\n            background-color: #713bdb !important;\n            border-color: #7366ff !important;\n            color: white;\n            border: none;\n            border-radius: 12px;\n            padding: 0.375rem 1.75rem;\n            font-size: 16px;\n            font-weight: 600;\n            cursor: pointer;\n            margin: 16px 0 20px;\n        }\n\n        .remember-row {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .remember-row input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            border: 2px solid #cbd5e1;\n            border-radius: 12px;\n            cursor: pointer;\n            accent-color: #6c757d;\n        }\n\n        .remember-row label {\n            font-size: 14px;\n            color: #242934;\n            cursor: pointer;\n        }\n    <\/style>\n    <\/head>\n\n    <body>\n\n    <div class=\"form-container\">\n\n        <!-- EMAIL -->\n        <div class=\"field\">\n            <div class=\"field-label\">Email Address<\/div>\n            <input\n                type=\"email\"\n                id=\"email\"\n                class=\"email-input\"\n                placeholder=\"Enter your email\"\n                required\n            >\n        <\/div>\n\n        <!-- PASSWORD -->\n        <div class=\"field\">\n            <div class=\"field-label\">Password<\/div>\n            <div class=\"password-wrapper\">\n                <input\n                    type=\"password\"\n                    class=\"password-field\"\n                    placeholder=\"*********\"\n                    id=\"password\"\n                    required\n                >\n                <button type=\"button\" class=\"show-btn\" id=\"togglePassword\">Show<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- LOGIN -->\n        <button class=\"login-btn\" id=\"loginBtn\">Login<\/button>\n\n        <!-- REMEMBER -->\n        <div class=\"remember-row\">\n            <input type=\"checkbox\" id=\"remember\">\n            <label for=\"remember\">Remember password<\/label>\n        <\/div>\n\n    <\/div>\n\n    <script>\n        const emailInput = document.getElementById('email');\n        const passwordInput = document.getElementById('password');\n        const toggleBtn = document.getElementById('togglePassword');\n        const loginBtn = document.getElementById('loginBtn');\n        const rememberCheck = document.getElementById('remember');\n\n        toggleBtn.addEventListener('click', () => {\n            const isPassword = passwordInput.type === 'password';\n            passwordInput.type = isPassword ? 'text' : 'password';\n            toggleBtn.textContent = isPassword ? 'Hide' : 'Show';\n        });\n\n        loginBtn.addEventListener('click', async () => {\n\n            \/* \u2705 FORM URL ENCODED BODY *\/\n            const formData = new URLSearchParams();\n            formData.append('email', emailInput.value.trim());\n            formData.append('password', passwordInput.value);\n\n            try {\n                const response = await fetch(\n                    'https:\/\/api-hga-monily.zyneventures.com\/api\/v1\/auth\/login',\n                    {\n                        method: 'POST',\n                        headers: {\n                            'Content-Type': 'application\/x-www-form-urlencoded'\n                        },\n                        body: formData.toString()\n                    }\n                );\n\n                const data = await response.json();\n                console.log('API RESPONSE:', data);\n\n                const token = data?.response?.authtoken;\n\n                if (!response.ok || !token) {\n                    alert('Invalid email or password');\n                    return;\n                }\n\n                \/* \u2705 SAVE TOKEN *\/\n                localStorage.setItem('TOKEN', token);\n                document.cookie = `TOKEN=${token}; path=\/; Secure; SameSite=Lax`;\n                localStorage.setItem('USER', JSON.stringify(data.response));\n\n                window.location.href = 'https:\/\/test-hgportal.zyneventures.com\/index.php\/dashboard\/';\n\n            } catch (err) {\n                console.error('Login error:', err);\n                alert('Something went wrong');\n            }\n        });\n    <\/script>\n\n\n    <\/body>\n    <\/html>\n\n\n\n\n<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .form-container {\n            width: 100%;\n            max-width: 400px;\n            border-radius: 12px;\n            padding: 30px;\n            transition: filter 0.3s ease;\n        }\n\n        .form-container.blur {\n            filter: blur(4px);\n            pointer-events: none;\n        }\n\n        .field {\n            margin-bottom: 24px;\n        }\n\n        .field-label {\n            font-size: 14px;\n            font-weight: 500;\n            color: #1e293b;\n            margin-bottom: 6px;\n            display: block;\n        }\n\n        .email-display {\n            background: #E8F0FE;\n            border: 1px solid #e2e8f0;\n            border-radius: 12px;\n            padding: 10px 15px;\n            font-size: 15px;\n            color: #0f172a;\n            width: 100%;\n        }\n\n        .password-wrapper {\n            position: relative;\n            display: flex;\n            align-items: center;\n            border: 1px solid #e2e8f0;\n            border-radius: 12px;\n            background: #f8fafc;\n            transition: all 0.2s;\n        }\n\n        .password-wrapper:focus-within {\n            border-color: #2563eb;\n            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n            background: white;\n        }\n\n        .password-field {\n            width: 100%;\n            padding: 10px 15px !important;\n            border: none;\n            background: #E8F0FE !important;\n            font-size: 15px;\n            letter-spacing: 2px;\n            outline: none;\n            padding-right: 70px;\n            border-radius: 12px !important;\n        }\n\n        .password-field::placeholder {\n            color: #94a3b8;\n            letter-spacing: 2px;\n        }\n\n        .show-btn {\n            position: absolute;\n            right: 12px;\n            background: transparent;\n            border: none;\n            font-size: 14px;\n            font-weight: 500;\n            color: #2563eb;\n            cursor: pointer;\n            white-space: nowrap;\n            transition: color 0.2s;\n            padding: 14px 16px !important;\n            border-radius: 6px;\n        }\n\n        .show-btn:hover {\n            color: #1d4ed8;\n            background: transparent;\n            box-shadow: none !important;\n        }\n\n        .login-btn {\n            width: 100%;\n            background-color: #713bdb !important;\n            border-color: #7366ff !important;\n            color: white;\n            border: none;\n            border-radius: 12px;\n            padding: 12px 1.75rem;\n            font-size: 16px;\n            font-weight: 600;\n            cursor: pointer;\n            margin: 16px 0 20px;\n            transition: all 0.2s;\n        }\n\n        .login-btn:hover {\n            background: #713bdb;\n            box-shadow: 0px 15px 25px -7px rgba(0, 0, 0, 0.1);\n        }\n\n        .remember-row {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 24px;\n        }\n\n        .remember-row input[type=\"checkbox\"] {\n            width: 18px;\n            height: 18px;\n            border: 2px solid #cbd5e1;\n            border-radius: 12px;\n            cursor: pointer;\n            accent-color: #6c757d;\n        }\n\n        .remember-row label {\n            font-size: 14px;\n            color: #242934;\n            cursor: pointer;\n        }\n\n        .auth-links-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-top: 20px;\n            padding-top: 20px;\n            border-top: 1px solid #e2e8f0;\n        }\n\n        .auth-link {\n            color: #2563eb;\n            text-decoration: none;\n            font-weight: 500;\n            font-size: 15px;\n            cursor: pointer;\n            transition: color 0.2s;\n            background: none;\n            border: none;\n            padding: 8px 0;\n            flex: 1;\n            text-align: center;\n        }\n\n        .auth-link:first-child {\n            border-right: 1px solid #e2e8f0;\n        }\n\n        .auth-link:hover {\n            color: #fff;\nbackground : #713bdb !important;\nborder-radius:12px;       }\n\n        \/* Modal Styles *\/\n        .modal-overlay {\n            display: none;\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.5);\n            align-items: center;\n            justify-content: center;\n            z-index: 1000;\n        }\n\n        .modal-overlay.active {\n            display: flex;\n        }\n\n        .modal {\n            width: 100%;\n            max-width: 400px;\n            background: white;\n            border-radius: 12px;\n            padding: 30px;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n            animation: modalFadeIn 0.3s ease;\n        }\n\n        @keyframes modalFadeIn {\n            from {\n                opacity: 0;\n                transform: translateY(-20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .modal h2 {\n            font-size: 20px;\n            font-weight: 600;\n            color: #1e293b;\n            margin-bottom: 8px;\n        }\n\n        .modal-subtitle {\n            font-size: 14px;\n            color: #64748b;\n            margin-bottom: 24px;\n        }\n\n        .modal-field {\n            margin-bottom: 20px;\n        }\n\n        .modal-field label {\n            display: block;\n            font-size: 13px;\n            font-weight: 500;\n            color: #4a5568;\n            margin-bottom: 6px;\n            text-transform: uppercase;\n            letter-spacing: 0.3px;\n        }\n\n        .modal-input {\n            width: 100%;\n            padding: 12px 16px;\n            background: #E8F0FE;\n            border: 1px solid #e2e8f0;\n            border-radius: 12px;\n            font-size: 15px;\n            transition: all 0.2s;\n        }\n\n        .modal-input:focus {\n            outline: none;\n            border-color: #2563eb;\n            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n            background: white;\n        }\n\n        .modal-input::placeholder {\n            color: #94a3b8;\n        }\n\n        .modal-buttons {\n            display: flex;\n            gap: 12px;\n            margin-top: 24px;\n        }\n\n        .modal-btn {\n            flex: 1;\n            padding: 12px;\n            border-radius: 12px;\n            font-size: 15px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: all 0.2s;\n            border: none;\n        }\n\n        .modal-btn-primary {\n            background-color: #713bdb;\n            color: white;\n        }\n\n        .modal-btn-primary:hover {\n            background: #5f2eb0;\n            box-shadow: 0px 10px 20px -5px rgba(113, 59, 219, 0.3);\n        }\n\n        .modal-btn-secondary {\n            background: #f1f5f9;\n            color: #475569;\n            border: 1px solid #e2e8f0;\n        }\n\n        .modal-btn-secondary:hover {\n            background: #e2e8f0;\n        }\n    <\/style>\n    <!-- Main Login Form -->\n    <div class=\"form-container\" id=\"loginForm\">\n        <!-- Email Address -->\n        <div class=\"field\">\n            <div class=\"field-label\">Email Address<\/div>\n            <div class=\"email-display\">fazal@zyneventures.com<\/div>\n        <\/div>\n\n        <!-- Password with Show button inside -->\n        <div class=\"field\">\n            <div class=\"field-label\">Password<\/div>\n            <div class=\"password-wrapper\">\n                <input type=\"password\" class=\"password-field\" placeholder=\"*********\" id=\"password\" value=\"password123\">\n                <button type=\"button\" class=\"show-btn\" id=\"togglePassword\">Show<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Login Button -->\n        <button class=\"login-btn\" id=\"loginBtn\">Login<\/button>\n\n        <!-- Remember Password Checkbox -->\n        <div class=\"remember-row\">\n            <input type=\"checkbox\" id=\"remember\">\n            <label for=\"remember\">Remember password<\/label>\n        <\/div>\n\n        <!-- Auth Links - In one row -->\n        <div class=\"auth-links-row\">\n            <button class=\"auth-link\" id=\"forgotPasswordLink\">Forgot Password<\/button>\n            <button class=\"auth-link\" id=\"resetPasswordLink\">Reset Password<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Forgot Password Modal -->\n    <div class=\"modal-overlay\" id=\"forgotModal\">\n        <div class=\"modal\">\n            <h2>Forgot Password<\/h2>\n            <div class=\"modal-subtitle\">Enter your email to receive reset instructions<\/div>\n            \n            <div class=\"modal-field\">\n                <label for=\"forgotEmail\">Email Address<\/label>\n                <input type=\"email\" id=\"forgotEmail\" class=\"modal-input\" value=\"fazal@zyneventures.com\" placeholder=\"Enter your email\">\n            <\/div>\n\n            <div class=\"modal-buttons\">\n                <button class=\"modal-btn modal-btn-secondary\" onclick=\"closeModal('forgotModal')\">Cancel<\/button>\n                <button class=\"modal-btn modal-btn-primary\" onclick=\"handleForgotPassword()\">Send Reset Link<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Reset Password Modal -->\n    <div class=\"modal-overlay\" id=\"resetModal\">\n        <div class=\"modal\">\n            <h2>Reset Password<\/h2>\n            <div class=\"modal-subtitle\">Create a new password for your account<\/div>\n            \n            <div class=\"modal-field\">\n                <label for=\"resetEmail\">Email Address<\/label>\n                <input type=\"email\" id=\"resetEmail\" class=\"modal-input\" value=\"fazal@zyneventures.com\" placeholder=\"Enter your email\">\n            <\/div>\n\n            <div class=\"modal-field\">\n                <label for=\"newPassword\">New Password<\/label>\n                <input type=\"password\" id=\"newPassword\" class=\"modal-input\" placeholder=\"*********\">\n            <\/div>\n\n            <div class=\"modal-field\">\n                <label for=\"confirmPassword\">Confirm Password<\/label>\n                <input type=\"password\" id=\"confirmPassword\" class=\"modal-input\" placeholder=\"*********\">\n            <\/div>\n\n            <div class=\"modal-buttons\">\n                <button class=\"modal-btn modal-btn-secondary\" onclick=\"closeModal('resetModal')\">Cancel<\/button>\n                <button class=\"modal-btn modal-btn-primary\" onclick=\"handleResetPassword()\">Reset Password<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Toggle password visibility\n        const passwordInput = document.getElementById('password');\n        const toggleBtn = document.getElementById('togglePassword');\n\n        toggleBtn.addEventListener('click', function() {\n            const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password';\n            passwordInput.setAttribute('type', type);\n            this.textContent = type === 'password' ? 'Show' : 'Hide';\n        });\n\n        \/\/ Login functionality\n        const loginBtn = document.getElementById('loginBtn');\n        const rememberCheck = document.getElementById('remember');\n        const loginFormContainer = document.getElementById('loginForm');\n\n        loginBtn.addEventListener('click', async () => {\n            const loginData = {\n                email: 'fazal@zyneventures.com',\n                password: passwordInput.value,\n                remember: rememberCheck.checked\n            };\n\n            \/\/ POST Login API\n            console.log('POST Login:', loginData);\n            alert('Login API would be called with: ' + JSON.stringify(loginData, null, 2));\n        });\n\n        \/\/ Modal functions\n        function openModal(modalId) {\n            document.getElementById(modalId).classList.add('active');\n            loginFormContainer.classList.add('blur');\n        }\n\n        function closeModal(modalId) {\n            document.getElementById(modalId).classList.remove('active');\n            loginFormContainer.classList.remove('blur');\n        }\n\n        \/\/ Forgot Password - directly clickable\n        document.getElementById('forgotPasswordLink').addEventListener('click', (e) => {\n            e.preventDefault();\n            openModal('forgotModal');\n        });\n\n        \/\/ Reset Password - directly clickable\n        document.getElementById('resetPasswordLink').addEventListener('click', (e) => {\n            e.preventDefault();\n            openModal('resetModal');\n        });\n\n        \/\/ Handle Forgot Password\n        function handleForgotPassword() {\n            const email = document.getElementById('forgotEmail').value;\n            \n            \/\/ POST Forgot Password API\n            console.log('POST Forgot Password:', { email });\n            alert(`Forgot Password API called for: ${email}\\n\\nReset link would be sent to this email.`);\n            \n            closeModal('forgotModal');\n        }\n\n        \/\/ Handle Reset Password\n        function handleResetPassword() {\n            const email = document.getElementById('resetEmail').value;\n            const newPassword = document.getElementById('newPassword').value;\n            const confirmPassword = document.getElementById('confirmPassword').value;\n\n            if (newPassword !== confirmPassword) {\n                alert('Passwords do not match!');\n                return;\n            }\n\n            if (newPassword.length < 6) {\n                alert('Password must be at least 6 characters long!');\n                return;\n            }\n\n            \/\/ POST Reset Password API\n            console.log('POST Reset Password:', { \n                email, \n                newPassword: '***hidden***',\n                token: 'reset-token-here' \n            });\n            \n            alert(`Reset Password API called for: ${email}\\n\\nYour password has been reset successfully.`);\n            \n            closeModal('resetModal');\n            \n            \/\/ Clear fields\n            document.getElementById('newPassword').value = '';\n            document.getElementById('confirmPassword').value = '';\n        }\n\n        \/\/ Close modal when clicking outside\n        window.addEventListener('click', (e) => {\n            if (e.target.classList.contains('modal-overlay')) {\n                e.target.classList.remove('active');\n                loginFormContainer.classList.remove('blur');\n            }\n        });\n\n        \/\/ Close modal with Escape key\n        document.addEventListener('keydown', (e) => {\n            if (e.key === 'Escape') {\n                document.querySelectorAll('.modal-overlay.active').forEach(modal => {\n                    modal.classList.remove('active');\n                });\n                loginFormContainer.classList.remove('blur');\n            }\n        });\n    <\/script>\n<\/div>\n<\/div>\n\n\n<style>.kadence-column64_dd0ae5-33 > .kt-inside-inner-col{display:flex;}.kadence-column64_dd0ae5-33 > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kadence-column64_dd0ae5-33 > .kt-inside-inner-col,.kadence-column64_dd0ae5-33 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column64_dd0ae5-33 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column64_dd0ae5-33 > .kt-inside-inner-col{flex-direction:column;align-items:flex-end;}.kadence-column64_dd0ae5-33 > .kt-inside-inner-col > .kb-image-is-ratio-size{align-self:stretch;}.kadence-column64_dd0ae5-33 > .kt-inside-inner-col > .wp-block-kadence-advancedgallery{align-self:stretch;}.kadence-column64_dd0ae5-33 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column64_dd0ae5-33 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column64_dd0ae5-33{position:relative;}@media all and (max-width: 1024px){.kadence-column64_dd0ae5-33 > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:flex-end;}}@media all and (max-width: 767px){.kadence-column64_dd0ae5-33 > .kt-inside-inner-col{flex-direction:column;justify-content:center;align-items:flex-end;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column64_dd0ae5-33\"><div class=\"kt-inside-inner-col\">\n<p class=\"has-text-align-right has-background has-small-font-size wp-block-paragraph\" style=\"background-color:#f7fafc\">Health Grade Analytics All rights reserved<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Login in to account Welcome back! Enter your credentials to access your account Login Email Address Password Show Login Remember password Email Address fazal@zyneventures.com Password Show Login Remember password Forgot Password Reset Password Forgot Password Enter your email to receive reset instructions Email Address Cancel Send Reset Link Reset Password Create a new password for&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":true,"_kad_post_classname":"","footnotes":""},"class_list":["post-64","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"admin","author_link":"https:\/\/test-hgportal.zyneventures.com\/index.php\/author\/admin\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/test-hgportal.zyneventures.com\/index.php\/wp-json\/wp\/v2\/pages\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test-hgportal.zyneventures.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test-hgportal.zyneventures.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test-hgportal.zyneventures.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test-hgportal.zyneventures.com\/index.php\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":183,"href":"https:\/\/test-hgportal.zyneventures.com\/index.php\/wp-json\/wp\/v2\/pages\/64\/revisions"}],"predecessor-version":[{"id":5537,"href":"https:\/\/test-hgportal.zyneventures.com\/index.php\/wp-json\/wp\/v2\/pages\/64\/revisions\/5537"}],"wp:attachment":[{"href":"https:\/\/test-hgportal.zyneventures.com\/index.php\/wp-json\/wp\/v2\/media?parent=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}