{"id":448,"date":"2026-02-25T23:26:00","date_gmt":"2026-02-25T23:26:00","guid":{"rendered":"https:\/\/ssnmmi.org.sa\/?page_id=448"},"modified":"2026-02-25T23:55:31","modified_gmt":"2026-02-25T23:55:31","slug":"login","status":"publish","type":"page","link":"https:\/\/ssnmmi.org.sa\/ar\/login\/","title":{"rendered":"Login"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"448\" class=\"elementor elementor-448\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1258c0b e-con-full e-flex e-con e-parent\" data-id=\"1258c0b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11666b0 elementor-widget elementor-widget-shortcode\" data-id=\"11666b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"aepLoginPage\" style=\"height:100vh; overflow:hidden; background:#141320;\">\n        <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n        <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n        <style>\n            .aepLoginPage{\n                --primary:#4A7DF5; \/* \u0627\u0644\u0623\u0632\u0631\u0642 \u0627\u0644\u062c\u062f\u064a\u062f *\/\n                --secondary:#5DCEBE; \/* \u0627\u0644\u062a\u0631\u0643\u0648\u0627\u0632 \u0627\u0644\u062c\u062f\u064a\u062f *\/\n                --dark:#141320; \/* \u0644\u0648\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u062f\u0627\u0643\u0646 *\/\n                --ink:#ffffff; \/* \u0644\u0648\u0646 \u0627\u0644\u0646\u0635 \u0627\u0644\u0623\u0633\u0627\u0633\u064a *\/\n                --muted:#aab2bd; \/* \u0644\u0648\u0646 \u0627\u0644\u0646\u0635 \u0627\u0644\u0641\u0631\u0639\u064a *\/\n                \n                font-family:'Montserrat',sans-serif;\n            }\n            .aepLoginPage .input-focus:focus{\n                border-color: var(--primary);\n                box-shadow: 0 0 0 2px rgba(74, 125, 245, 0.22);\n            }\n            .aepLoginPage .rightOverlay{\n                background: linear-gradient(to bottom, rgba(20, 19, 32, 0.4), rgba(20, 19, 32, 0.95));\n            }\n            .aepLoginPage .rightTitle{\n                color:#fff;\n                text-shadow: 0 10px 24px rgba(0,0,0,.5);\n            }\n            .aepLoginPage .rightText{ color: rgba(255,255,255,.86); }\n            .aepLoginPage .pill{\n                background: rgba(255,255,255,.05);\n                border: 1px solid rgba(255,255,255,.1);\n                color: rgba(255,255,255,.92);\n                backdrop-filter: blur(10px);\n                -webkit-backdrop-filter: blur(10px);\n            }\n            .aepLoginPage .benefitDot{\n                width:24px;height:24px;border-radius:999px;\n                background: rgba(74, 125, 245, 0.2);\n                border: 1px solid rgba(74, 125, 245, 0.3);\n                display:flex;align-items:center;justify-content:center;\n                flex:0 0 auto;\n                color: var(--secondary);\n            }\n            .aepLoginPage .benefitText{\n                color: rgba(255,255,255,.92);\n                font-size:14px;font-weight:600;line-height:1.5;\n            }\n\n            \/* \u062d\u0642\u0648\u0644 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0641\u064a \u0627\u0644\u0646\u0645\u0637 \u0627\u0644\u0645\u0638\u0644\u0645 *\/\n            .dark-input {\n                background-color: rgba(255, 255, 255, 0.03);\n                border-color: rgba(255, 255, 255, 0.15);\n                color: #ffffff;\n            }\n            .dark-input::placeholder { color: #aab2bd; }\n\n            \/* \u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0644\u0644\u0645\u062a\u0635\u0641\u062d \u0641\u064a \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0645\u0638\u0644\u0645 (Autofill) *\/\n            input:-webkit-autofill,\n            input:-webkit-autofill:hover, \n            input:-webkit-autofill:focus, \n            input:-webkit-autofill:active{\n                -webkit-box-shadow: 0 0 0 30px #1a1927 inset !important;\n                -webkit-text-fill-color: white !important;\n            }\n        <\/style>\n\n        <div class=\"flex h-screen\">\n            <div class=\"w-full lg:w-1\/2 flex items-center justify-center p-8 md:p-16\">\n                <div class=\"w-full max-w-md\">\n\n                    <div class=\"mb-10 text-center lg:text-left\">\n                        <img decoding=\"async\" src=\"https:\/\/steelblue-dragonfly-262120.hostingersite.com\/wp-content\/uploads\/2026\/02\/SSNMMI-LOGO-2025-scaled_page-0001-removebg-preview.webp\" alt=\"SSNMMI\" style=\"height:58px;width:auto;margin-bottom:14px;\" \/>\n                        <h1 class=\"text-3xl font-extrabold text-white mb-2\">Welcome Back<\/h1>\n                        <p class=\"text-[#aab2bd] text-sm\">Please enter your details to access your account.<\/p>\n                    <\/div>\n\n                    \n                    <form class=\"space-y-6\" method=\"post\" action=\"https:\/\/ssnmmi.org.sa\/wp-admin\/admin-post.php\" autocomplete=\"on\">\n                        <input type=\"hidden\" id=\"aep_login_nonce\" name=\"aep_login_nonce\" value=\"707ae4abac\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ar\/wp-json\/wp\/v2\/pages\/448\" \/>                        <input type=\"hidden\" name=\"action\" value=\"aep_do_login\">\n\n                        <div>\n                            <label class=\"block text-xs font-bold text-[#aab2bd] uppercase tracking-widest mb-2\">Email Address<\/label>\n                            <input type=\"text\" name=\"aep_login_email\" value=\"\"\n                                   placeholder=\"name@example.com\"\n                                   class=\"w-full p-4 dark-input border rounded-2xl text-sm outline-none transition-all input-focus\"\n                                   required>\n                        <\/div>\n\n                        <div>\n                            <div class=\"flex justify-between mb-2\">\n                                <label class=\"block text-xs font-bold text-[#aab2bd] uppercase tracking-widest\">Password<\/label>\n                                <a href=\"https:\/\/ssnmmi.org.sa\/ar\/my-account\/lost-password\/\" class=\"text-xs font-bold text-[#4A7DF5] hover:text-[#5DCEBE] transition-colors hover:underline\">Forgot?<\/a>\n                            <\/div>\n                            <input type=\"password\" name=\"aep_login_pass\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\"\n                                   class=\"w-full p-4 dark-input border rounded-2xl text-sm outline-none transition-all input-focus\"\n                                   required>\n                        <\/div>\n\n                        <div class=\"flex items-center gap-3\">\n                            <input type=\"checkbox\" id=\"remember\" name=\"aep_login_remember\"\n                                   class=\"w-4 h-4 rounded border-white\/10 bg-white\/5 text-[#4A7DF5] focus:ring-[#4A7DF5] focus:ring-offset-gray-900\">\n                            <label for=\"remember\" class=\"text-sm text-[#aab2bd]\">Remember me for 30 days<\/label>\n                        <\/div>\n\n                        <button type=\"submit\" name=\"aep_login_submit\"\n                                class=\"w-full py-4 bg-[#4A7DF5] hover:bg-[#5DCEBE] text-white font-bold rounded-2xl shadow-lg shadow-[#4A7DF5]\/30 hover:shadow-[#5DCEBE]\/40 transition-all transform hover:-translate-y-1\">\n                            Sign In\n                        <\/button>\n                    <\/form>\n\n                    <p class=\"mt-8 text-center text-sm text-[#aab2bd]\">\n                        Don't have an account?\n                        <a href=\"https:\/\/ssnmmi.org.sa\/register\/\" class=\"font-bold text-[#4A7DF5] hover:text-[#5DCEBE] transition-colors hover:underline\">Request Access<\/a>\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"hidden lg:block lg:w-1\/2 relative overflow-hidden\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/images.unsplash.com\/photo-1507413245164-6160d8298b31?auto=format&#038;fit=crop&#038;q=80&#038;w=2070\"\n                    alt=\"SSNMMI Background\"\n                    style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none;mix-blend-mode:luminosity;opacity:0.5;\"\n                \/>\n                <div class=\"absolute inset-0 rightOverlay\"><\/div>\n\n                <div class=\"absolute inset-0 flex flex-col justify-end p-16\">\n                    <div class=\"max-w-md text-white\">\n                        <span class=\"inline-block px-3 py-1 pill rounded-lg text-xs font-bold tracking-widest uppercase mb-4\">\n                            Membership System\n                        <\/span>\n\n                        <h2 class=\"text-4xl font-black mb-4 leading-tight rightTitle\">\n                            Your Membership, Upgraded.\n                        <\/h2>\n\n                        <p class=\"rightText leading-relaxed mb-8\">\n                            SSNMMI offers four membership categories with the same portal access and privileges. Membership is valid for one year and can be renewed annually.\n                        <\/p>\n\n                        <div class=\"space-y-4 mb-10\">\n                            <div class=\"flex items-center gap-3\">\n                                <div class=\"benefitDot\">\n                                    <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path>\n                                    <\/svg>\n                                <\/div>\n                                <p class=\"benefitText\">Create your personal account and profile<\/p>\n                            <\/div>\n\n                            <div class=\"flex items-center gap-3\">\n                                <div class=\"benefitDot\">\n                                    <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path>\n                                    <\/svg>\n                                <\/div>\n                                <p class=\"benefitText\">Receive a unique, sequential membership ID<\/p>\n                            <\/div>\n\n                            <div class=\"flex items-center gap-3\">\n                                <div class=\"benefitDot\">\n                                    <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path>\n                                    <\/svg>\n                                <\/div>\n                                <p class=\"benefitText\">Instant digital membership card upon successful signup<\/p>\n                            <\/div>\n\n                            <div class=\"flex items-center gap-3\">\n                                <div class=\"benefitDot\">\n                                    <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path>\n                                    <\/svg>\n                                <\/div>\n                                <p class=\"benefitText\">Access members-only content and resources<\/p>\n                            <\/div>\n\n                            <div class=\"flex items-center gap-3\">\n                                <div class=\"benefitDot\">\n                                    <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path>\n                                    <\/svg>\n                                <\/div>\n                                <p class=\"benefitText\">Register for events quickly from your account<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-448","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/pages\/448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/comments?post=448"}],"version-history":[{"count":7,"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/pages\/448\/revisions"}],"predecessor-version":[{"id":461,"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/pages\/448\/revisions\/461"}],"wp:attachment":[{"href":"https:\/\/ssnmmi.org.sa\/ar\/wp-json\/wp\/v2\/media?parent=448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}