{"id":28543,"date":"2026-07-02T17:06:26","date_gmt":"2026-07-02T15:06:26","guid":{"rendered":"https:\/\/mz-academy.tech\/?page_id=28543"},"modified":"2026-07-02T17:06:27","modified_gmt":"2026-07-02T15:06:27","slug":"student-login-2","status":"publish","type":"page","link":"https:\/\/mz-academy.tech\/ar\/student-login-2\/","title":{"rendered":"Student login"},"content":{"rendered":"        <style>\n            .mz-auth-page-wrap {\n                min-height: 100vh;\n                margin: -40px 0;\n                padding: 50px 18px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                background:\n                    radial-gradient(circle at top left, rgba(41, 98, 255, .17), transparent 34%),\n                    radial-gradient(circle at bottom right, rgba(238, 61, 136, .18), transparent 34%),\n                    #f4f7ff;\n                font-family: Arial, sans-serif;\n            }\n\n            .mz-auth-page-card {\n                width: 100%;\n                max-width: 980px;\n                min-height: 620px;\n                display: grid;\n                grid-template-columns: 1fr 1.1fr;\n                overflow: hidden;\n                background: #fff;\n                border: 1px solid #e5ebf7;\n                border-radius: 28px;\n                box-shadow: 0 25px 70px rgba(15, 23, 42, .13);\n            }\n\n            .mz-auth-brand {\n                padding: 48px;\n                background: linear-gradient(135deg, #071a3d, #273284, #7437ff);\n                color: #fff;\n                display: flex;\n                flex-direction: column;\n                justify-content: space-between;\n            }\n\n            .mz-auth-logo {\n                font-size: 56px;\n                font-weight: 900;\n                line-height: 1;\n                letter-spacing: 2px;\n                background: linear-gradient(135deg, #4da3ff, #b934ff, #ff3f8e);\n                -webkit-background-clip: text;\n                color: transparent;\n            }\n\n            .mz-auth-logo-sub {\n                margin-top: 6px;\n                font-size: 14px;\n                letter-spacing: 8px;\n            }\n\n            .mz-auth-brand h1 {\n                margin: 55px 0 12px;\n                color: #fff;\n                font-size: 38px;\n                line-height: 1.15;\n            }\n\n            .mz-auth-brand p {\n                color: #dbe5ff;\n                font-size: 16px;\n                line-height: 1.7;\n            }\n\n            .mz-auth-features {\n                display: grid;\n                gap: 13px;\n                margin-top: 35px;\n            }\n\n            .mz-auth-features div {\n                padding: 14px;\n                border-radius: 14px;\n                border: 1px solid rgba(255, 255, 255, .13);\n                background: rgba(255, 255, 255, .08);\n            }\n\n            .mz-auth-forms {\n                padding: 48px;\n            }\n\n            .mz-auth-tabs {\n                display: flex;\n                gap: 10px;\n                padding: 8px;\n                margin-bottom: 28px;\n                background: #f4f7ff;\n                border-radius: 16px;\n            }\n\n            .mz-auth-tabs button {\n                flex: 1;\n                border: 0;\n                padding: 14px;\n                border-radius: 12px;\n                background: transparent;\n                color: #071a3d;\n                font-weight: 900;\n                font-size: 16px;\n                cursor: pointer;\n            }\n\n            .mz-auth-tabs button.active {\n                background: linear-gradient(135deg, #2962ff, #7437ff, #ee3d88);\n                color: #fff;\n            }\n\n            .mz-auth-panel {\n                display: none;\n            }\n\n            .mz-auth-panel.active {\n                display: block;\n            }\n\n            .mz-auth-panel h2 {\n                margin: 0 0 8px;\n                color: #071a3d;\n                font-size: 30px;\n            }\n\n            .mz-auth-panel p {\n                margin: 0 0 26px;\n                color: #69799f;\n            }\n\n            .mz-auth-field {\n                margin-bottom: 16px;\n            }\n\n            .mz-auth-field label {\n                display: block;\n                margin-bottom: 7px;\n                color: #071a3d;\n                font-weight: 800;\n            }\n\n            .mz-auth-field input {\n                width: 100%;\n                padding: 15px 16px;\n                border: 1px solid #dbe5ff;\n                border-radius: 13px;\n                font-size: 15px;\n                outline: none;\n            }\n\n            .mz-auth-field input:focus {\n                border-color: #7437ff;\n                box-shadow: 0 0 0 4px rgba(116, 55, 255, .09);\n            }\n\n            .mz-auth-row {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                gap: 12px;\n                margin: 12px 0 22px;\n                color: #69799f;\n            }\n\n            .mz-auth-row a {\n                color: #2962ff;\n                font-weight: 800;\n                text-decoration: none;\n            }\n\n            .mz-auth-submit {\n                width: 100%;\n                border: 0;\n                padding: 16px;\n                border-radius: 14px;\n                background: linear-gradient(135deg, #2962ff, #7437ff, #ee3d88);\n                color: #fff;\n                font-size: 17px;\n                font-weight: 900;\n                cursor: pointer;\n            }\n\n            .mz-auth-alert {\n                padding: 13px 15px;\n                border-radius: 12px;\n                margin-bottom: 18px;\n                font-weight: 800;\n            }\n\n            .mz-auth-error {\n                color: #b91c1c;\n                background: #fee2e2;\n            }\n\n            .mz-auth-success {\n                color: #166534;\n                background: #dcfce7;\n            }\n\n            .mz-auth-logged {\n                width: 100%;\n                max-width: 620px;\n                background: #fff;\n                border-radius: 24px;\n                padding: 36px;\n                text-align: center;\n                box-shadow: 0 25px 70px rgba(15, 23, 42, .13);\n            }\n\n            .mz-auth-logged a {\n                display: inline-block;\n                margin-top: 18px;\n                padding: 14px 26px;\n                background: linear-gradient(135deg, #2962ff, #7437ff, #ee3d88);\n                color: #fff;\n                text-decoration: none;\n                border-radius: 13px;\n                font-weight: 900;\n            }\n\n            @media(max-width: 850px) {\n                .mz-auth-page-card {\n                    grid-template-columns: 1fr;\n                }\n\n                .mz-auth-brand,\n                .mz-auth-forms {\n                    padding: 34px;\n                }\n            }\n        <\/style>\n\n        <div class=\"mz-auth-page-wrap\">\n            <div class=\"mz-auth-page-card\">\n                <div class=\"mz-auth-brand\">\n                    <div>\n                        <div class=\"mz-auth-logo\">MZ<\/div>\n                        <div class=\"mz-auth-logo-sub\">ACADEMY<\/div>\n\n                        <h1>Welcome Back \ud83d\udc4b<\/h1>\n                        <p>Login to access your student dashboard, attendance, grades, projects, certificates, and messages.<\/p>\n\n                        <div class=\"mz-auth-features\">\n                            <div>\ud83d\udcca Track your academic progress<\/div>\n                            <div>\ud83d\udcc5 View attendance and upcoming sessions<\/div>\n                            <div>\ud83c\udfc6 Download your certificates<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <p>\u00a9 2026 MZ Academy. All Rights Reserved.<\/p>\n                <\/div>\n\n                <div class=\"mz-auth-forms\">\n                    \n                    \n                                        <div class=\"mz-auth-tabs\">\n                        <button type=\"button\" class=\"mz-auth-tab active\" data-mz-tab=\"login\">Login<\/button>\n                        <button type=\"button\" class=\"mz-auth-tab\" data-mz-tab=\"register\">Register<\/button>\n                    <\/div>\n\n                    <form method=\"post\" class=\"mz-auth-panel active\" data-mz-panel=\"login\">\n                        <input type=\"hidden\" id=\"mz_student_login_nonce\" name=\"mz_student_login_nonce\" value=\"7a047f1cbe\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ar\/wp-json\/wp\/v2\/pages\/28543\" \/>                        <input type=\"hidden\" name=\"mz_student_login_action\" value=\"login\">\n                        <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/mz-academy.tech\/ar\/student-dashboard\/\">\n\n                        <h2>Sign in<\/h2>\n                        <p>Continue to your MZ Academy portal.<\/p>\n\n                        <div class=\"mz-auth-field\">\n                            <label>Username or Email<\/label>\n                            <input type=\"text\" name=\"log\" required>\n                        <\/div>\n\n                        <div class=\"mz-auth-field\">\n                            <label>Password<\/label>\n                            <input type=\"password\" name=\"pwd\" required>\n                        <\/div>\n\n                        <div class=\"mz-auth-row\">\n                            <label><input type=\"checkbox\" name=\"rememberme\"> Remember me<\/label>\n                            <a href=\"https:\/\/mz-academy.tech\/ar\/student-login\/?view=forgot\">Forgot Password?<\/a>\n                        <\/div>\n\n                        <button class=\"mz-auth-submit\" type=\"submit\">Login<\/button>\n                    <\/form>\n\n                    <form method=\"post\" class=\"mz-auth-panel\" data-mz-panel=\"register\">\n                        <input type=\"hidden\" id=\"mz_student_login_nonce\" name=\"mz_student_login_nonce\" value=\"7a047f1cbe\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ar\/wp-json\/wp\/v2\/pages\/28543\" \/>                        <input type=\"hidden\" name=\"mz_student_login_action\" value=\"register\">\n\n                        <h2>Create account<\/h2>\n                        <p>Join MZ Academy and start learning.<\/p>\n\n                        <div class=\"mz-auth-field\">\n                            <label>Username<\/label>\n                            <input type=\"text\" name=\"user_login\" required>\n                        <\/div>\n\n                        <div class=\"mz-auth-field\">\n                            <label>Email<\/label>\n                            <input type=\"email\" name=\"user_email\" required>\n                        <\/div>\n\n                        <div class=\"mz-auth-field\">\n                            <label>Password<\/label>\n                            <input type=\"password\" name=\"user_pass\" required>\n                        <\/div>\n\n                        <button class=\"mz-auth-submit\" type=\"submit\">Create Account<\/button>\n                    <\/form>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            (function(){\n                document.querySelectorAll('.mz-auth-tab').forEach(function(btn){\n                    btn.addEventListener('click', function(){\n                        var tab = btn.getAttribute('data-mz-tab');\n\n                        document.querySelectorAll('.mz-auth-tab').forEach(function(item){\n                            item.classList.remove('active');\n                        });\n\n                        document.querySelectorAll('.mz-auth-panel').forEach(function(panel){\n                            panel.classList.remove('active');\n                        });\n\n                        btn.classList.add('active');\n\n                        var target = document.querySelector('.mz-auth-panel[data-mz-panel=\"' + tab + '\"]');\n                        if (target) {\n                            target.classList.add('active');\n                        }\n                    });\n                });\n            })();\n        <\/script>\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":"","meta":{"footnotes":""},"class_list":["post-28543","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/mz-academy.tech\/ar\/wp-json\/wp\/v2\/pages\/28543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mz-academy.tech\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mz-academy.tech\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mz-academy.tech\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mz-academy.tech\/ar\/wp-json\/wp\/v2\/comments?post=28543"}],"version-history":[{"count":1,"href":"https:\/\/mz-academy.tech\/ar\/wp-json\/wp\/v2\/pages\/28543\/revisions"}],"predecessor-version":[{"id":28544,"href":"https:\/\/mz-academy.tech\/ar\/wp-json\/wp\/v2\/pages\/28543\/revisions\/28544"}],"wp:attachment":[{"href":"https:\/\/mz-academy.tech\/ar\/wp-json\/wp\/v2\/media?parent=28543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}