{"id":31280,"date":"2026-04-27T18:20:31","date_gmt":"2026-04-27T16:20:31","guid":{"rendered":"https:\/\/medskai.com\/?page_id=31280"},"modified":"2026-05-14T20:44:21","modified_gmt":"2026-05-14T18:44:21","slug":"community","status":"publish","type":"page","link":"https:\/\/medskai.com\/en\/community\/","title":{"rendered":"Community"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"31280\" class=\"elementor elementor-31280\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-c76282c e-con-full e-flex e-con e-parent\" data-id=\"c76282c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ab57d6 elementor-widget elementor-widget-shortcode\" data-id=\"9ab57d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n        \/* \u2500\u2500 Outer wrapper \u2500\u2500 *\/\r\n        .sg-login-outer {\r\n            font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 30px 20px;\r\n            background: transparent;\r\n            position: relative;\r\n        }\r\n\r\n        \/* \u2500\u2500 Card \u2500\u2500 *\/\r\n        .sg-login-card {\r\n            background: rgba(255,255,255,0.95);\r\n            backdrop-filter: blur(18px);\r\n            -webkit-backdrop-filter: blur(18px);\r\n            padding: 36px 32px 30px;\r\n            border-radius: 20px;\r\n            text-align: center;\r\n            box-shadow:\r\n                0 2px 0 0 rgba(112,123,238,0.18) inset,\r\n                0 16px 48px rgba(112,123,238,0.12),\r\n                0 4px 16px rgba(0,0,0,0.05);\r\n            border: 1px solid rgba(112,123,238,0.18);\r\n            margin: 0 auto;\r\n            max-width: 460px;\r\n            width: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \/* animated top accent bar *\/\r\n        .sg-login-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, #707bee, #9b89f5, #707bee);\r\n            background-size: 200% 100%;\r\n            animation: sg-bar-move 3s linear infinite;\r\n        }\r\n        @keyframes sg-bar-move {\r\n            0%   { background-position: 0% 0%; }\r\n            100% { background-position: 200% 0%; }\r\n        }\r\n        \/* floating ring decor *\/\r\n        .sg-login-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: -30px; right: -30px;\r\n            width: 120px; height: 120px;\r\n            border-radius: 50%;\r\n            border: 20px solid rgba(112,123,238,0.07);\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* \u2500\u2500 Image \u2500\u2500 *\/\r\n        .sg-login-image-wrap {\r\n            margin-bottom: 22px;\r\n        }\r\n        .sg-login-image-wrap img {\r\n            max-width: 180px;\r\n            height: auto;\r\n            display: inline-block;\r\n            filter: drop-shadow(0 8px 20px rgba(112,123,238,0.22));\r\n            animation: sg-float-lc 4s ease-in-out infinite;\r\n        }\r\n        @keyframes sg-float-lc {\r\n            0%,100% { transform: translateY(0); }\r\n            50%      { transform: translateY(-7px); }\r\n        }\r\n\r\n        \/* \u2500\u2500 Heading \u2500\u2500 *\/\r\n        .sg-login-card h3 {\r\n            margin: 0 0 6px 0 !important;\r\n            color: #1e1b4b !important;\r\n            font-size: 27px !important;\r\n            font-weight: 800 !important;\r\n            letter-spacing: -0.4px;\r\n            line-height: 1.2 !important;\r\n        }\r\n\r\n        \/* \u2500\u2500 Separator \u2500\u2500 *\/\r\n        .sg-login-card .sg-separator {\r\n            width: 44px;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, #707bee, #9b89f5);\r\n            border-radius: 4px;\r\n            margin: 10px auto 18px;\r\n        }\r\n\r\n        \/* \u2500\u2500 Subtitle \u2500\u2500 *\/\r\n        .sg-login-card .sg-subtitle {\r\n            margin: 0 0 28px 0 !important;\r\n            color: #64748b;\r\n            font-size: 14.5px;\r\n            line-height: 1.65;\r\n            max-width: 360px;\r\n            margin-left: auto !important;\r\n            margin-right: auto !important;\r\n        }\r\n\r\n        \/* \u2500\u2500 Features row \u2500\u2500 *\/\r\n        .sg-features-row {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 14px;\r\n            margin-bottom: 30px;\r\n            flex-wrap: wrap;\r\n        }\r\n        .sg-feature-item {\r\n            text-align: center;\r\n            flex: 1;\r\n            min-width: 100px;\r\n            max-width: 145px;\r\n            padding: 16px 12px;\r\n            background: rgba(112,123,238,0.06);\r\n            border-radius: 16px;\r\n            border: 1px solid rgba(112,123,238,0.12);\r\n            transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\r\n        }\r\n        .sg-feature-item:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 8px 22px rgba(112,123,238,0.15);\r\n            background: rgba(112,123,238,0.10);\r\n        }\r\n        .sg-feature-icon {\r\n            width: 46px;\r\n            height: 46px;\r\n            border-radius: 13px;\r\n            background: linear-gradient(135deg, rgba(112,123,238,0.15), rgba(155,137,245,0.15));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 10px;\r\n            border: 1px solid rgba(112,123,238,0.15);\r\n            transition: transform 0.2s;\r\n        }\r\n        .sg-feature-item:hover .sg-feature-icon {\r\n            transform: scale(1.1);\r\n        }\r\n        .sg-feature-icon svg {\r\n            width: 22px;\r\n            height: 22px;\r\n            color: #707bee;\r\n            stroke: #707bee;\r\n        }\r\n        .sg-feature-item h4 {\r\n            margin: 0 0 4px 0 !important;\r\n            font-size: 12.5px;\r\n            font-weight: 700;\r\n            color: #1e1b4b;\r\n            line-height: 1.3;\r\n        }\r\n        .sg-feature-item p {\r\n            margin: 0 !important;\r\n            font-size: 11px;\r\n            color: #94a3b8;\r\n            line-height: 1.45;\r\n        }\r\n\r\n        \/* \u2500\u2500 Login button \u2500\u2500 *\/\r\n        .sg-login-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            width: 100%;\r\n            max-width: 360px;\r\n            padding: 15px 32px;\r\n            background: linear-gradient(135deg, #707bee 0%, #5a67d8 100%);\r\n            color: #fff !important;\r\n            text-decoration: none !important;\r\n            border-radius: 50px;\r\n            font-weight: 700;\r\n            font-size: 15.5px;\r\n            letter-spacing: 0.1px;\r\n            box-shadow: 0 6px 24px rgba(112,123,238,0.38), 0 2px 8px rgba(0,0,0,0.08);\r\n            transition: transform 0.22s ease, box-shadow 0.22s ease;\r\n            cursor: pointer;\r\n            border: none;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        .sg-login-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(135deg, rgba(255,255,255,0.12), transparent);\r\n            pointer-events: none;\r\n        }\r\n        .sg-login-btn:hover {\r\n            transform: translateY(-2px) scale(1.01);\r\n            box-shadow: 0 12px 34px rgba(112,123,238,0.46), 0 4px 12px rgba(0,0,0,0.1);\r\n            color: #fff !important;\r\n        }\r\n        .sg-login-btn:active {\r\n            transform: translateY(0) scale(0.99);\r\n        }\r\n        .sg-login-btn svg {\r\n            width: 18px;\r\n            height: 18px;\r\n            flex-shrink: 0;\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"sg-login-outer\">\r\n    <div class=\"sg-login-card\">\r\n        <!-- Shield \/ Lock Image -->\r\n        <div class=\"sg-login-image-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/medskai.com\/wp-content\/uploads\/2026\/05\/login.png\" alt=\"Community Members Only\" \/>\r\n        <\/div>\r\n\r\n        <!-- Title -->\r\n        <h3>Community Members Only<\/h3>\r\n        <div class=\"sg-separator\"><\/div>\r\n\r\n        <!-- Subtitle -->\r\n        <p class=\"sg-subtitle\">\r\n            Join our community to unlock discussions, share knowledge and connect with members.        <\/p>\r\n\r\n        <!-- Features -->\r\n        <div class=\"sg-features-row\">\r\n            <div class=\"sg-feature-item\">\r\n                <div class=\"sg-feature-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\" stroke=\"currentColor\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4>Join Discussions<\/h4>\r\n                <p>Engage in meaningful conversations<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"sg-feature-item\">\r\n                <div class=\"sg-feature-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\" stroke=\"currentColor\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4>Connect<\/h4>\r\n                <p>Build relationships with members<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"sg-feature-item\">\r\n                <div class=\"sg-feature-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.8\" stroke=\"currentColor\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h4>Exclusive Access<\/h4>\r\n                <p>Access member-only content<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Login Button -->\r\n        <a href=\"https:\/\/medskai.com\/account\/?redirect_to=https%3A%2F%2Fmedskai.com%2Fen%2Fwp-json%2Fwp%2Fv2%2Fpages%2F31280\"\r\n            onclick=\"if(typeof jQuery != 'undefined' && jQuery('#thim-popup-login').length) { event.preventDefault(); jQuery('body').addClass('thim-popup-active'); jQuery('#thim-popup-login').addClass('active sign-in'); return false; }\"\r\n            class=\"sg-login-btn\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\">\r\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z\" \/>\r\n            <\/svg>\r\n            Login Now        <\/a>\r\n    <\/div>\r\n    <\/div>\r\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":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-31280","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medskai.com\/en\/wp-json\/wp\/v2\/pages\/31280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medskai.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medskai.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medskai.com\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/medskai.com\/en\/wp-json\/wp\/v2\/comments?post=31280"}],"version-history":[{"count":49,"href":"https:\/\/medskai.com\/en\/wp-json\/wp\/v2\/pages\/31280\/revisions"}],"predecessor-version":[{"id":31422,"href":"https:\/\/medskai.com\/en\/wp-json\/wp\/v2\/pages\/31280\/revisions\/31422"}],"wp:attachment":[{"href":"https:\/\/medskai.com\/en\/wp-json\/wp\/v2\/media?parent=31280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}