{"id":8,"date":"2026-05-07T15:52:19","date_gmt":"2026-05-07T15:52:19","guid":{"rendered":"https:\/\/qubedesignlab.com\/gca\/?page_id=8"},"modified":"2026-05-08T13:18:17","modified_gmt":"2026-05-08T13:18:17","slug":"volunteer-portal","status":"publish","type":"page","link":"https:\/\/qubedesignlab.com\/gca\/","title":{"rendered":"Volunteer Portal"},"content":{"rendered":"        \r\n        <style>\r\n            \/* Fullscreen wrapper to dead-center the login box *\/\r\n            .gca-login-page-wrap {\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                min-height: 85vh; \/* Adjusts to fill the screen height *\/\r\n                padding: 20px;\r\n                box-sizing: border-box;\r\n            }\r\n\r\n            \/* Split Screen Login Container *\/\r\n            .gca-login-wrapper {\r\n                display: flex;\r\n                width: 100%;\r\n                min-height: 70vh;\r\n                max-width: 1200px;\r\n                margin: 0 auto; \/* Margins removed, flexbox handles centering now *\/\r\n                background: #ffffff;\r\n                border-radius: 24px;\r\n                overflow: hidden;\r\n                box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n                border: 1px solid #eaecf0;\r\n                font-family: 'Poppins', sans-serif;\r\n            }\r\n\r\n            \/* LEFT SIDE: Pattern Hero (Full Opacity) *\/\r\n            .gca-login-hero {\r\n                flex: 1.2;\r\n                position: relative;\r\n                background-color: #fafafa;\r\n                border-right: 1px solid #eaecf0;\r\n                overflow: hidden;\r\n            }\r\n            \r\n            .gca-login-hero::before {\r\n                content: \"\";\r\n                position: absolute;\r\n                top: 0; left: 0; right: 0; bottom: 0;\r\n                background-image: url('https:\/\/qubedesignlab.com\/gca\/wp-content\/plugins\/gca-surgical-database\/assets\/gcapattern.png');\r\n                background-size: cover; \r\n                background-position: center;\r\n                opacity: 1; \r\n                z-index: 0;\r\n            }\r\n\r\n            \/* RIGHT SIDE: The Form *\/\r\n            .gca-login-form-container {\r\n                flex: 1;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                padding: 60px 40px;\r\n                background: #ffffff;\r\n            }\r\n\r\n            .gca-login-form-inner {\r\n                width: 100%;\r\n                max-width: 380px;\r\n            }\r\n\r\n            \/* Logo moved to the top of the form *\/\r\n            .gca-login-form-inner img.gca-form-logo {\r\n                max-width: 200px;\r\n                height: auto;\r\n                margin-bottom: 30px;\r\n                display: block;\r\n            }\r\n\r\n            .gca-login-form-inner h2 {\r\n                font-family: 'Urban Rounded', 'Poppins', sans-serif;\r\n                color: #101828;\r\n                font-size: 2rem;\r\n                font-weight: 700;\r\n                margin: 0 0 8px 0;\r\n            }\r\n\r\n            .gca-login-form-inner p {\r\n                color: #475467;\r\n                font-size: 1rem;\r\n                margin: 0 0 35px 0;\r\n            }\r\n\r\n            \/* Form Elements Styling *\/\r\n            #gca-login-form .login-username, \r\n            #gca-login-form .login-password {\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            #gca-login-form label {\r\n                display: block;\r\n                font-size: 0.9rem;\r\n                font-weight: 500;\r\n                color: #344054;\r\n                margin-bottom: 6px;\r\n            }\r\n\r\n            #gca-login-form input[type=\"text\"],\r\n            #gca-login-form input[type=\"password\"] {\r\n                width: 100%;\r\n                padding: 12px 14px;\r\n                border: 1px solid #D0D5DD;\r\n                border-radius: 8px;\r\n                font-family: inherit;\r\n                font-size: 1rem;\r\n                color: #101828;\r\n                box-sizing: border-box;\r\n                box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);\r\n                transition: all 0.2s ease;\r\n            }\r\n\r\n            #gca-login-form input[type=\"text\"]:focus,\r\n            #gca-login-form input[type=\"password\"]:focus {\r\n                border-color: #F8983A;\r\n                outline: none;\r\n                box-shadow: 0 0 0 4px rgba(240, 81, 66, 0.1);\r\n            }\r\n\r\n            \/* Remember Me & Forgot Password Row *\/\r\n            .gca-form-extras {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n                margin-bottom: 25px;\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            #gca-login-form .login-remember {\r\n                margin: 0;\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 8px;\r\n                color: #475467;\r\n                font-weight: 500;\r\n            }\r\n\r\n            #gca-login-form .login-remember input {\r\n                accent-color: #F05142;\r\n                width: 16px;\r\n                height: 16px;\r\n                margin: 0;\r\n                cursor: pointer;\r\n            }\r\n\r\n            .gca-forgot-link {\r\n                color: #F05142;\r\n                font-weight: 600;\r\n                text-decoration: none;\r\n                transition: color 0.2s;\r\n            }\r\n            .gca-forgot-link:hover {\r\n                color: #c62828;\r\n            }\r\n\r\n            \/* Submit Button *\/\r\n            #gca-login-form .login-submit {\r\n                margin: 0;\r\n            }\r\n\r\n            #gca-login-form input[type=\"submit\"] {\r\n                background: #F05142;\r\n                color: white;\r\n                border: none;\r\n                padding: 12px;\r\n                width: 100%;\r\n                border-radius: 8px;\r\n                font-size: 1.05rem;\r\n                font-weight: 600;\r\n                cursor: pointer;\r\n                transition: all 0.2s ease;\r\n                box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);\r\n            }\r\n\r\n            #gca-login-form input[type=\"submit\"]:hover {\r\n                background: #e0483a;\r\n                box-shadow: 0 4px 12px rgba(240, 81, 66, 0.2);\r\n            }\r\n\r\n            \/* Mobile Responsiveness *\/\r\n            @media (max-width: 850px) {\r\n                .gca-login-page-wrap {\r\n                    padding: 10px;\r\n                    align-items: flex-start; \/* Pushes content slightly up on small screens so keyboard doesn't hide it *\/\r\n                }\r\n                .gca-login-wrapper {\r\n                    flex-direction: column;\r\n                    min-height: auto;\r\n                }\r\n                .gca-login-hero {\r\n                    min-height: 150px;\r\n                    border-right: none;\r\n                    border-bottom: 1px solid #eaecf0;\r\n                }\r\n                .gca-login-form-container {\r\n                    padding: 40px 20px;\r\n                }\r\n                .gca-login-form-inner img.gca-form-logo {\r\n                    max-width: 160px;\r\n                    margin-bottom: 20px;\r\n                }\r\n            }\r\n        <\/style>\r\n\r\n        <div class=\"gca-login-page-wrap\">\r\n            <div class=\"gca-login-wrapper\">\r\n                <div class=\"gca-login-hero\">\r\n                    <\/div>\r\n\r\n                <div class=\"gca-login-form-container\">\r\n                    <div class=\"gca-login-form-inner\">\r\n                        <img decoding=\"async\" src=\"https:\/\/qubedesignlab.com\/gca\/wp-content\/plugins\/gca-surgical-database\/assets\/GCAlogo.png\" alt=\"Global Care Alliance Logo\" class=\"gca-form-logo\" onerror=\"this.style.display='none'\">\r\n                        \r\n                        <h2>Welcome back<\/h2>\r\n                        <p>Please sign in to access the Surgical Database<\/p>\r\n                        \r\n                        <form name=\"gca-login-form\" id=\"gca-login-form\" action=\"https:\/\/qubedesignlab.com\/gca\/wp-login.php\" method=\"post\"><p class=\"login-username\">\n\t\t\t\t<label for=\"gca-user-login\">Email<\/label>\n\t\t\t\t<input type=\"text\" name=\"log\" id=\"gca-user-login\" autocomplete=\"username\" class=\"input\" value=\"\" size=\"20\" \/>\n\t\t\t<\/p><p class=\"login-password\">\n\t\t\t\t<label for=\"gca-user-pass\">Password<\/label>\n\t\t\t\t<input type=\"password\" name=\"pwd\" id=\"gca-user-pass\" autocomplete=\"current-password\" spellcheck=\"false\" class=\"input\" value=\"\" size=\"20\" \/>\n\t\t\t<\/p><p class=\"login-remember\"><label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember for 30 days<\/label><\/p><p class=\"login-submit\">\n\t\t\t\t<input type=\"submit\" name=\"wp-submit\" id=\"gca-wp-submit\" class=\"button button-primary\" value=\"Sign in\" \/>\n\t\t\t\t<input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/qubedesignlab.com\/gca\/wp-json\/wp\/v2\/pages\/8\" \/>\n\t\t\t<\/p><\/form>\r\n                        <script>\r\n                            document.addEventListener(\"DOMContentLoaded\", function() {\r\n                                var form = document.getElementById('gca-login-form');\r\n                                if(form) {\r\n                                    var rememberP = form.querySelector('.login-remember');\r\n                                    var submitP = form.querySelector('.login-submit');\r\n                                    \r\n                                    if(rememberP && submitP) {\r\n                                        var extrasDiv = document.createElement('div');\r\n                                        extrasDiv.className = 'gca-form-extras';\r\n                                        \r\n                                        extrasDiv.appendChild(rememberP);\r\n                                        \r\n                                        var forgotLink = document.createElement('a');\r\n                                        forgotLink.href = 'https:\/\/qubedesignlab.com\/gca\/wp-login.php?action=lostpassword';\r\n                                        forgotLink.className = 'gca-forgot-link';\r\n                                        forgotLink.innerText = 'Forgot password?';\r\n                                        \r\n                                        extrasDiv.appendChild(forgotLink);\r\n                                        \r\n                                        form.insertBefore(extrasDiv, submitP);\r\n                                    }\r\n                                }\r\n                            });\r\n                        <\/script>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/qubedesignlab.com\/gca\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qubedesignlab.com\/gca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qubedesignlab.com\/gca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qubedesignlab.com\/gca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qubedesignlab.com\/gca\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":1,"href":"https:\/\/qubedesignlab.com\/gca\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/qubedesignlab.com\/gca\/wp-json\/wp\/v2\/pages\/8\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/qubedesignlab.com\/gca\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}