{"id":71,"date":"2025-06-07T23:01:11","date_gmt":"2025-06-07T23:01:11","guid":{"rendered":"https:\/\/byzzenzz.com\/index.php\/login\/"},"modified":"2025-09-23T17:31:19","modified_gmt":"2025-09-23T17:31:19","slug":"login","status":"publish","type":"page","link":"https:\/\/byzzenzz.com\/index.php\/login\/","title":{"rendered":"Login"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"71\" class=\"elementor elementor-71\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2722f364 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2722f364\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-24a02a34\" data-id=\"24a02a34\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2d7c6d74 elementor-widget elementor-widget-shortcode\" data-id=\"2d7c6d74\" 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=\"byz-login-overlay\">\n  <style>\n    \/* kill theme padding around the content and make the block full-bleed *\/\n    html, body {height:100%; margin:0; padding:0;}\n        .site-header, .site-header .header-inner {display:none !important;}\n        \/* full-bleed container trick inside WP content *\/\n    .byz-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}\n\n    .byz-auth{\n      min-height:100vh; height:100vh; width:100vw; overflow:hidden;\n      display:grid; grid-template-columns:1fr 1fr;\n      font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n      background:#fff;\n    }\n    @media (max-width:980px){.byz-auth{grid-template-columns:1fr}.byz-left{display:none}}\n\n    .byz-left{position:relative;display:flex;align-items:center;justify-content:center;background:#0b1220}\n    .byz-left::before{\n      content:\"\";position:absolute;inset:0;\n      background:url('https:\/\/i.ibb.co\/PGmxJhfz\/image.png') center\/cover no-repeat;      filter:brightness(.58)\n    }\n    .byz-left .logo{position:relative;z-index:1;background:url('https:\/\/i.ibb.co\/VWvLT8d9\/zzglow.png') center\/contain no-repeat;width:min(420px,60%);aspect-ratio:1\/1;}\n\n    \/* Right side is truly edge-to-edge *\/\n    .byz-right{display:flex;align-items:center;justify-content:center}\n    .byz-card{width:min(560px,92vw); padding:24px 0} \/* avoid outer white gutters *\/\n    .byz-title{text-align:center;font-weight:900;font-size:42px;line-height:1.1;color:#1f2937;margin:0 0 18px}\n\n    .byz-field{margin-bottom:14px}\n    .byz-label{display:block;font-weight:800;margin-bottom:6px;color:#374151}\n    .byz-input{\n      width:100%;height:52px;padding:12px 14px;border:1px solid #dbe1ea;border-radius:10px;\n      background:#ecf2ff;font-size:16px;outline:none\n    }\n\n    \/* Password field: eye image on RIGHT (no button style) *\/\n    .byz-pass-wrap{position:relative}\n    .byz-pass-wrap input{padding-right:52px}\n    .byz-eye-img{\n      position:absolute; right:10px; top:50%; transform:translateY(-50%);\n      width:28px; height:28px; cursor:pointer; user-select:none;\n      filter:drop-shadow(0 1px 1px rgba(0,0,0,.15));\n    }\n\n    .byz-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px}\n    .byz-remember{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}\n    .byz-help{color:#f97316;font-weight:800;text-decoration:none}\n    .byz-help:hover{text-decoration:underline}\n\n    .byz-login-btn{\n      width:100%;height:56px;border:0;border-radius:28px;font-weight:900;font-size:16px;\n      background:linear-gradient(90deg,#ff8a00,#ff6a00);color:#fff;cursor:pointer;\n      box-shadow:0 10px 24px rgba(255,106,0,.25)\n    }\n\n    .byz-sep{height:1px;background:#e5e7eb;margin:18px 0}\n\n    .byz-request{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#374151;font-weight:800}\n    .byz-request button{border:0;background:transparent;color:#2563eb;font-weight:900;cursor:pointer}\n\n    .byz-request-form{display:none;margin-top:12px;padding:12px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc}\n    .byz-request-form .row{display:grid;gap:6px;margin-bottom:10px}\n    .byz-request-form input{width:100%;height:44px;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;background:#fff}\n\n    .byz-wa-btn{display:inline-block;padding:12px 18px;border-radius:24px;font-weight:900;text-decoration:none}\n    .byz-wa-primary{background:linear-gradient(90deg,#22c55e,#16a34a);color:#fff;border:0;box-shadow:0 8px 20px rgba(34,197,94,.25);cursor:pointer}\n    .byz-wa-disabled{background:#e2f7ea;color:#86efac;border:1px solid #bbf7d0;cursor:not-allowed;pointer-events:none}\n\n    .byz-subnote{color:#64748b;font-size:12px;margin-top:10px}\n  <\/style>\n\n  <div class=\"byz-bleed\">\n    <div class=\"byz-auth\">\n      <aside class=\"byz-left\"><div class=\"logo\" aria-hidden=\"true\"><\/div><\/aside>\n\n      <section class=\"byz-right\">\n        <div class=\"byz-card\">\n          <h1 class=\"byz-title\">Login<\/h1>\n\n          <form method=\"post\" action=\"https:\/\/byzzenzz.com\/wp-login.php?redirect_to=https%3A%2F%2Fbyzzenzz.com%2F\">\n            <div class=\"byz-field\">\n              <label class=\"byz-label\" for=\"byz-user\">Email<\/label>\n              <input id=\"byz-user\" class=\"byz-input\" type=\"text\" name=\"log\" autocomplete=\"username\" required>\n            <\/div>\n\n            <div class=\"byz-field byz-pass-wrap\">\n              <label class=\"byz-label\" for=\"byz-pass\">Password<\/label>\n              <input id=\"byz-pass\" class=\"byz-input\" type=\"password\" name=\"pwd\" autocomplete=\"current-password\" required>\n              <img decoding=\"async\" id=\"byz-eye-img\" class=\"byz-eye-img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/1f441.svg\" alt=\"toggle password\" \/>\n            <\/div>\n\n            <input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/byzzenzz.com\/\">\n\n            <div class=\"byz-actions\">\n              <a class=\"byz-help\" href=\"https:\/\/byzzenzz.com\/index.php\/my-account\/lost-password\/\">Reset ? Forgot your password<\/a>\n              <label class=\"byz-remember\"><input type=\"checkbox\" name=\"rememberme\" value=\"forever\"> Remember Me<\/label>\n            <\/div>\n\n            <button type=\"submit\" class=\"byz-login-btn\">Login<\/button>\n          <\/form>\n\n          <div class=\"byz-sep\"><\/div>\n\n          <div class=\"byz-request\">\n            <span>New in our platform ?<\/span>\n            <button type=\"button\" id=\"byz-open-request\">Request one<\/button>\n          <\/div>\n\n          <div class=\"byz-request-form\" id=\"byz-req\">\n            <div class=\"row\">\n              <label for=\"byz-req-name\" class=\"byz-label\">Your Name<\/label>\n              <input id=\"byz-req-name\" type=\"text\" placeholder=\"Your full name\">\n            <\/div>\n            <div class=\"row\">\n              <label for=\"byz-req-email\" class=\"byz-label\">Your Email<\/label>\n              <input id=\"byz-req-email\" type=\"email\" placeholder=\"you@example.com\">\n            <\/div>\n            <div class=\"row\" style=\"display:flex;gap:10px;align-items:center;flex-wrap:wrap\">\n                              <button id=\"byz-wa-send\" type=\"button\" class=\"byz-wa-btn byz-wa-disabled\" disabled>Send request on WhatsApp<\/button>\n                          <\/div>\n            <div class=\"byz-subnote\">We\u2019ll receive your details via WhatsApp and get you set up.<\/div>\n          <\/div>\n\n          <div class=\"byz-sep\" style=\"margin-top:18px\"><\/div>\n          <div class=\"byz-subnote\" style=\"text-align:center\">If you encounter any problems, please contact us at <a href=\"mailto:support@byzzenzz.comk\">support@byzzenzz.com<\/a>.<\/div>\n        <\/div>\n      <\/section>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      \/\/ Eye image toggle (right side)\n      const eye  = document.getElementById('byz-eye-img');\n      const pass = document.getElementById('byz-pass');\n      eye && eye.addEventListener('click', ()=>{\n        pass.type = (pass.type === 'password') ? 'text' : 'password';\n      });\n\n      \/\/ Open\/close request panel\n      const opener = document.getElementById('byz-open-request');\n      const panel  = document.getElementById('byz-req');\n      opener && opener.addEventListener('click', ()=>{\n        panel.style.display = (panel.style.display==='block') ? 'none' : 'block';\n      });\n\n      \/\/ WhatsApp request: validation + enable\/disable + submit\n      const nameEl = document.getElementById('byz-req-name');\n      const mailEl = document.getElementById('byz-req-email');\n      const waBtn  = document.getElementById('byz-wa-send');\n\n      function validEmail(v){ return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v); }\n      function toggleBtn(){\n        if(!waBtn) return;\n        const ok = (nameEl.value.trim().length > 1) && validEmail(mailEl.value.trim());\n        waBtn.disabled = !ok;\n        waBtn.classList.toggle('byz-wa-disabled', !ok);\n        waBtn.classList.toggle('byz-wa-primary', ok);\n      }\n      nameEl && nameEl.addEventListener('input', toggleBtn);\n      mailEl && mailEl.addEventListener('input', toggleBtn);\n      toggleBtn();\n\n      \/\/ Enter submits WA when valid\n      [nameEl, mailEl].forEach(el => el && el.addEventListener('keydown', e=>{\n        if(e.key==='Enter' && waBtn && !waBtn.disabled){ e.preventDefault(); waBtn.click(); }\n      }));\n\n      \/\/ Open WhatsApp with prefilled message\n            waBtn && waBtn.addEventListener('click', function(){\n        if (waBtn.disabled) return;\n        const name  = nameEl.value.trim();\n        const email = mailEl.value.trim();\n        const msg = encodeURIComponent(\n          \"Hi! I'd like to sign up for Byzzenzz.\\n\\nName: \" + name + \"\\nEmail: \" + email + \"\\n\\nThanks!\"\n        );\n        const url = \"https:\/\/wa.me\/12017879377?text=\" + msg;\n        window.open(url, '_blank', 'noopener');\n      });\n          })();\n  <\/script>\n  \n<\/div>\n<style>\n  footer{display:none;}\n\n  \/* Overlay fills the screen and can scroll *\/\n  .byz-login-overlay{\n    position:fixed; inset:0; background:#fff; z-index:99999999;\n    overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;\n  }\n\n  \/* Make the login layout use the full height, but allow the RIGHT column to scroll *\/\n  .byz-login-overlay > *{min-height:100%}\n\n  \/* Most two-column login layouts: first child = image\/left, last child = form\/right *\/\n  .byz-login-overlay > * > *:last-child{\n    max-height:100vh;            \/* don\u2019t exceed the viewport *\/\n    overflow-y:auto !important;  \/* \u2190 critical: allow scrolling in the form column *\/\n    -webkit-overflow-scrolling:touch;\n  }\n\n  \/* Kill any \u201cno scroll\u201d styles some themes add *\/\n  .byz-login-overlay [style*=\"overflow:hidden\"]{overflow:visible !important}\n  .byz-login-overlay [style*=\"height:100vh\"]{height:auto !important; min-height:100%}\n\n  \/* Small screens: stack columns so page scroll works naturally *\/\n  @media (max-width: 900px){\n    .byz-login-overlay > * > *:last-child{max-height:none}\n  }\n.elementor-kit-7 a{color:#eee !important;}\n<\/style>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a802bf7 elementor-widget elementor-widget-html\" data-id=\"a802bf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.elementor-kit-7 a {\r\n    color: #fff;\r\n}\r\n    body {\r\n      margin: 0;\r\n      font-family: 'Segoe UI', sans-serif;\r\n      background: linear-gradient(to right, #ffffff, #f5faff);\r\n      color: #333;\r\n    }\r\n    header {\r\n      background: #0d6efd;\r\n      color: white;\r\n      padding: 30px 20px;\r\n      text-align: center;\r\n    }\r\n    header h1 {\r\n      margin: 0;\r\n      font-size: 2.5rem;\r\n    }\r\n    header p {\r\n      font-size: 1.2rem;\r\n    }\r\n    .section {\r\n      padding: 50px 20px;\r\n      max-width: 800px;\r\n      margin: auto;\r\n    }\r\n    .section h2 {\r\n      font-size: 2rem;\r\n      color: #0d6efd;\r\n    }\r\n    .highlight {\r\n      background: #eaf7ea;\r\n      border-left: 5px solid #28a745;\r\n      padding: 20px;\r\n      margin: 30px 0;\r\n      border-radius: 8px;\r\n      font-size: 1.1rem;\r\n    }\r\n    .cta {\r\n      background: #fef4e7;\r\n      border-left: 5px solid #f0ad4e;\r\n      padding: 20px;\r\n      margin-top: 40px;\r\n      border-radius: 8px;\r\n      font-size: 1.1rem;\r\n      color: #795548;\r\n    }\r\n    footer {\r\n      text-align: center;\r\n      padding: 30px;\r\n      background: #0d6efd;\r\n      color: white;\r\n      font-size: 0.9rem;\r\n    }\r\n  <\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\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":"","meta":{"footnotes":""},"class_list":["post-71","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/byzzenzz.com\/index.php\/wp-json\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/byzzenzz.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/byzzenzz.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/byzzenzz.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/byzzenzz.com\/index.php\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":60,"href":"https:\/\/byzzenzz.com\/index.php\/wp-json\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":1650,"href":"https:\/\/byzzenzz.com\/index.php\/wp-json\/wp\/v2\/pages\/71\/revisions\/1650"}],"wp:attachment":[{"href":"https:\/\/byzzenzz.com\/index.php\/wp-json\/wp\/v2\/media?parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}