{"id":3158,"date":"2025-09-04T14:27:25","date_gmt":"2025-09-04T14:27:25","guid":{"rendered":"https:\/\/ig-center.com\/?page_id=3158"},"modified":"2025-09-04T14:48:45","modified_gmt":"2025-09-04T14:48:45","slug":"connect","status":"publish","type":"page","link":"https:\/\/ig-center.com\/en\/connect\/","title":{"rendered":"Login"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3158\" class=\"elementor elementor-3158\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2be8c81 e-flex e-con-boxed e-con e-parent\" data-id=\"2be8c81\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49e341d elementor-widget-mobile__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"49e341d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"btech-custom-login-container\">\n        <!-- Desktop Welcome Panel (Left Side) -->\n        <div class=\"btech-welcome-panel\">\n            <div class=\"btech-welcome-content\">\n                <h2 class=\"btech-welcome-title\">Welcome!<\/h2>\n                <p class=\"btech-welcome-text\">Log in to access your online courses and explore our premium training catalog.<\/p>\n                \n                                    <div class=\"btech-welcome-register\">\n                        <p class=\"btech-register-text\">No account yet?<\/p>\n                        <a href=\"https:\/\/ig-center.com\/en\/inscrivez-vous\/?redirect_to=https:\/\/ig-center.com\/en\" class=\"btech-btn-white-outline\">\n                            Create an account\n                        <\/a>\n                    <\/div>\n                            <\/div>\n        <\/div>\n        \n        <!-- Login Form Panel (Right Side) -->\n        <div class=\"btech-form-panel\">\n            <div class=\"btech-form-content\">\n                                    <div class=\"btech-form-header\">\n                        <h3 class=\"btech-form-title\">Login<\/h3>\n                        <p class=\"btech-form-subtitle\">With<\/p>\n                    <\/div>\n                                \n                                \n                <!-- Social Login Section -->\n                <div class=\"btech-social-login-section\">\n                    <div class=\"btech-social-login\">\n                        \t\t\t<script>\n\t\t\t\tdocument.addEventListener(\"DOMContentLoaded\", function () {\n                    jQuery(\".mo_btn-mo\").prop(\"disabled\",false);\n                    });\n\t\t\t<\/script>\n\t\t\t\t\t<script type=\"text\/javascript\">\n\t\t\tdocument.addEventListener(\"DOMContentLoaded\", function () {\n                jQuery(document).ready(function () {\n                jQuery(\".login-button\").css(\"cursor\", \"pointer\");\n            });\n                            });\n\t\t\tfunction mo_openid_on_consent_change(checkbox){\n\t\t\t\tif (! checkbox.checked) {\n\t\t\t\t\tjQuery('#mo_openid_consent_checkbox').val(1);\n\t\t\t\t\tjQuery(\".mo_btn-mo\").attr(\"disabled\", true);\n\t\t\t\t\tjQuery(\".login-button\").addClass(\"dis\");\n\t\t\t\t} else {\n\t\t\t\t\tjQuery('#mo_openid_consent_checkbox').val(0);\n\t\t\t\t\tjQuery(\".mo_btn-mo\").attr(\"disabled\", false);\n\t\t\t\t\tjQuery(\".login-button\").removeClass(\"dis\");\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tvar perfEntries = performance.getEntriesByType(\"navigation\");\n\n\t\t\tif (perfEntries[0].type === \"back_forward\") {\n\t\t\t\tlocation.reload(true);\n\t\t\t}\n\t\t\tfunction HandlePopupResult(result) {\n\t\t\t\twindow.location = \"https:\/\/ig-center.com\";\n\t\t\t}\n\t\t\tfunction moOpenIdLogin(app_name,is_custom_app) {\n\t\t\t\tvar current_url = window.location.href;\n\t\t\t\tvar cookie_name = \"redirect_current_url\";\n\t\t\t\tvar d = new Date();\n\t\t\t\td.setTime(d.getTime() + (2 * 24 * 60 * 60 * 1000));\n\t\t\t\tvar expires = \"expires=\"+d.toUTCString();\n\t\t\t\tdocument.cookie = cookie_name + \"=\" + current_url + \";\" + expires + \";path=\/\";\n\n\t\t\t\t\t\t\t\tvar base_url = 'https:\/\/ig-center.com';\n\t\t\t\tvar request_uri = '\/en\/wp-json\/wp\/v2\/pages\/3158';\n\t\t\t\tvar http = 'https:\/\/';\n\t\t\t\tvar http_host = 'ig-center.com';\n\t\t\t\tvar default_nonce = '2ee70bcc9e';\n\t\t\t\tvar custom_nonce = 'd68efec4cc';\n\t\t\t\tif(is_custom_app == 'false'){\n\t\t\t\t\tif ( request_uri.indexOf('wp-login.php') !=-1){\n\t\t\t\t\t\tvar redirect_url = base_url + '\/?option=getmosociallogin&wp_nonce=' + default_nonce + '&app_name=';\n\n\t\t\t\t\t}else {\n\t\t\t\t\t\tvar redirect_url = http + http_host + request_uri;\n\t\t\t\t\t\tif(redirect_url.indexOf('?') != -1){\n\t\t\t\t\t\t\tredirect_url = redirect_url +'&option=getmosociallogin&wp_nonce=' + default_nonce + '&app_name=';\n\t\t\t\t\t\t}\n\t\t\t\t\t\telse\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tredirect_url = redirect_url +'?option=getmosociallogin&wp_nonce=' + default_nonce + '&app_name=';\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tif ( request_uri.indexOf('wp-login.php') !=-1){\n\t\t\t\t\t\tvar redirect_url = base_url + '\/?option=oauthredirect&wp_nonce=' + custom_nonce + '&app_name=';\n\n\n\t\t\t\t\t}else {\n\t\t\t\t\t\tvar redirect_url = http + http_host + request_uri;\n\t\t\t\t\t\tif(redirect_url.indexOf('?') != -1)\n\t\t\t\t\t\t\tredirect_url = redirect_url +'&option=oauthredirect&wp_nonce=' + custom_nonce + '&app_name=';\n\t\t\t\t\t\telse\n\t\t\t\t\t\t\tredirect_url = redirect_url +'?option=oauthredirect&wp_nonce=' + custom_nonce + '&app_name=';\n\t\t\t\t\t}\n\n\t\t\t\t}\n\t\t\t\tif( 0) {\n\t\t\t\t\tvar myWindow = window.open(redirect_url + app_name, \"\", \"width=700,height=620\");\n\t\t\t\t}\n\t\t\t\telse{\n\t\t\t\t\twindow.location.href = redirect_url + app_name;\n\t\t\t\t}\n\t\t\t}\n\t\t<\/script>\n\t\t<div class='mo-openid-app-icons'>\n\t\t\t\t\t <p style='color:#000000; width: fit-content;'> <\/p><a   style='margin-left: 8px !important;width: 270px !important;padding-top:6px !important;padding-bottom:6px !important;margin-bottom: 3px !important;border-radius: 4px !important;' class='mo_btn mo_btn-mo mo_btn-block mo_btn-social mo_btn-facebook mo_btn-custom-dec login-button mo_btn_transform_i' onclick=\"moOpenIdLogin('facebook','true');\"> <i  class='fab fa-facebook'  style='padding-top:0px !important; margin-top: 0' src='https:\/\/ig-center.com\/wp-content\/plugins\/miniorange-login-openid\/includes\/images\/icons\/facebook.png'><\/i>Login with Facebook<\/a><\/div> <br>                    <\/div>\n                <\/div>\n                \n                <!-- Separator with \"Ou\" -->\n                <div class=\"btech-separator\">\n                    <span class=\"btech-separator-text\">Or<\/span>\n                <\/div>\n                \n                <!-- Regular Login Form -->\n                <form id=\"btech-custom-login-form\" method=\"post\" action=\"\" data-trp-original-action=\"\">\n                                        \n                    <input type=\"hidden\" id=\"_tutor_nonce\" name=\"_tutor_nonce\" value=\"edc88a06e8\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/3158\" \/>                    <input type=\"hidden\" name=\"tutor_action\" value=\"tutor_user_login\" \/>\n                    <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/ig-center.com\/en\" \/>\n                    \n                    <div class=\"btech-form-group\">\n                        <input type=\"text\" \n                               class=\"btech-form-control\" \n                               placeholder=\"Login or e-mail address\" \n                               name=\"log\" \n                               value=\"\" \n                               required \/>\n                    <\/div>\n                    \n                    <div class=\"btech-form-group btech-password-group\">\n                        <input type=\"password\" \n                               class=\"btech-form-control btech-password-input\" \n                               placeholder=\"Password\" \n                               name=\"pwd\" \n                               value=\"\" \n                               id=\"btech-password-field\"\n                               required \/>\n                        <button type=\"button\" class=\"btech-password-toggle\" onclick=\"btechTogglePassword()\">\n                            <svg class=\"btech-eye-icon\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"><\/path>\n                                <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                            <\/svg>\n                            <svg class=\"btech-eye-off-icon\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display: none;\">\n                                <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\"><\/path>\n                                <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"><\/line>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                    \n                    <div class=\"btech-form-options\">\n                        <label class=\"btech-checkbox-wrapper\">\n                            <input type=\"checkbox\" name=\"rememberme\" value=\"forever\" \/>\n                            <span class=\"btech-checkbox-text\">Remember me<\/span>\n                        <\/label>\n                        <a href=\"https:\/\/ig-center.com\/en\/dashboard\/retrieve-password\" class=\"btech-forgot-link\">\n                            Forgot your password?\n                        <\/a>\n                    <\/div>\n                    \n                                            \n            <div class=\"btech-form-submit\">\n                <button type=\"submit\" class=\"btech-btn-gold btech-signin-btn\">\n                    Login\n                <\/button>\n            <\/div>\n                <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n                \n                <!-- Mobile Register Section -->\n                                    <div class=\"btech-mobile-register\">\n                        <p class=\"btech-mobile-register-text\">No account yet?<\/p>\n                        <a href=\"https:\/\/ig-center.com\/en\/inscrivez-vous\/?redirect_to=https:\/\/ig-center.com\/en\" class=\"btech-btn-gold-outline\">\n                            Create an account\n                        <\/a>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n    \n    <style>\n        \/* Main Container - Split Layout *\/\n        .btech-custom-login-container {\n            display: flex;\n            min-height: 600px;\n            max-width: 1000px;\n            margin: 40px auto;\n            background: #fff;\n            border-radius: 20px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n            overflow: hidden;\n        }\n        \n        \/* Welcome Panel (Left Side - Desktop Only) *\/\n        .btech-welcome-panel {\n            flex: 1;\n            background: linear-gradient(135deg, rgba(212, 175, 55, 0.9) 0%, rgba(184, 148, 31, 0.95) 100%);\n            padding: 60px 50px;\n            display: flex;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .btech-welcome-panel::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: \n                radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),\n                radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),\n                linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.02) 50%, transparent 70%);\n            opacity: 1;\n        }\n        \n        .btech-welcome-panel::after {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, 0.03) 50%, transparent 60%);\n            animation: shimmer 8s ease-in-out infinite;\n            pointer-events: none;\n        }\n        \n        @keyframes shimmer {\n            0%, 100% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n            50% { transform: translateX(0%) translateY(0%) rotate(45deg); }\n        }\n        \n        .btech-welcome-content {\n            position: relative;\n            z-index: 2;\n        }\n        \n        .btech-welcome-title {\n            color: #fff;\n            font-size: 36px;\n            font-weight: 700;\n            margin: 0 0 20px 0;\n            letter-spacing: -0.5px;\n        }\n        \n        .btech-welcome-text {\n            color: rgba(255, 255, 255, 0.9);\n            font-size: 18px;\n            line-height: 1.6;\n            margin: 0 0 40px 0;\n            font-weight: 300;\n        }\n        \n        .btech-welcome-register {\n            margin-top: 40px;\n        }\n        \n        .btech-register-text {\n            color: rgba(255, 255, 255, 0.8);\n            font-size: 16px;\n            margin: 0 0 15px 0;\n        }\n        \n        .btech-btn-white-outline {\n            background: transparent;\n            border: 2px solid rgba(255, 255, 255, 0.8);\n            color: #fff;\n            padding: 12px 30px;\n            border-radius: 50px;\n            font-size: 16px;\n            font-weight: 500;\n            text-decoration: none;\n            display: inline-block;\n            transition: all 0.3s ease;\n        }\n        \n        .btech-btn-white-outline:hover {\n            background: #fff;\n            color: #D4AF37;\n            border-color: #fff;\n            text-decoration: none;\n            transform: translateY(-2px);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n        }\n        \n        \/* Form Panel (Right Side) *\/\n        .btech-form-panel {\n            flex: 1;\n            padding: 60px 50px;\n            display: flex;\n            align-items: center;\n        }\n        \n        .btech-form-content {\n            width: 100%;\n            max-width: 380px;\n            margin: 0 auto;\n        }\n        \n        .btech-form-header {\n            text-align: center;\n            margin-bottom: 35px;\n        }\n        \n        .btech-form-title {\n            color: #3D2B1F;\n            font-size: 28px;\n            font-weight: 600;\n            margin: 0 0 8px 0;\n            letter-spacing: -0.3px;\n        }\n        \n        .btech-form-subtitle {\n            color: #888;\n            font-size: 16px;\n            font-weight: 300;\n            margin: 0;\n        }\n        \n        \/* Error Messages *\/\n        .btech-login-error {\n            background: linear-gradient(135deg, #f8d7da, #f5c6cb);\n            color: #721c24;\n            padding: 16px 20px;\n            border-radius: 12px;\n            margin-bottom: 25px;\n            border: none;\n            font-size: 14px;\n            box-shadow: 0 4px 15px rgba(114, 28, 36, 0.1);\n        }\n        \n        \/* Social Login Section *\/\n        .btech-social-login-section {\n            margin-bottom: 30px;\n        }\n        \n        .btech-social-login {\n            display: flex;\n            justify-content: center;\n        }\n        \n        \/* Reset and style MiniOrange social login buttons *\/\n        .btech-social-login .mo-openid-app-icons {\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n        \n        .btech-social-login .mo-openid-app-icons p {\n            display: none !important;\n        }\n        \n        .btech-social-login .mo-openid-app-icons br {\n            display: none !important;\n        }\n        \n        .btech-social-login a,\n        .btech-social-login .mo_btn,\n        .btech-social-login .mo_btn-social,\n        .btech-social-login [class*=\"mo_btn\"] {\n            display: inline-block !important;\n            width: auto !important;\n            min-width: 220px !important;\n            text-align: center !important;\n            padding: 14px 24px !important;\n            border-radius: 12px !important;\n            text-decoration: none !important;\n            font-size: 15px !important;\n            font-weight: 500 !important;\n            transition: all 0.3s ease !important;\n            height: auto !important;\n            box-sizing: border-box !important;\n            line-height: 1.4 !important;\n            border: none !important;\n            outline: none !important;\n            margin: 0 !important;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;\n        }\n        \n        .btech-social-login .mo_btn-facebook {\n            background: linear-gradient(135deg, #1877f2, #166fe5) !important;\n            color: white !important;\n        }\n        \n        .btech-social-login .mo_btn-facebook:hover {\n            transform: translateY(-2px) !important;\n            box-shadow: 0 8px 25px rgba(24, 119, 242, 0.3) !important;\n        }\n        \n        .btech-social-login .mo_btn-facebook i {\n            margin-right: 10px !important;\n        }\n        \n        \/* Separator *\/\n        .btech-separator {\n            position: relative;\n            text-align: center;\n            margin: 30px 0;\n        }\n        \n        .btech-separator::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, #e0e0e0, transparent);\n            z-index: 1;\n        }\n        \n        .btech-separator-text {\n            background: #fff;\n            color: #999;\n            font-size: 14px;\n            font-weight: 400;\n            padding: 0 20px;\n            position: relative;\n            z-index: 2;\n        }\n        \n        \/* Form Fields *\/\n        .btech-form-group {\n            margin-bottom: 25px;\n            position: relative;\n        }\n        \n        .btech-form-control {\n            width: 100%;\n            padding: 16px 20px;\n            border: none;\n            border-radius: 12px;\n            font-size: 16px;\n            font-weight: 400;\n            transition: all 0.3s ease;\n            box-sizing: border-box;\n            background: #f8f9fa;\n            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.1);\n        }\n        \n        .btech-form-control:focus {\n            outline: none;\n            background: #fff;\n            box-shadow: \n                inset 0 2px 4px rgba(212, 175, 55, 0.1),\n                inset 0 1px 2px rgba(212, 175, 55, 0.15),\n                0 0 0 3px rgba(212, 175, 55, 0.1),\n                0 2px 8px rgba(212, 175, 55, 0.08);\n            transform: translateY(-1px);\n        }\n        \n        .btech-form-control:hover:not(:focus) {\n            background: #f0f1f3;\n            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(0, 0, 0, 0.12);\n        }\n        \n        \/* Password Group with Toggle *\/\n        .btech-password-group {\n            position: relative;\n        }\n        \n        .btech-password-toggle {\n            position: absolute;\n            right: 16px;\n            top: 50%;\n            transform: translateY(-50%);\n            background: none !important;\n            border: none;\n            cursor: pointer;\n            color: #999;\n            transition: color 0.3s ease;\n            padding: 4px;\n            outline: none !important;\n            box-shadow: none !important;\n        }\n        \n        .btech-password-toggle:hover {\n            color: #D4AF37 !important;\n            background: none !important;\n        }\n        \n        .btech-password-toggle:focus {\n            color: #D4AF37 !important;\n            background: none !important;\n            outline: none !important;\n            box-shadow: none !important;\n        }\n        \n        .btech-password-input {\n            padding-right: 50px;\n        }\n        \n        \/* Form Options *\/\n        .btech-form-options {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 30px;\n            flex-wrap: wrap;\n            gap: 15px;\n        }\n        \n        .btech-checkbox-wrapper {\n            display: flex;\n            align-items: center;\n            cursor: pointer;\n        }\n        \n        .btech-checkbox-wrapper input[type=\"checkbox\"] {\n            margin-right: 10px;\n            transform: scale(1.1);\n        }\n        \n        .btech-checkbox-text {\n            font-size: 14px;\n            color: #666;\n            font-weight: 400;\n        }\n        \n        .btech-forgot-link {\n            color: #D4AF37;\n            font-size: 14px;\n            text-decoration: none;\n            font-weight: 500;\n            transition: color 0.3s ease;\n        }\n        \n        .btech-forgot-link:hover {\n            color: #B8941F;\n            text-decoration: underline;\n        }\n        \n        \/* Submit Button *\/\n        .btech-form-submit {\n            margin-bottom: 25px;\n        }\n        \n        .btech-signin-btn {\n            width: 100%;\n            background: linear-gradient(135deg, #D4AF37, #B8941F);\n            border: none;\n            color: #fff;\n            padding: 16px 20px;\n            font-size: 16px;\n            font-weight: 600;\n            border-radius: 12px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);\n        }\n        \n        .btech-signin-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4);\n        }\n        \n        .btech-signin-btn:active {\n            transform: translateY(0);\n        }\n        \n        \/* Mobile Register Section (Hidden on Desktop) *\/\n        .btech-mobile-register {\n            display: none;\n            text-align: center;\n            padding-top: 20px;\n            border-top: 1px solid #eee;\n        }\n        \n        .btech-mobile-register-text {\n            color: #666;\n            font-size: 14px;\n            margin: 0 0 15px 0;\n        }\n        \n        .btech-btn-gold-outline {\n            background: transparent;\n            border: 2px solid #D4AF37;\n            color: #D4AF37;\n            padding: 12px 24px;\n            border-radius: 12px;\n            font-size: 14px;\n            font-weight: 500;\n            text-decoration: none;\n            display: inline-block;\n            transition: all 0.3s ease;\n        }\n        \n        .btech-btn-gold-outline:hover {\n            background: #D4AF37;\n            color: #fff;\n            text-decoration: none;\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px rgba(212, 175, 55, 0.3);\n        }\n        \n        \/* Responsive Design - Mobile First *\/\n        @media (max-width: 768px) {\n            .btech-custom-login-container {\n                flex-direction: column;\n                margin: 20px 15px;\n                min-height: auto;\n                border-radius: 16px;\n                width: calc(100% - 30px);\n                max-width: none;\n            }\n            \n            \/* Hide welcome panel on mobile *\/\n            .btech-welcome-panel {\n                display: none;\n            }\n            \n            .btech-form-panel {\n                padding: 40px 25px;\n                width: 100%;\n                box-sizing: border-box;\n            }\n            \n            .btech-form-content {\n                max-width: 100%;\n                width: 100%;\n            }\n            \n            .btech-form-title {\n                font-size: 24px;\n            }\n            \n            .btech-form-subtitle {\n                font-size: 14px;\n            }\n            \n            \/* Show mobile register section *\/\n            .btech-mobile-register {\n                display: block;\n            }\n            \n            \/* Adjust social login for mobile *\/\n            .btech-social-login a,\n            .btech-social-login .mo_btn,\n            .btech-social-login .mo_btn-social,\n            .btech-social-login [class*=\"mo_btn\"] {\n                width: 100% !important;\n                min-width: unset !important;\n            }\n            \n            .btech-form-options {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 15px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .btech-custom-login-container {\n                margin: 10px;\n                width: calc(100% - 20px);\n            }\n            \n            .btech-form-panel {\n                padding: 30px 20px;\n            }\n            \n            .btech-form-control {\n                padding: 16px 18px;\n                font-size: 16px; \/* Prevent zoom on iOS *\/\n            }\n            \n            .btech-signin-btn {\n                padding: 16px 18px;\n                font-size: 16px;\n            }\n            \n            .btech-password-toggle {\n                right: 18px;\n            }\n        }\n    <\/style>\n    \n    <script>\n        \/\/ Password toggle functionality\n        function btechTogglePassword() {\n            const passwordField = document.getElementById('btech-password-field');\n            const eyeIcon = document.querySelector('.btech-eye-icon');\n            const eyeOffIcon = document.querySelector('.btech-eye-off-icon');\n            \n            if (passwordField.type === 'password') {\n                passwordField.type = 'text';\n                eyeIcon.style.display = 'none';\n                eyeOffIcon.style.display = 'block';\n            } else {\n                passwordField.type = 'password';\n                eyeIcon.style.display = 'block';\n                eyeOffIcon.style.display = 'none';\n            }\n        }\n        \n        document.addEventListener('DOMContentLoaded', function() {\n            var form = document.getElementById('btech-custom-login-form');\n            if (form) {\n                form.addEventListener('submit', function(e) {\n                    var submitBtn = form.querySelector('.btech-signin-btn');\n                    if (submitBtn) {\n                        submitBtn.innerHTML = '<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"animation: spin 1s linear infinite;\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 6v6l4 2\"><\/path><\/svg> Connexion en cours...';\n                        submitBtn.disabled = true;\n                    }\n                });\n            }\n            \n            \/\/ Add loading animation CSS\n            const style = document.createElement('style');\n            style.textContent = `\n                @keyframes spin {\n                    0% { transform: rotate(0deg); }\n                    100% { transform: rotate(360deg); }\n                }\n            `;\n            document.head.appendChild(style);\n        });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3158","page","type-page","status-publish","hentry"],"meta_box":[],"_links":{"self":[{"href":"https:\/\/ig-center.com\/en\/wp-json\/wp\/v2\/pages\/3158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ig-center.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ig-center.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ig-center.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ig-center.com\/en\/wp-json\/wp\/v2\/comments?post=3158"}],"version-history":[{"count":7,"href":"https:\/\/ig-center.com\/en\/wp-json\/wp\/v2\/pages\/3158\/revisions"}],"predecessor-version":[{"id":3165,"href":"https:\/\/ig-center.com\/en\/wp-json\/wp\/v2\/pages\/3158\/revisions\/3165"}],"wp:attachment":[{"href":"https:\/\/ig-center.com\/en\/wp-json\/wp\/v2\/media?parent=3158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}