CSP Telugu Tech Support - Final Clean V3<\/title><script src='https:\/\/cdn.tailwindcss.com'><\/script><link href='https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@500;600;700;800;900&family=Noto+Sans+Telugu:wght@400;500;700&display=swap' rel='stylesheet'><style>*{font-family:'Inter','Noto Sans Telugu',sans-serif} html{scroll-behavior:smooth} .nav-active{background:#111 !important;color:#fff !important} #plModal,#authModal,#adminModal{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,0.92);padding:16px;place-items:center} #plModal.show,#authModal.show,#adminModal.show{display:grid} .plWrap{width:100%;max-width:1200px;max-height:90vh;background:#111;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1.6fr 1fr;border:1px solid #27272a} @media(max-width:900px){.plWrap{grid-template-columns:1fr;max-height:95vh;overflow:auto}} .plVideoSide{background:#000;display:flex;flex-direction:column} .plVideoSide video{width:100%;aspect-ratio:16\/9;background:#000} .plListSide{background:#18181b;border-left:1px solid #27272a;display:flex;flex-direction:column;max-height:90vh;overflow:hidden} .plListHead{padding:14px 16px;border-bottom:1px solid #27272a;display:flex;justify-content:space-between;color:#fff;font-weight:800} .plList{overflow:auto;flex:1} .plItem{padding:10px 12px;border-bottom:1px solid #27272a;color:#fff;display:flex;flex-direction:column;gap:6px} .plItemTop{display:flex;gap:10px;align-items:center;cursor:pointer;padding:6px;border-radius:8px} .plItemTop:hover{background:#27272a} .plItem.active .plItemTop{background:#1a56db} .plNum{width:28px;height:28px;border-radius:50%;background:#27272a;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800} .plItem.active .plNum{background:#fff;color:#1a56db} .plInputs{display:flex;gap:6px;margin-top:6px} .plInputs input{flex:1;height:32px;border-radius:8px;border:1px solid #3f3f46;background:#27272a;color:#fff;padding:0 8px;font-size:11px} .plInputs button{height:32px;padding:0 10px;border-radius:8px;background:#1a56db;color:#fff;font-size:10px;font-weight:800;border:none;cursor:pointer} .authWrap{width:100%;max-width:420px;background:#fff;border-radius:24px;overflow:hidden}<\/style><\/head><body class='bg-white'>\r\n\r\n\r\n\r\n<header id=\"main-header\" class=\"sticky top-0 z-50 bg-white\/95 backdrop-blur-xl border-b border-zinc-200\/80\">\r\n <div class=\"mx-auto max-w-[1200px] px-5 lg:px-8 h-[80px] flex items-center justify-between\">\r\n <a href=\"#home\" class=\"flex items-center gap-4\"><div class=\"w-11 h-11 rounded-[14px] bg-[#1a56db] text-white grid place-items-center font-black text-[18px]\">C<\/div><div class=\"leading-none\"><div class=\"font-extrabold text-[17px]\">CSP Telugu Tech Support<\/div><div class=\"text-[12px] text-zinc-500 font-semibold mt-1\">telugu lo tech nerchukondi<\/div><\/div><\/a>\r\n <nav class=\"hidden md:flex items-center gap-2\">\r\n <a href=\"#home\" data-nav=\"home\" class=\"nav-btn px-5 py-2.5 rounded-full text-[14px] font-semibold bg-zinc-100 text-zinc-700\">Home<\/a>\r\n <a href=\"#sbi-kiosk\" data-nav=\"sbi-kiosk\" class=\"nav-btn px-5 py-2.5 rounded-full text-[14px] font-semibold bg-zinc-100 text-zinc-700\">SBI Kiosk<\/a>\r\n <a href=\"#digital-skills\" data-nav=\"digital-skills\" class=\"nav-btn px-5 py-2.5 rounded-full text-[14px] font-semibold bg-zinc-100 text-zinc-700\">Digital Skills<\/a>\r\n <a href=\"#contact\" data-nav=\"contact\" class=\"nav-btn px-5 py-2.5 rounded-full text-[14px] font-semibold bg-zinc-100 text-zinc-700\">Contact<\/a>\r\n <\/nav>\r\n <div class=\"flex items-center gap-2\"><span id=\"userBadge\" class=\"hidden px-3 py-1.5 rounded-full bg-green-50 border border-green-200 text-green-700 text-[11px] font-bold\"><\/span><button id=\"adminBtn\" onclick=\"openAdminLogin()\" class=\"px-4 py-2.5 rounded-full bg-zinc-100 text-zinc-700 border border-zinc-200 text-[11px] font-bold hover:bg-zinc-900 hover:text-white transition\">Admin<\/button><button id=\"loginBtn\" onclick=\"openAuth('login')\" class=\"px-5 py-2.5 rounded-full bg-zinc-900 text-white text-[12px] font-bold\">Login<\/button><button id=\"signupBtn\" onclick=\"openAuth('signup')\" class=\"hidden md:inline-flex px-5 py-2.5 rounded-full bg-[#1a56db] text-white text-[12px] font-bold\">Signup<\/button><button id=\"logoutBtn\" onclick=\"logout()\" class=\"hidden px-4 py-2 rounded-full bg-zinc-100 text-zinc-700 text-[11px] font-bold\">Logout<\/button><\/div>\r\n <\/div>\r\n <div class=\"md:hidden border-t border-zinc-100 bg-white px-5 py-3 flex gap-2 overflow-x-auto\">\r\n <a href=\"#home\" data-nav=\"home\" class=\"nav-btn whitespace-nowrap px-4 py-2 rounded-full text-[13px] font-bold bg-zinc-100\">Home<\/a>\r\n <a href=\"#sbi-kiosk\" data-nav=\"sbi-kiosk\" class=\"nav-btn whitespace-nowrap px-4 py-2 rounded-full text-[13px] font-bold bg-zinc-100\">SBI Kiosk<\/a>\r\n <a href=\"#digital-skills\" data-nav=\"digital-skills\" class=\"nav-btn whitespace-nowrap px-4 py-2 rounded-full text-[13px] font-bold bg-zinc-100\">Digital Skills<\/a>\r\n <a href=\"#contact\" data-nav=\"contact\" class=\"nav-btn whitespace-nowrap px-4 py-2 rounded-full text-[13px] font-bold bg-zinc-100\">Contact<\/a>\r\n <\/div>\r\n<\/header>\r\n\r\n<section id=\"home\" class=\"mx-auto max-w-[1200px] px-5 lg:px-8 pt-10 lg:pt-16 pb-10 grid grid-cols-1 lg:grid-cols-[1.05fr_0.95fr] gap-10 items-center\">\r\n <div>\r\n <div class=\"inline-flex items-center gap-2.5 px-4 py-1.5 rounded-full bg-blue-50 border border-blue-200 text-[#1a56db] text-[12px] font-extrabold tracking-widest\">LIVE \u2022 TELUGU TUTORIALS<\/div>\r\n <h1 class=\"mt-7 text-[38px] lg:text-[56px] leading-[0.9] font-black tracking-[-0.03em]\">SBI Kiosk &<br>Digital Skills<br><span class=\"text-[#1a56db]\">Telugu lo Nerchukondi<\/span><\/h1>\r\n <p class=\"mt-6 text-[17px] leading-[1.6] text-zinc-600 max-w-[560px]\">\u0c2e\u0c40 SBI CSP Kiosk \u0c38\u0c2e\u0c38\u0c4d\u0c2f\u0c32\u0c28\u0c4d\u0c28\u0c3f\u0c1f\u0c3f\u0c15\u0c3f \u0c12\u0c15\u0c4d\u0c15\u0c1a\u0c4b\u0c1f \u0c2a\u0c30\u0c3f\u0c37\u0c4d\u0c15\u0c3e\u0c30\u0c02. AEPS, Morpho, Passbook setup nundi, Meta Ads, AI tools varaku \u2014 \u0c05\u0c28\u0c4d\u0c28\u0c40 \u0c2e\u0c28 \u0c24\u0c46\u0c32\u0c41\u0c17\u0c41\u0c32\u0c4b, step-by-step tutorials.<\/p>\r\n <div class=\"mt-9 flex flex-wrap gap-4\">\r\n <a href=\"#sbi-kiosk\" class=\"h-[52px] px-8 rounded-full bg-[#1a56db] text-white text-[15px] font-bold flex items-center justify-center gap-2 shadow-[0_8px_24px_rgba(26,86,219,0.35)]\">Explore Tutorials <span>\u2192<\/span><\/a>\r\n <a id=\"joinChannelBtn\" href=\"https:\/\/www.youtube.com\/@Nvs1986\" target=\"_blank\" class=\"h-[52px] px-8 rounded-full bg-zinc-900 text-white text-[15px] font-bold flex items-center justify-center\">Join Channel<\/a>\r\n <\/div>\r\n <div class=\"mt-10 flex gap-6 border-t border-zinc-100 pt-7\">\r\n <div class=\"flex gap-3 items-center\"><span class=\"w-10 h-10 rounded-full bg-zinc-900 text-white grid place-items-center text-[14px] font-bold\">\u25b6<\/span><div class=\"leading-tight\"><div class=\"font-extrabold text-[16px]\">500+ Video Tutorials<\/div><div class=\"text-[13px] text-zinc-500 font-medium\">HD Quality, Telugu lo<\/div><\/div><\/div>\r\n <div class=\"hidden sm:block w-px h-10 bg-zinc-200\"><\/div>\r\n <div class=\"flex gap-3 items-center\"><span class=\"w-10 h-10 rounded-full bg-zinc-100 border border-zinc-200 grid place-items-center text-[14px]\">\u2713<\/span><div class=\"leading-tight\"><div class=\"font-extrabold text-[16px]\">Daily Updates<\/div><div class=\"text-[13px] text-zinc-500 font-medium\">\u0c24\u0c46\u0c32\u0c41\u0c17\u0c41\u0c32\u0c4b Latest<\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"relative\">\r\n <div class=\"rounded-[28px] overflow-hidden bg-black aspect-video relative border border-zinc-800 shadow-[0_24px_80px_-16px_rgba(0,0,0,0.45)] flex items-center justify-center\">\r\n <video id=\"homeVideo\" controls playsinline preload=\"auto\" class=\"relative z-0 w-full h-full object-contain bg-black\" controlsList=\"nodownload\">\r\n <source id=\"homeVideoSrc\" src=\"REPLACE_WITH_META_ADS_VIDEO_MP4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div id=\"homeVideoPlaceholder\" class=\"absolute inset-0 z-10 grid place-items-center text-white\/80 text-[13px] font-bold bg-zinc-900 cursor-pointer\" onclick=\"document.getElementById('homeVideo').play()\">\r\n <div class=\"text-center\">\r\n <div class=\"w-16 h-16 rounded-full bg-white\/10 border border-white\/20 grid place-items-center mx-auto mb-3 text-[24px]\">\u25b6<\/div>\r\n <div>Home Video - REPLACE_WITH_META_ADS_VIDEO_MP4<\/div>\r\n <div style=\"font-size:11px;opacity:0.6;margin-top:4px\">CONFIG lo video URL pettandi - Click to Play with Sound<\/div>\r\n <div style=\"font-size:10px;opacity:0.5;margin-top:8px\">\ud83d\udd0a Sound on - Mee video ki sound untundi<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"absolute top-5 left-5 z-20 px-3 py-1.5 rounded-full bg-white\/10 backdrop-blur border border-white\/15 text-white text-[12px] font-bold pointer-events-none\">META ADS \u2022 HD<\/div>\r\n <div class=\"absolute bottom-0 left-0 right-0 z-20 p-6 bg-gradient-to-t from-black\/90 to-transparent pointer-events-none\"><div class=\"text-white font-bold text-[18px]\">Welcome to CSP Telugu<\/div><div class=\"text-white\/60 text-[13px] mt-1\">Meta Ads Intro \u2022 Telugu lo<\/div><\/div>\r\n <\/div>\r\n <div id=\"adminHomeEdit\" class=\"hidden mt-4 rounded-[16px] border border-amber-200 bg-amber-50 p-4\">\r\n <div class=\"text-[11px] font-black tracking-widest text-amber-700\">ADMIN ONLY - HOME VIDEO (Meeku Matrame)<\/div>\r\n <div class=\"mt-2 flex gap-2\"><input id=\"homeVideoUrl\" placeholder=\"Paste Meta Ads MP4 URL https:\/\/...\" class=\"flex-1 h-[40px] px-3 rounded-xl border border-amber-200 bg-white text-[12px]\"><button onclick=\"saveHomeVideo()\" class=\"h-[40px] px-4 rounded-xl bg-amber-600 text-white text-[11px] font-bold\">Save<\/button><\/div>\r\n <div class=\"mt-2 text-[10px] text-amber-700\">HTML lo REPLACE_WITH_META_ADS_VIDEO_MP4 ni kuda replace cheyochu - permanent kosam<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section id=\"sbi-kiosk\" class=\"mx-auto max-w-[1200px] px-5 lg:px-8 py-12\"><div class=\"flex items-center justify-between\"><div class=\"flex items-center gap-4\"><div class=\"w-12 h-12 rounded-[14px] bg-[#1a56db] text-white grid place-items-center text-[22px]\">\ud83c\udfe6<\/div><h2 class=\"text-[28px] font-black\">SBI Kiosk - 17 Categories<\/h2><\/div><span class=\"px-3 py-1 rounded-full bg-amber-50 border border-amber-200 text-amber-700 text-[10px] font-black\">\ud83d\udd12 LOGIN REQUIRED<\/span><\/div><div class=\"mt-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-5\">\r\n\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('sbi-login','SBI Login Portal')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-sbi-login\" src=\"\" alt=\"SBI Login Portal\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-sbi-login\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udd10<\/div><div class=\"font-extrabold mt-2 text-[14px]\">SBI Login Portal<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">sbi-login<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udd10 SBI Login Portal<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('sbi-login','SBI Login Portal')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('aeps-withdrawal','AEPS Withdrawal')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-aeps-withdrawal\" src=\"\" alt=\"AEPS Withdrawal\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-aeps-withdrawal\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcb3<\/div><div class=\"font-extrabold mt-2 text-[14px]\">AEPS Withdrawal<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">aeps-withdrawal<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udcb3 AEPS Withdrawal<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('aeps-withdrawal','AEPS Withdrawal')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('aeps-deposit','AEPS Deposit')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-aeps-deposit\" src=\"\" alt=\"AEPS Deposit\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-aeps-deposit\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcb0<\/div><div class=\"font-extrabold mt-2 text-[14px]\">AEPS Deposit<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">aeps-deposit<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udcb0 AEPS Deposit<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('aeps-deposit','AEPS Deposit')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('atm-deposit','ATM Deposit')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-atm-deposit\" src=\"\" alt=\"ATM Deposit\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-atm-deposit\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udfe7<\/div><div class=\"font-extrabold mt-2 text-[14px]\">ATM Deposit<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">atm-deposit<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83c\udfe7 ATM Deposit<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('atm-deposit','ATM Deposit')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('atm-withdrawal','ATM Withdrawal')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-atm-withdrawal\" src=\"\" alt=\"ATM Withdrawal\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-atm-withdrawal\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udfe7<\/div><div class=\"font-extrabold mt-2 text-[14px]\">ATM Withdrawal<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">atm-withdrawal<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83c\udfe7 ATM Withdrawal<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('atm-withdrawal','ATM Withdrawal')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('money-transfer','Money Transfer')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-money-transfer\" src=\"\" alt=\"Money Transfer\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-money-transfer\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcb8<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Money Transfer<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">money-transfer<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udcb8 Money Transfer<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('money-transfer','Money Transfer')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('morpho-install','Morpho Install')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-morpho-install\" src=\"\" alt=\"Morpho Install\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-morpho-install\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udc46<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Morpho Install<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">morpho-install<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udc46 Morpho Install<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('morpho-install','Morpho Install')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('perservice','PerService')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-perservice\" src=\"\" alt=\"PeriService\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-periservice\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udd27<\/div><div class=\"font-extrabold mt-2 text-[14px]\">PeriService<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">periservice<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udd27 PeriService<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('perservice','PerService')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('passbook','Passbook Print')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-passbook\" src=\"\" alt=\"Passbook Print\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-passbook\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcd2<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Passbook Print<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">passbook<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udcd2 Passbook Print<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('passbook','Passbook Print')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('device-install','Device Install')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-device-install\" src=\"\" alt=\"Device Install\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-device-install\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udda5\ufe0f<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Device Install<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">device-install<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udda5\ufe0f Device Install<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('device-install','Device Install')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('software-setup','Software Setup')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-software-setup\" src=\"\" alt=\"Software Setup\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-software-setup\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcbf<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Software Setup<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">software-setup<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udcbf Software Setup<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('software-setup','Software Setup')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('txn-process','Txn Process')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-txn-process\" src=\"\" alt=\"Txn Process\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-txn-process\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udd04<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Txn Process<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">txn-process<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udd04 Txn Process<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('txn-process','Txn Process')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('txn-failed','Txn Failed Fix')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-txn-failed\" src=\"\" alt=\"Txn Failed Fix\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-txn-failed\" class=\"text-center\"><div style=\"font-size:32px\">\u274c<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Txn Failed Fix<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">txn-failed<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\u274c Txn Failed Fix<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('txn-failed','Txn Failed Fix')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('common-errors','Common Errors')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-common-errors\" src=\"\" alt=\"Common Errors\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-common-errors\" class=\"text-center\"><div style=\"font-size:32px\">\u26a0\ufe0f<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Common Errors<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">common-errors<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\u26a0\ufe0f Common Errors<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('common-errors','Common Errors')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('csp-basics','CSP Basics')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-csp-basics\" src=\"\" alt=\"CSP Basics\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-csp-basics\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udfe6<\/div><div class=\"font-extrabold mt-2 text-[14px]\">CSP Basics<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">csp-basics<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83c\udfe6 CSP Basics<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('csp-basics','CSP Basics')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('latest-updates','Latest Updates')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-latest-updates\" src=\"\" alt=\"Latest Updates\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-latest-updates\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udd95<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Latest Updates<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">latest-updates<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83c\udd95 Latest Updates<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('latest-updates','Latest Updates')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('future','Future Skills')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-future\" src=\"\" alt=\"Future Skills\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-future\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\ude80<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Future Skills<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">future<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\ude80 Future Skills<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('future','Future Skills')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<\/div><\/section>\r\n\r\n<section id=\"digital-skills\" class=\"mx-auto max-w-[1200px] px-5 lg:px-8 py-12\"><div class=\"rounded-[32px] bg-zinc-900 text-white p-8 border border-zinc-800\"><div class=\"flex items-center justify-between\"><div class=\"flex items-center gap-4\"><div class=\"w-12 h-12 rounded-[14px] bg-white text-zinc-900 grid place-items-center text-[22px] font-black\">\ud83c\udf93<\/div><h2 class=\"text-[28px] font-black\">Digital Skills - 21 Categories<\/h2><\/div><span class=\"px-3 py-1 rounded-full bg-white\/10 border border-white\/20 text-white text-[10px] font-black\">\ud83d\udd12 LOGIN REQUIRED<\/span><\/div><div class=\"mt-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-5\">\r\n\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('meta-ads','Meta Ads')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-meta-ads\" src=\"\" alt=\"Meta Ads\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-meta-ads\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udce2<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Meta Ads<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">meta-ads<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udce2 Meta Ads<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('meta-ads','Meta Ads')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('google-ads','Google Ads')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-google-ads\" src=\"\" alt=\"Google Ads\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-google-ads\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udd0d<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Google Ads<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">google-ads<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udd0d Google Ads<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('google-ads','Google Ads')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('instagram-ads','Instagram Ads')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-instagram-ads\" src=\"\" alt=\"Instagram Ads\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-instagram-ads\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcf8<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Instagram Ads<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">instagram-ads<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udcf8 Instagram Ads<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('instagram-ads','Instagram Ads')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('inshot-editing','InShot Editing')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-inshot-editing\" src=\"\" alt=\"InShot Editing\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-inshot-editing\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udfac<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">InShot Editing<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">inshot-editing<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83c\udfac InShot Editing<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('inshot-editing','InShot Editing')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('ai-prompt','AI Prompt Eng')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-ai-prompt\" src=\"\" alt=\"AI Prompt Eng\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-ai-prompt\" class=\"text-center\"><div style=\"font-size:32px\">\ud83e\udd16<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">AI Prompt Eng<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">ai-prompt<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83e\udd16 AI Prompt Eng<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('ai-prompt','AI Prompt Eng')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('chatgpt','ChatGPT AI')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-chatgpt\" src=\"\" alt=\"ChatGPT AI\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-chatgpt AI\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcac<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">ChatGPT AI<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">chatgpt AI<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udcac ChatGPT AI<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('chatgpt','ChatGPT Mastery')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('claude-ai','Claude AI')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-claude-ai\" src=\"\" alt=\"Claude AI\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-claude-ai\" class=\"text-center\"><div style=\"font-size:32px\">\ud83e\udde0<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Claude AI<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">claude-ai<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83e\udde0 Claude AI<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('claude-ai','Claude AI')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('gemini-ai','Gemini AI')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-gemini-ai\" src=\"\" alt=\"Gemini AI\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-gemini-ai\" class=\"text-center\"><div style=\"font-size:32px\">\u2728<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Gemini AI<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">gemini-ai<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\u2728 Gemini AI<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('gemini-ai','Gemini AI')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('google-flow','Google Flow')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-google-flow\" src=\"\" alt=\"Google Flow\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-google-flow\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udf0a<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Google Flow<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">google-flow<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83c\udf0a Google Flow<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('google-flow','Google Flow')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('website-design','Website Design')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-website-design\" src=\"\" alt=\"Website Design\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-website-design\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udf10<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Website Design<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">website-design<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83c\udf10 Website Design<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('website-design','Website Design')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('graphic-design','Graphic Design')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-graphic-design\" src=\"\" alt=\"Graphic Design\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-graphic-design\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udfa8<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Graphic Design<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">graphic-design<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83c\udfa8 Graphic Design<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('graphic-design','Graphic Design')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('canva','Canva Design')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-canva\" src=\"\" alt=\"Canva Design\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-canva\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udd8c\ufe0f<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Canva Design<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">canva<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udd8c\ufe0f Canva Design<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('canva','Canva Design')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('social-media-marketing','Social Media Marketing')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-social-media-marketing\" src=\"\" alt=\"Social Media Marketing\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-social-media-marketing\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcf1<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Social Media Marketing<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">social-media-marketing<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udcf1 Social Media Marketing<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('social-media-marketing','Social Media Marketing')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('video-editing','Video Editing')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-video-editing\" src=\"\" alt=\"Video Editing\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-video-editing\" class=\"text-center\"><div style=\"font-size:32px\">\u2702\ufe0f<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Video Editing<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">video-editing<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\u2702\ufe0f Video Editing<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('video-editing','Video Editing')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('content-creation','Content Creation')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-content-creation\" src=\"\" alt=\"Content Creation\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-content-creation\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcdd<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Content Creation<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">content-creation<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udcdd Content Creation<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('content-creation','Content Creation')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('email-marketing','Email Marketing')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-email-marketing\" src=\"\" alt=\"Email Marketing\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-email-marketing\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udce7<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Email Marketing<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">email-marketing<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udce7 Email Marketing<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('email-marketing','Email Marketing')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('freelancing','Freelancing Guide')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-freelancing\" src=\"\" alt=\"Freelancing Guide\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-freelancing\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcbc<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Freelancing Guide<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">freelancing<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udcbc Freelancing Guide<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('freelancing','Freelancing Guide')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('affiliate-marketing','Affiliate Marketing')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-affiliate-marketing\" src=\"\" alt=\"Affiliate Marketing\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-affiliate-marketing\" class=\"text-center\"><div style=\"font-size:32px\">\ud83e\udd1d<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Affiliate Marketing<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">affiliate-marketing<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83e\udd1d Affiliate Marketing<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('affiliate-marketing','Affiliate Marketing')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('generative-ai','Generative AI')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-generative-ai\" src=\"\" alt=\"Generative AI\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-generative-ai\" class=\"text-center\"><div style=\"font-size:32px\">\ud83e\udd16<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Generative AI<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">generative-ai<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83e\udd16 Generative AI<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('generative-ai','Generative AI')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('wordpress','WordPress')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-wordpress\" src=\"\" alt=\"WordPress\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-wordpress\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcc4<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">WordPress<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">wordpress<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udcc4 WordPress<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('wordpress','WordPress')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('seo','SEO Training')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-seo\" src=\"\" alt=\"SEO Training\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-seo\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcc8<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">SEO Training<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">seo<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udcc8 SEO Training<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('seo','SEO Training')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<\/div><\/div><\/section>\r\n\r\n<section id=\"adminDashboard\" class=\"hidden mx-auto max-w-[1200px] px-5 lg:px-8 py-12\"><div class=\"rounded-[24px] bg-zinc-900 text-white p-8 border border-zinc-800\"><div class=\"flex items-center justify-between\"><h2 class=\"text-[24px] font-black\">\ud83d\udc51 Admin Dashboard - Meeku Matrame<\/h2><button onclick=\"closeAdmin()\" class=\"px-4 py-2 rounded-full bg-white\/10 text-white text-[12px]\">Close<\/button><\/div><div class=\"mt-2 text-[12px] text-white\/60\">Signup aina customers - meeku matrame kanipistundi, customers ki kanapadadu<\/div><div class=\"mt-6 overflow-auto rounded-xl border border-white\/10\"><table class=\"w-full text-[13px]\"><thead class=\"bg-white\/5 text-[11px] text-white\/50\"><tr><th class=\"text-left p-3\">DATE<\/th><th class=\"text-left p-3\">NAME<\/th><th class=\"text-left p-3\">PHONE<\/th><th class=\"text-left p-3\">EMAIL<\/th><th class=\"text-left p-3\">PASS<\/th><\/tr><\/thead><tbody id=\"customerListBody\"><\/tbody><\/table><\/div><div class=\"mt-4 flex gap-2\"><button onclick=\"exportCustomers()\" class=\"px-4 py-2 rounded-full bg-[#1a56db] text-white text-[11px] font-bold\">\ud83d\udce4 Export CSV<\/button><button onclick=\"clearCustomers()\" class=\"px-4 py-2 rounded-full bg-white\/10 text-white text-[11px] font-bold\">Clear All<\/button><\/div><\/div><\/section>\r\n\r\n<section id=\"contact\" class=\"mx-auto max-w-[1200px] px-5 lg:px-8 pt-8 pb-12\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-blue-50 border border-blue-200 text-[#1a56db] text-[11px] font-black tracking-widest\">CONTACT US \u2022 24HRS REPLY<\/div>\r\n <h1 class=\"mt-6 text-[36px] lg:text-[48px] font-black leading-[0.9]\">Contact <span class=\"text-[#1a56db]\">Cheyandi<\/span><\/h1>\r\n <p class=\"mt-4 text-[16px] text-zinc-500 max-w-[600px]\">SBI Kiosk doubt ayina, Digital Skills gurinchi ayina \u2014 message pampandi.<\/p>\r\n <div class=\"mt-10 grid grid-cols-1 lg:grid-cols-[1.1fr_0.9fr] gap-8\">\r\n <div class=\"rounded-[28px] border border-zinc-200 bg-white p-6 lg:p-8 shadow-[0_12px_40px_-16px_rgba(0,0,0,0.12)]\">\r\n <form id=\"contactFormOnly\" class=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\r\n <div><label class=\"text-[11px] font-black text-zinc-500\">MEERU PERU<\/label><input type=\"text\" id=\"nameOnly\" required placeholder=\"Venkat\" class=\"mt-2 w-full h-[48px] px-4 rounded-xl border border-zinc-200 bg-zinc-50 text-[14px]\"><\/div>\r\n <div><label class=\"text-[11px] font-black text-zinc-500\">PHONE NUMBER<\/label><input type=\"tel\" id=\"phoneOnly\" required placeholder=\"98765 43210\" class=\"mt-2 w-full h-[48px] px-4 rounded-xl border border-zinc-200 bg-zinc-50 text-[14px]\"><\/div>\r\n <div class=\"sm:col-span-2\"><label class=\"text-[11px] font-black text-zinc-500\">MEE MESSAGE<\/label><textarea id=\"messageOnly\" required rows=\"5\" placeholder=\"Telugu lo rayandi...\" class=\"mt-2 w-full px-4 py-3 rounded-xl border border-zinc-200 bg-zinc-50 text-[14px]\"><\/textarea><\/div>\r\n <div class=\"sm:col-span-2 flex gap-3\"><button type=\"submit\" class=\"h-[52px] px-8 rounded-full bg-[#1a56db] text-white font-bold text-[14px]\">Send Message \u2192<\/button><button type=\"button\" onclick=\"sendWhatsAppOnly()\" class=\"h-[52px] px-8 rounded-full bg-[#25D366] text-white font-bold text-[14px]\">WhatsApp \ud83d\udcac<\/button><\/div>\r\n <p id=\"formStatusOnly\" class=\"sm:col-span-2 text-[13px] font-bold hidden\"><\/p>\r\n <\/form>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 gap-6\">\r\n <div class=\"rounded-[24px] bg-[#1a56db] text-white p-7\"><div class=\"text-[11px] font-black text-white\/70\">JOIN CHANNEL \u2022 YOUTUBE<\/div><div class=\"mt-3 font-black text-[20px]\">YouTube + Telegram lo Join Avvandi<\/div><div class=\"mt-6 flex gap-3\"><a id=\"contactChannelBtn\" href=\"https:\/\/www.youtube.com\/@Nvs1986\" target=\"_blank\" class=\"h-11 px-6 rounded-full bg-white text-[#1a56db] text-[13px] font-black grid place-items-center\">Join Channel \u2192<\/a><\/div><\/div>\r\n <div class=\"rounded-[24px] border border-zinc-200 bg-white p-7\"><div class=\"font-extrabold\">Mee Doubt 24hrs lo Clear<\/div><div class=\"mt-4 text-[14px] text-zinc-600\">\u2713 SBI Kiosk errors ki solution<br>\u2713 Telugu lo explain<br>\u2713 Step-by-step videos<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div id=\"authModal\"><div class=\"authWrap\"><div class=\"p-6 border-b flex justify-between items-center\"><div class=\"font-black text-[18px]\" id=\"authTitle\">Login Required<\/div><button onclick=\"closeAuth()\" class=\"w-8 h-8 rounded-full bg-zinc-100 grid place-items-center\">X<\/button><\/div><div class=\"p-6\"><div id=\"signupFields\" class=\"hidden\"><div class=\"grid gap-4\"><div><label class=\"text-[11px] font-black text-zinc-500\">FULL NAME<\/label><input id=\"suName\" placeholder=\"Venkat\" class=\"mt-1 w-full h-[44px] px-4 rounded-xl border bg-zinc-50 text-[14px]\"><\/div><div><label class=\"text-[11px] font-black text-zinc-500\">PHONE<\/label><input id=\"suPhone\" placeholder=\"98765 43210\" class=\"mt-1 w-full h-[44px] px-4 rounded-xl border bg-zinc-50 text-[14px]\"><\/div><div><label class=\"text-[11px] font-black text-zinc-500\">EMAIL<\/label><input id=\"suEmail\" placeholder=\"email@gmail.com\" class=\"mt-1 w-full h-[44px] px-4 rounded-xl border bg-zinc-50 text-[14px]\"><\/div><div><label class=\"text-[11px] font-black text-zinc-500\">PASSWORD<\/label><input id=\"suPass\" type=\"password\" placeholder=\"****\" class=\"mt-1 w-full h-[44px] px-4 rounded-xl border bg-zinc-50 text-[14px]\"><\/div><\/div><button onclick=\"doSignup()\" class=\"mt-6 w-full h-[48px] rounded-full bg-[#1a56db] text-white font-bold\">Signup & Watch Video \u2192<\/button><div class=\"mt-4 text-center text-[12px]\">Already? <button onclick=\"openAuth('login')\" class=\"font-bold text-[#1a56db]\">Login<\/button><\/div><\/div><div id=\"loginFields\"><div class=\"text-[13px] text-zinc-600 mb-4\">\ud83d\udd12 Video chudalante login avvali. Signup chesukunte matrame access vastundi.<\/div><div class=\"grid gap-4\"><div><label class=\"text-[11px] font-black text-zinc-500\">EMAIL \/ PHONE<\/label><input id=\"liEmail\" placeholder=\"email or phone\" class=\"mt-1 w-full h-[44px] px-4 rounded-xl border bg-zinc-50 text-[14px]\"><\/div><div><label class=\"text-[11px] font-black text-zinc-500\">PASSWORD<\/label><input id=\"liPass\" type=\"password\" placeholder=\"****\" class=\"mt-1 w-full h-[44px] px-4 rounded-xl border bg-zinc-50 text-[14px]\"><\/div><\/div><button onclick=\"doLogin()\" class=\"mt-6 w-full h-[48px] rounded-full bg-zinc-900 text-white font-bold\">Login & Watch \u2192<\/button><div class=\"mt-4 text-center text-[12px]\">No account? <button onclick=\"openAuth('signup')\" class=\"font-bold text-[#1a56db]\">Signup Free<\/button><\/div><\/div><p id=\"authError\" class=\"hidden mt-4 text-[12px] font-bold text-red-600 bg-red-50 border border-red-200 rounded-xl p-3\"><\/p><\/div><\/div><\/div>\r\n\r\n<div id=\"adminModal\"><div class=\"authWrap\"><div class=\"p-6 border-b flex justify-between items-center\"><div class=\"font-black\">Admin Login (Meeku Matrame)<\/div><button onclick=\"closeAdminModal()\" class=\"w-8 h-8 rounded-full bg-zinc-100 grid place-items-center\">X<\/button><\/div><div class=\"p-6\"><div class=\"grid gap-4\"><input id=\"adUser\" placeholder=\"admin\" class=\"h-[44px] px-4 rounded-xl border bg-zinc-50\"><input id=\"adPass\" type=\"password\" placeholder=\"CSP@2024\" class=\"h-[44px] px-4 rounded-xl border bg-zinc-50\"><\/div><button onclick=\"doAdminLogin()\" class=\"mt-6 w-full h-[48px] rounded-full bg-zinc-900 text-white font-bold\">Admin Login \u2192<\/button><p id=\"adminError\" class=\"hidden mt-4 text-[12px] text-red-600 bg-red-50 border p-3 rounded-xl\"><\/p><div class=\"mt-3 text-[10px] text-zinc-400\">Meeku login avasaram ledu - ?admin=venkat tho open cheste direct admin avtundi, meeku full access untundi<\/div><\/div><\/div><\/div>\r\n\r\n\r\n<div id=\"imgModal\" style=\"display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,0.92);padding:16px;place-items:center\"><div id=\"imgModalInner\" style=\"width:100%;max-width:480px;background:#18181b;border:1px solid #27272a;border-radius:20px;overflow:hidden\"><div style=\"padding:16px;border-bottom:1px solid #27272a;display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:800\"><span id=\"imgModalTitle\">Change Card Image<\/span><button onclick=\"closeImgModal()\" style=\"width:32px;height:32px;border-radius:50%;background:#27272a;color:#fff\">\u2715<\/button><\/div><div style=\"padding:20px\"><div style=\"width:100%;height:200px;background:#111;border:1px dashed #3f3f46;border-radius:12px;display:grid;place-items:center;overflow:hidden;position:relative\"><img decoding=\"async\" id=\"imgPreview\" src=\"\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\"><div id=\"imgPlaceholder\" style=\"text-align:center;color:#71717a\"><div style=\"font-size:40px\">\ud83d\uddbc\ufe0f<\/div><div style=\"font-size:12px;margin-top:8px\">No image - 800x450 recommended<\/div><\/div><\/div><div style=\"margin-top:16px\"><label style=\"font-size:11px;font-weight:800;color:#a1a1aa;letter-spacing:0.05em\">IMAGE URL (Paste 800x450 image link)<\/label><div style=\"display:flex;gap:8px;margin-top:6px\"><input id=\"imgUrlInput\" placeholder=\"https:\/\/...\/image.jpg\" style=\"flex:1;height:44px;border-radius:10px;border:1px solid #3f3f46;background:#27272a;color:#fff;padding:0 12px;font-size:13px\"><button onclick=\"saveCardImageFromModal()\" style=\"height:44px;padding:0 16px;border-radius:10px;background:#1a56db;color:#fff;font-size:12px;font-weight:800\">Save<\/button><\/div><\/div><div style=\"margin-top:12px;display:flex;gap:8px\"><label style=\"flex:1;height:44px;border-radius:10px;background:#27272a;border:1px solid #3f3f46;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;cursor:pointer\"><input type=\"file\" id=\"imgFileInput\" accept=\"image\/*\" style=\"display:none\" onchange=\"uploadImageFile(this)\">\ud83d\udcc1 Upload Image<\/label><button onclick=\"removeCardImageFromModal()\" style=\"flex:1;height:44px;border-radius:10px;background:#27272a;border:1px solid #3f3f46;color:#ef4444;font-size:12px;font-weight:700\">\ud83d\uddd1\ufe0f Remove<\/button><\/div><div style=\"margin-top:12px;padding:10px;background:#1a56db10;border:1px solid #1a56db20;border-radius:10px;font-size:11px;color:#93c5fd\">\ud83d\udca1 Size: 800x450 (16:9) best. JPG\/WebP, max 150KB. Image will show on card instantly.<\/div><\/div><\/div><\/div>\r\n\r\n<div id=\"plModal\"><div class=\"plWrap\"><div class=\"plVideoSide\"><div style=\"padding:14px;display:flex;justify-content:space-between;align-items:center;color:#fff;border-bottom:1px solid #27272a\"><div><div id=\"plCat\" style=\"font-weight:900;font-size:16px\">CATEGORY<\/div><div style=\"font-size:11px;opacity:0.6\"><span id=\"plCur\">1<\/span>\/20 \u2022 <span id=\"plReady\">0<\/span> Ready<\/div><\/div><button onclick=\"closePL()\" style=\"width:36px;height:36px;border-radius:50%;background:#27272a;color:#fff\">X<\/button><\/div><video id=\"plVideo\" controls playsinline controlsList=\"nodownload\" style=\"width:100%;background:#000\"><\/video><div style=\"padding:14px;color:#fff\"><div id=\"plTitle\" style=\"font-weight:800;font-size:15px\">Part 1<\/div><div id=\"plVideoUrl\" style=\"font-size:11px;opacity:0.5;margin-top:4px;word-break:break-all\"><\/div><div style=\"margin-top:10px;display:flex;gap:8px\"><button onclick=\"prevV()\" style=\"flex:1;height:40px;border-radius:20px;background:#27272a;color:#fff;border:1px solid #3f3f46\">\u2190 Prev<\/button><button onclick=\"nextV()\" style=\"flex:1;height:40px;border-radius:20px;background:#fff;color:#111;font-weight:800\">Next \u2192<\/button><\/div><\/div><\/div><div class=\"plListSide\"><div class=\"plListHead\"><span>20 Parts<\/span><span id=\"adminLabel\" class=\"hidden text-[10px] bg-amber-500 text-black px-2 py-1 rounded-full\">ADMIN MODE<\/span><\/div><div id=\"plList\" class=\"plList\"><\/div><\/div><\/div><\/div>\r\n\r\n<script>\r\n\/\/ ================= CONFIG - EDIT HERE ONLY =================\r\n\/\/ HOME VIDEO URL - Replace below placeholder with your MP4 URL\r\n\/\/ WordPress lo Media -> Upload -> Copy Link -> Paste here\r\n\/\/ ================= YOUTUBE LINK - MEEDI IKKADA PETTANDI - OKA CHOTA MAASTE ANNI CHOTLA MAASTUNDI =================\r\nvar YOUTUBE_CHANNEL_LINK = \"https:\/\/www.youtube.com\/@Nvs1986\"; \/\/ <--- MEE YOUTUBE LINK IKKADA PASTE CHEYANDI\r\n\/\/ Example: var YOUTUBE_CHANNEL_LINK = \"https:\/\/www.youtube.com\/@teluguaistudio\";\r\n\/\/ =======================================================================================================\r\nvar HOME_VIDEO_CONFIG = \"REPLACE_WITH_META_ADS_VIDEO_MP4\";\r\n\r\n\/\/ CARD IMAGES - Prati card ki image URL - direct HTML lo edit cheyochu\r\nvar CARD_IMAGES = {\r\n \"sbi-login\": \"\",\r\n \"aeps-withdrawal\": \"\",\r\n \"aeps-deposit\": \"\",\r\n \"atm-deposit\": \"\",\r\n \"atm-withdrawal\": \"\",\r\n \"money-transfer\": \"\",\r\n \"morpho-install\": \"\",\r\n \"perservice\": \"\",\r\n \"passbook\": \"\",\r\n \"device-install\": \"\",\r\n \"software-setup\": \"\",\r\n \"txn-process\": \"\",\r\n \"txn-failed\": \"\",\r\n \"common-errors\": \"\",\r\n \"csp-basics\": \"\",\r\n \"latest-updates\": \"\",\r\n \"future\": \"\",\r\n \"meta-ads\": \"\",\r\n \"google-ads\": \"\",\r\n \"instagram-ads\": \"\",\r\n \"inshot-editing\": \"\",\r\n \"ai-prompt\": \"\",\r\n \"chatgpt\": \"\",\r\n \"claude-ai\": \"\",\r\n \"gemini-ai\": \"\",\r\n \"google-flow\": \"\",\r\n \"website-design\": \"\",\r\n \"graphic-design\": \"\",\r\n \"canva\": \"\",\r\n \"social-media-marketing\": \"\",\r\n \"video-editing\": \"\",\r\n \"content-creation\": \"\",\r\n \"email-marketing\": \"\",\r\n \"freelancing\": \"\",\r\n \"affiliate-marketing\": \"\",\r\n \"generative-ai\": \"\",\r\n \"wordpress\": \"\",\r\n \"seo\": \"\"\r\n};\r\n\r\n\/\/ DEFAULT VIDEOS - 20 parts per category - HTML lone direct edit\r\nvar DEFAULT_VIDEOS = {\r\n \"sbi-login\": [\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\"],\r\n \"aeps-withdrawal\": [\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\"],\r\n \"meta-ads\": [\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\"],\r\n \"google-ads\": [\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\"]\r\n};\r\n\/\/ ================= END CONFIG =================\r\n\r\nvar isAdmin=false;var currentUser=null;var _pendingPlaylist=null;\r\nfunction getUsers(){try{return JSON.parse(localStorage.getItem('csp_users')||'[]');}catch(e){return [];}}\r\nfunction saveUsers(u){localStorage.setItem('csp_users',JSON.stringify(u));}\r\nfunction openAuth(mode){document.getElementById('authModal').classList.add('show');document.getElementById('authError').classList.add('hidden');if(mode==='signup'){document.getElementById('authTitle').innerText='Signup - Video Chudalante';document.getElementById('signupFields').classList.remove('hidden');document.getElementById('loginFields').classList.add('hidden');}else{document.getElementById('authTitle').innerText='Login Required - \ud83d\udd12';document.getElementById('signupFields').classList.add('hidden');document.getElementById('loginFields').classList.remove('hidden');}}\r\nfunction closeAuth(){document.getElementById('authModal').classList.remove('show');}\r\nfunction openAdminLogin(){closeAuth();document.getElementById('adminModal').classList.add('show');}\r\nfunction closeAdminModal(){document.getElementById('adminModal').classList.remove('show');}\r\nfunction doSignup(){var name=document.getElementById('suName').value.trim();var phone=document.getElementById('suPhone').value.trim();var email=document.getElementById('suEmail').value.trim().toLowerCase();var pass=document.getElementById('suPass').value.trim();var err=document.getElementById('authError');if(!name||!phone||!email||!pass){err.innerText='Anni fields fill cheyandi';err.classList.remove('hidden');return;}var users=getUsers();if(users.find(function(u){return u.email===email;})){err.innerText='Email already exists';err.classList.remove('hidden');return;}users.push({name:name,phone:phone,email:email,pass:pass,date:new Date().toLocaleString()});saveUsers(users);currentUser={name:name,email:email};localStorage.setItem('csp_current_user',JSON.stringify(currentUser));closeAuth();updateAuthUI();alert('Signup success! Ippudu video chudavachu.');if(_pendingPlaylist){openPlaylist(_pendingPlaylist.key,_pendingPlaylist.title);_pendingPlaylist=null;}}\r\nfunction doLogin(){var id=document.getElementById('liEmail').value.trim().toLowerCase();var pass=document.getElementById('liPass').value.trim();var err=document.getElementById('authError');var users=getUsers();var found=users.find(function(u){return (u.email===id || u.phone===id) && u.pass===pass;});if(!found){err.innerText='Wrong credentials';err.classList.remove('hidden');return;}currentUser={name:found.name,email:found.email};localStorage.setItem('csp_current_user',JSON.stringify(currentUser));closeAuth();updateAuthUI();alert('Welcome '+found.name+'!');if(_pendingPlaylist){openPlaylist(_pendingPlaylist.key,_pendingPlaylist.title);_pendingPlaylist=null;}}\r\nfunction doAdminLogin(){var u=document.getElementById('adUser').value.trim();var p=document.getElementById('adPass').value.trim();var err=document.getElementById('adminError');if(u==='admin' && p==='CSP@2024'){isAdmin=true;localStorage.setItem('csp_is_admin','1');closeAdminModal();openAdminDashboard();updateAuthUI();}else{err.innerText='Wrong admin (admin \/ CSP@2024)';err.classList.remove('hidden');}}\r\nfunction logout(){currentUser=null;isAdmin=false;localStorage.removeItem('csp_current_user');localStorage.removeItem('csp_is_admin');updateAuthUI();closeAdmin();alert('Logged out');}\r\nfunction updateAuthUI(){\r\n var badge=document.getElementById('userBadge');\r\n var loginBtn=document.getElementById('loginBtn');\r\n var signupBtn=document.getElementById('signupBtn');\r\n var logoutBtn=document.getElementById('logoutBtn');\r\n var adminEdit=document.getElementById('adminHomeEdit');\r\n var adminVideoEdit=document.getElementById('adminVideoEdit');\r\n var adminLabel=document.getElementById('adminLabel');\r\n var cu=localStorage.getItem('csp_current_user');\r\n var ia=localStorage.getItem('csp_is_admin');\r\n var isAdminUrl=window.location.search.includes('admin=venkat')||window.location.search.includes('admin=1');\r\n if(cu){\r\n try{currentUser=JSON.parse(cu);badge.innerText='Hi, '+currentUser.name;badge.classList.remove('hidden');loginBtn.classList.add('hidden');signupBtn.classList.add('hidden');logoutBtn.classList.remove('hidden');}catch(e){}\r\n }else{\r\n badge.classList.add('hidden');loginBtn.classList.remove('hidden');signupBtn.classList.remove('hidden');logoutBtn.classList.add('hidden');\r\n }\r\n \/\/ ADMIN CHECK - FIXED: Normal users ki kanapadadu\r\n \/\/ isAdmin = true only if admin modal login OR URL has ?admin=venkat (session only, not persistent)\r\n if(ia==='1'){\r\n \/\/ Admin login via modal - persistent\r\n isAdmin=true;\r\n if(adminEdit)adminEdit.classList.remove('hidden');\r\n if(adminVideoEdit)adminVideoEdit.classList.remove('hidden');\r\n if(adminLabel)adminLabel.classList.remove('hidden');\r\n }else if(isAdminUrl){\r\n \/\/ URL admin - session only, localStorage lo save cheyamu - customers ki leak avvadhu\r\n isAdmin=true;\r\n if(adminEdit)adminEdit.classList.remove('hidden');\r\n if(adminVideoEdit)adminVideoEdit.classList.remove('hidden');\r\n if(adminLabel)adminLabel.classList.remove('hidden');\r\n openAdminDashboard();\r\n }else{\r\n isAdmin=false;\r\n if(adminEdit)adminEdit.classList.add('hidden');\r\n if(adminVideoEdit)adminVideoEdit.classList.add('hidden');\r\n if(adminLabel)adminLabel.classList.add('hidden');\r\n }\r\n}\r\nfunction tryOpenPlaylist(key,title){\r\n var isAdminUrl=window.location.search.includes('admin=venkat')||window.location.search.includes('admin=1');\r\n var isAdminLocal=localStorage.getItem('csp_is_admin')==='1';\r\n if(isAdmin||isAdminLocal||isAdminUrl){openPlaylist(key,title);return;}\r\n if(!localStorage.getItem('csp_current_user')){\r\n _pendingPlaylist={key:key,title:title};\r\n openAuth('signup');\r\n return;\r\n }\r\n \/\/ Normal user - check if video exists\r\n var list=videoLib[key]||[];\r\n var hasVideo=list.some(function(u){return u&&u.length>5;});\r\n if(!hasVideo && !(DEFAULT_VIDEOS[key]&&DEFAULT_VIDEOS[key].some(function(u){return u&&u.length>5;}))){\r\n \/\/ No video yet - show message but still open to show \"Coming soon\"\r\n console.log('No videos added yet for '+key+' - Admin needs to add via ?admin=venkat');\r\n }\r\n openPlaylist(key,title);\r\n}\r\nfunction openAdminDashboard(){document.getElementById('adminDashboard').classList.remove('hidden');renderCustomers();var el=document.getElementById('adminDashboard');if(el) window.scrollTo({top:el.offsetTop-80,behavior:'smooth'});}\r\nfunction closeAdmin(){document.getElementById('adminDashboard').classList.add('hidden');}\r\nfunction renderCustomers(){var users=getUsers();var body=document.getElementById('customerListBody');body.innerHTML='';if(users.length===0){body.innerHTML='<tr><td colspan=5 class=\"p-4 text-center text-white\/40\">No customers yet<\/td><\/tr>';return;}users.forEach(function(u){var tr=document.createElement('tr');tr.className='border-b border-white\/10';tr.innerHTML='<td class=\"p-3 text-white\/60\">'+(u.date||'')+'<\/td><td class=\"p-3 font-bold\">'+u.name+'<\/td><td class=\"p-3\">'+u.phone+'<\/td><td class=\"p-3\">'+u.email+'<\/td><td class=\"p-3 text-white\/40\">'+u.pass+'<\/td>';body.appendChild(tr);});}\r\nfunction exportCustomers(){var users=getUsers();var csv='Date,Name,Phone,Email,Password\\n'+users.map(function(u){return '\"'+(u.date||'')+'\",\"'+u.name+'\",\"'+u.phone+'\",\"'+u.email+'\",\"'+u.pass+'\"';}).join('\\n');var blob=new Blob([csv],{type:'text\/csv'});var url=URL.createObjectURL(blob);var a=document.createElement('a');a.href=url;a.download='customers-'+Date.now()+'.csv';a.click();}\r\nfunction clearCustomers(){if(confirm('Delete all?')){localStorage.removeItem('csp_users');renderCustomers();}}\r\nfunction saveHomeVideo(){var url=document.getElementById('homeVideoUrl').value.trim();if(!url){alert('URL ivvandi');return;}localStorage.setItem('csp_home_video',url);loadHomeVideo();alert('Home video saved!');}\r\nfunction loadHomeVideo(){\r\n var stored=localStorage.getItem('csp_home_video')||'';\r\n var url=stored;\r\n if(!url||url.length<5){url=HOME_VIDEO_CONFIG;}\r\n var v=document.getElementById('homeVideo');\r\n var src=document.getElementById('homeVideoSrc');\r\n var ph=document.getElementById('homeVideoPlaceholder');\r\n var input=document.getElementById('homeVideoUrl');\r\n if(input)input.value=(url.indexOf('REPLACE_WITH')===-1?url:'');\r\n if(url.indexOf('REPLACE_WITH_META_ADS_VIDEO_MP4')!==-1 || url.indexOf('REPLACE_WITH')!==-1 || !url || url.length<5){\r\n if(ph){ph.style.display='grid'; ph.style.zIndex='10';}\r\n if(v){v.style.display='none';}\r\n return;\r\n }\r\n if(ph){ph.style.display='none';}\r\n if(v){\r\n v.style.display='block';\r\n v.style.visibility='visible';\r\n v.style.opacity='1';\r\n v.muted=false;\r\n v.volume=1;\r\n }\r\n if(src){src.src=url; v.load();}\r\n else{v.src=url; v.load();}\r\n \/\/ Try autoplay with sound, if blocked user can click play\r\n v.play().then(function(){console.log('Playing with sound');}).catch(function(e){console.log('Autoplay blocked, click to play with sound');});\r\n console.log('Home video loaded with sound:', url);\r\n}\r\nfunction loadCardImages(){var storedImages={};try{storedImages=JSON.parse(localStorage.getItem('csp_card_images')||'{}');}catch(e){}var allKeys={};Object.keys(CARD_IMAGES).forEach(function(k){allKeys[k]=1;});Object.keys(storedImages).forEach(function(k){allKeys[k]=1;});Object.keys(allKeys).forEach(function(k){var url=storedImages[k]||CARD_IMAGES[k]||'';if(url&&url.length>5&&url.indexOf('REPLACE_WITH')===-1){var img=document.getElementById('card-img-'+k);var ph=document.getElementById('placeholder-'+k);if(img){img.src=url;img.style.display='block';img.style.width='100%';img.style.height='100%';img.style.objectFit='cover';}if(ph){ph.style.display='none';}}});}\r\nfunction saveCardImage(){var url=document.getElementById('curImageUrl').value.trim();if(!url||!curCat){alert('Image URL ivvandi');return;}var stored={};try{stored=JSON.parse(localStorage.getItem('csp_card_images')||'{}');}catch(e){}stored[curCat]=url;localStorage.setItem('csp_card_images',JSON.stringify(stored));loadCardImages();alert('Card image saved for '+curCat);}\r\nfunction removeCardImage(){if(!curCat)return;var stored={};try{stored=JSON.parse(localStorage.getItem('csp_card_images')||'{}');}catch(e){}delete stored[curCat];localStorage.setItem('csp_card_images',JSON.stringify(stored));var img=document.getElementById('card-img-'+curCat);var ph=document.getElementById('placeholder-'+curCat);if(img){img.src='';img.style.display='none';}if(ph){ph.style.display='block';}document.getElementById('curImageUrl').value='';alert('Image removed');}\r\nfunction removeCurPartVideo(){if(!curCat)return;var list=videoLib[curCat]||[];list[curIdx]='';videoLib[curCat]=list;saveStorage();renderList();playAt(curIdx);alert('Video removed - meeku matrame');}\r\nvar videoLib={};\r\nfunction applyYouTubeLinks(){var link=YOUTUBE_CHANNEL_LINK||\"https:\/\/www.youtube.com\/@Nvs1986\";var btn1=document.getElementById('joinChannelBtn');var btn2=document.getElementById('contactChannelBtn');if(btn1)btn1.href=link;if(btn2)btn2.href=link;}\r\nfunction loadStorage(){try{var saved=JSON.parse(localStorage.getItem('csp_videos')||'{}');Object.keys(saved).forEach(function(k){videoLib[k]=saved[k];});}catch(e){}Object.keys(DEFAULT_VIDEOS).forEach(function(k){if(!videoLib[k]||videoLib[k].every(function(u){return !u;})){var def=DEFAULT_VIDEOS[k];if(def&&def.length>0&&def.some(function(x){return x&&x.length>5;})){videoLib[k]=def;}}});loadHomeVideo();loadCardImages();updateAuthUI();applyYouTubeLinks();}\r\nfunction saveStorage(){localStorage.setItem('csp_videos',JSON.stringify(videoLib));}\r\nvar curCat=null,curIdx=0,curTitle=\"\";\r\nfunction openPlaylist(catKey,title){var list=videoLib[catKey]||[];if(list.length==0){for(var i=0;i<20;i++)list.push('');videoLib[catKey]=list;}curCat=catKey;curIdx=0;curTitle=title;document.getElementById('plCat').innerHTML=title+' - '+catKey;document.getElementById('plCur').innerHTML='1';var ready=list.filter(function(u){return u&&u.length>5;}).length;document.getElementById('plReady').innerHTML=ready;renderList();playAt(0);document.getElementById('plModal').classList.add('show');document.body.style.overflow='hidden';}\r\nfunction renderList(){var list=videoLib[curCat]||[];var cont=document.getElementById('plList');cont.innerHTML='';for(var i=0;i<20;i++){var url=list[i]||'';var isReady=url&&url.length>5;var div=document.createElement('div');div.className='plItem'+(i==curIdx?' active':'');var adminControls=isAdmin?'<div class=\"plInputs\"><input id=\"url-'+i+'\" placeholder=\"Paste MP4 URL\" value=\"'+url.replace(\/\"\/g,'"')+'\"><button onclick=\"savePartUrl('+i+')\">Save<\/button><button onclick=\"removePartUrl('+i+')\" style=\"background:#ef4444\">X<\/button><button onclick=\"document.getElementById(\\'file-part-'+i+'\\').click()\">\ud83d\udcc1<\/button><input type=\"file\" id=\"file-part-'+i+'\" accept=\"video\/*\" style=\"display:none\" onchange=\"uploadPartVideo(this,'+i+')\"><\/div>':'<div style=\"font-size:11px;opacity:0.5;margin-top:4px\">'+(isReady?'\u2705 Ready':'\u23f3 Coming soon')+'<\/div>';div.innerHTML='<div class=\"plItemTop\"><div class=\"plNum\">'+(i+1)+'<\/div><div style=\"flex:1\"><b>Part '+(i+1)+'<\/b> '+(isReady?'\u2705':'\u23f3')+'<div style=\"font-size:11px;opacity:0.6;word-break:break-all\">'+(url?url.substring(0,60):'No video')+'<\/div><\/div><\/div>'+adminControls;(function(idx){div.querySelector('.plItemTop').onclick=function(){playAt(idx);};})(i);cont.appendChild(div);}}\r\nfunction playAt(idx){curIdx=idx;var list=videoLib[curCat]||[];var url=list[idx]||'';document.getElementById('plTitle').innerHTML='<span style=\"background:#1a56db;color:#fff;padding:3px 8px;border-radius:10px;font-size:10px\">Part '+(idx+1)+'<\/span> '+curTitle+' Part '+(idx+1);document.getElementById('plCur').innerHTML=(idx+1);document.getElementById('plVideoUrl').innerHTML=url||'No video';var curInput=document.getElementById('curPartUrl');if(curInput)curInput.value=url;var videoEl=document.getElementById('plVideo');if(url&&url.length>5){videoEl.src=url;videoEl.load();videoEl.play().catch(function(){});}else{videoEl.removeAttribute('src');videoEl.load();}renderList();}\r\nfunction savePartUrl(i){var url=document.getElementById('url-'+i).value.trim();if(!videoLib[curCat])videoLib[curCat]=[];while(videoLib[curCat].length<20)videoLib[curCat].push('');videoLib[curCat][i]=url;saveStorage();renderList();if(i==curIdx)playAt(i);}\r\nfunction removePartUrl(i){if(!videoLib[curCat])return;videoLib[curCat][i]='';saveStorage();renderList();if(i==curIdx)playAt(i);}\r\nfunction saveCurPartVideo(){savePartUrl(curIdx);}\r\nfunction uploadPartVideo(input,i){var file=input.files[0];if(!file)return;var url=URL.createObjectURL(file);if(!videoLib[curCat])videoLib[curCat]=[];while(videoLib[curCat].length<20)videoLib[curCat].push('');videoLib[curCat][i]=url;saveStorage();renderList();if(i==curIdx)playAt(i);}\r\nfunction uploadCurPartVideo(input){uploadPartVideo(input,curIdx);}\r\nfunction nextV(){if(curIdx<19)playAt(curIdx+1);}\r\nfunction prevV(){if(curIdx>0)playAt(curIdx-1);}\r\nfunction closePL(){document.getElementById('plModal').classList.remove('show');document.body.style.overflow='';}\r\nfunction sendWhatsAppOnly(){var name=document.getElementById('nameOnly').value||'';var phone=document.getElementById('phoneOnly').value||'';var text='Hi CSP Telugu, Name:'+name+' Phone:'+phone;window.open('https:\/\/wa.me\/919876543210?text='+encodeURIComponent(text),'_blank');}\r\ndocument.getElementById('contactFormOnly')?.addEventListener('submit',function(e){e.preventDefault();var st=document.getElementById('formStatusOnly');st.textContent='Message sent!';st.classList.remove('hidden');setTimeout(function(){st.classList.add('hidden');},4000);sendWhatsAppOnly();});\r\n\r\n\/\/ ===== IMAGE EDITOR - Card click = Image change, Watch Now = Video =====\r\nvar imgEditCat = null;\r\nfunction openImageEditor(catKey, title){\r\n imgEditCat = catKey;\r\n curCat = catKey;\r\n var modal = document.getElementById('imgModal');\r\n var titleEl = document.getElementById('imgModalTitle');\r\n if(titleEl) titleEl.textContent = title + ' - Image Change (800x450)';\r\n \/\/ load existing image\r\n var stored={}; try{stored=JSON.parse(localStorage.getItem('csp_card_images')||'{}');}catch(e){}\r\n var url = stored[catKey] || CARD_IMAGES[catKey] || '';\r\n var input = document.getElementById('imgUrlInput');\r\n var preview = document.getElementById('imgPreview');\r\n var ph = document.getElementById('imgPlaceholder');\r\n if(input) input.value = url;\r\n if(url && url.length>5){\r\n if(preview){preview.src=url;preview.style.display='block';}\r\n if(ph) ph.style.display='none';\r\n }else{\r\n if(preview){preview.src='';preview.style.display='none';}\r\n if(ph) ph.style.display='block';\r\n }\r\n if(modal){modal.style.display='grid';}\r\n document.body.style.overflow='hidden';\r\n}\r\nfunction closeImgModal(){\r\n var modal=document.getElementById('imgModal');\r\n if(modal) modal.style.display='none';\r\n document.body.style.overflow='';\r\n imgEditCat=null;\r\n}\r\nfunction saveCardImageFromModal(){\r\n var urlEl=document.getElementById('imgUrlInput');\r\n if(!urlEl || !imgEditCat) return;\r\n var url=urlEl.value.trim();\r\n if(!url){alert('URL pettandi');return;}\r\n var stored={}; try{stored=JSON.parse(localStorage.getItem('csp_card_images')||'{}');}catch(e){}\r\n stored[imgEditCat]=url;\r\n localStorage.setItem('csp_card_images', JSON.stringify(stored));\r\n var img=document.getElementById('card-img-'+imgEditCat);\r\n var ph=document.getElementById('placeholder-'+imgEditCat);\r\n if(img){img.src=url;img.style.display='block';img.style.width='100%';img.style.height='100%';img.style.objectFit='cover';}\r\n if(ph) ph.style.display='none';\r\n \/\/ also update curImageUrl if playlist modal open\r\n var curInput=document.getElementById('curImageUrl'); if(curInput) curInput.value=url;\r\n alert('\u2705 Image saved for '+imgEditCat+' - 800x450');\r\n closeImgModal();\r\n}\r\nfunction uploadImageFile(input){\r\n var file=input.files[0]; if(!file) return;\r\n \/\/ Check file type\r\n if(!file.type.startsWith('image\/')){alert('Please select image file only'); return;}\r\n var reader = new FileReader();\r\n reader.onload = function(e){\r\n var url = e.target.result; \/\/ base64 - persists in localStorage\r\n var urlEl=document.getElementById('imgUrlInput');\r\n if(urlEl) urlEl.value=url;\r\n var preview=document.getElementById('imgPreview');\r\n var ph=document.getElementById('imgPlaceholder');\r\n if(preview){preview.src=url;preview.style.display='block';preview.style.width='100%';preview.style.height='100%';}\r\n if(ph) ph.style.display='none';\r\n if(imgEditCat){\r\n var stored={}; try{stored=JSON.parse(localStorage.getItem('csp_card_images')||'{}');}catch(e){}\r\n stored[imgEditCat]=url;\r\n localStorage.setItem('csp_card_images', JSON.stringify(stored));\r\n var img=document.getElementById('card-img-'+imgEditCat);\r\n var ph2=document.getElementById('placeholder-'+imgEditCat);\r\n if(img){img.src=url;img.style.display='block';img.style.width='100%';img.style.height='100%';}\r\n if(ph2) ph2.style.display='none';\r\n console.log('Image uploaded and previewed for '+imgEditCat);\r\n }\r\n };\r\n reader.readAsDataURL(file);\r\n}\r\nfunction removeCardImageFromModal(){\r\n if(!imgEditCat) return;\r\n var stored={}; try{stored=JSON.parse(localStorage.getItem('csp_card_images')||'{}');}catch(e){}\r\n delete stored[imgEditCat];\r\n localStorage.setItem('csp_card_images', JSON.stringify(stored));\r\n var img=document.getElementById('card-img-'+imgEditCat);\r\n var ph=document.getElementById('placeholder-'+imgEditCat);\r\n if(img){img.src='';img.style.display='none';}\r\n if(ph) ph.style.display='block';\r\n var urlEl=document.getElementById('imgUrlInput'); if(urlEl) urlEl.value='';\r\n var preview=document.getElementById('imgPreview'); if(preview){preview.src='';preview.style.display='none';}\r\n var phPrev=document.getElementById('imgPlaceholder'); if(phPrev) phPrev.style.display='block';\r\n alert('Image removed');\r\n closeImgModal();\r\n}\r\n\/\/ Close modal on outside click\r\ndocument.getElementById('imgModal')?.addEventListener('click', function(e){ if(e.target===this) closeImgModal(); });\r\n\r\nwindow.addEventListener('DOMContentLoaded',loadStorage);\r\ndocument.querySelectorAll('.nav-btn').forEach(function(btn){btn.addEventListener('click',function(e){var href=this.getAttribute('href');if(href&&href.startsWith('#')){var target=document.querySelector(href);if(target){e.preventDefault();var headerOffset=90;var elementPosition=target.getBoundingClientRect().top;var offsetPosition=elementPosition+window.pageYOffset-headerOffset;window.scrollTo({top:offsetPosition,behavior:'smooth'});}}document.querySelectorAll('.nav-btn').forEach(function(b){b.classList.remove('nav-active');b.classList.add('bg-zinc-100','text-zinc-700');});this.classList.add('nav-active');this.classList.remove('bg-zinc-100','text-zinc-700');});});\r\nwindow.addEventListener('scroll',function(){var sections=['home','sbi-kiosk','digital-skills','contact'];var cur='';sections.forEach(function(id){var el=document.getElementById(id);if(el){if(window.scrollY>=el.offsetTop-120)cur=id;}});if(cur){document.querySelectorAll('.nav-btn').forEach(function(b){if(b.getAttribute('data-nav')===cur){b.classList.add('nav-active');b.classList.remove('bg-zinc-100','text-zinc-700');}else{b.classList.remove('nav-active');b.classList.add('bg-zinc-100','text-zinc-700');}});}});\r\n<\/script>\r\n<\/body><\/html>\t\t\t\t<\/div>\n\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":"<p>CSP Telugu Tech Support – Final Clean V3 CCSP Telugu Tech Supporttelugu lo tech nerchukondi Home SBI Kiosk Digital Skills Contact AdminLoginSignupLogout Home SBI Kiosk Digital Skills Contact LIVE \u2022 TELUGU TUTORIALS SBI Kiosk &Digital SkillsTelugu lo Nerchukondi \u0c2e\u0c40 SBI CSP Kiosk \u0c38\u0c2e\u0c38\u0c4d\u0c2f\u0c32\u0c28\u0c4d\u0c28\u0c3f\u0c1f\u0c3f\u0c15\u0c3f \u0c12\u0c15\u0c4d\u0c15\u0c1a\u0c4b\u0c1f \u0c2a\u0c30\u0c3f\u0c37\u0c4d\u0c15\u0c3e\u0c30\u0c02. AEPS, Morpho, Passbook setup nundi, Meta Ads, AI tools varaku […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":49,"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":70,"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/70"}],"wp:attachment":[{"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\nCSP Telugu Tech Support - Final Clean V3<\/title><script src='https:\/\/cdn.tailwindcss.com'><\/script><link href='https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@500;600;700;800;900&family=Noto+Sans+Telugu:wght@400;500;700&display=swap' rel='stylesheet'><style>*{font-family:'Inter','Noto Sans Telugu',sans-serif} html{scroll-behavior:smooth} .nav-active{background:#111 !important;color:#fff !important} #plModal,#authModal,#adminModal{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,0.92);padding:16px;place-items:center} #plModal.show,#authModal.show,#adminModal.show{display:grid} .plWrap{width:100%;max-width:1200px;max-height:90vh;background:#111;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1.6fr 1fr;border:1px solid #27272a} @media(max-width:900px){.plWrap{grid-template-columns:1fr;max-height:95vh;overflow:auto}} .plVideoSide{background:#000;display:flex;flex-direction:column} .plVideoSide video{width:100%;aspect-ratio:16\/9;background:#000} .plListSide{background:#18181b;border-left:1px solid #27272a;display:flex;flex-direction:column;max-height:90vh;overflow:hidden} .plListHead{padding:14px 16px;border-bottom:1px solid #27272a;display:flex;justify-content:space-between;color:#fff;font-weight:800} .plList{overflow:auto;flex:1} .plItem{padding:10px 12px;border-bottom:1px solid #27272a;color:#fff;display:flex;flex-direction:column;gap:6px} .plItemTop{display:flex;gap:10px;align-items:center;cursor:pointer;padding:6px;border-radius:8px} .plItemTop:hover{background:#27272a} .plItem.active .plItemTop{background:#1a56db} .plNum{width:28px;height:28px;border-radius:50%;background:#27272a;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800} .plItem.active .plNum{background:#fff;color:#1a56db} .plInputs{display:flex;gap:6px;margin-top:6px} .plInputs input{flex:1;height:32px;border-radius:8px;border:1px solid #3f3f46;background:#27272a;color:#fff;padding:0 8px;font-size:11px} .plInputs button{height:32px;padding:0 10px;border-radius:8px;background:#1a56db;color:#fff;font-size:10px;font-weight:800;border:none;cursor:pointer} .authWrap{width:100%;max-width:420px;background:#fff;border-radius:24px;overflow:hidden}<\/style><\/head><body class='bg-white'>\r\n\r\n\r\n\r\n<header id=\"main-header\" class=\"sticky top-0 z-50 bg-white\/95 backdrop-blur-xl border-b border-zinc-200\/80\">\r\n <div class=\"mx-auto max-w-[1200px] px-5 lg:px-8 h-[80px] flex items-center justify-between\">\r\n <a href=\"#home\" class=\"flex items-center gap-4\"><div class=\"w-11 h-11 rounded-[14px] bg-[#1a56db] text-white grid place-items-center font-black text-[18px]\">C<\/div><div class=\"leading-none\"><div class=\"font-extrabold text-[17px]\">CSP Telugu Tech Support<\/div><div class=\"text-[12px] text-zinc-500 font-semibold mt-1\">telugu lo tech nerchukondi<\/div><\/div><\/a>\r\n <nav class=\"hidden md:flex items-center gap-2\">\r\n <a href=\"#home\" data-nav=\"home\" class=\"nav-btn px-5 py-2.5 rounded-full text-[14px] font-semibold bg-zinc-100 text-zinc-700\">Home<\/a>\r\n <a href=\"#sbi-kiosk\" data-nav=\"sbi-kiosk\" class=\"nav-btn px-5 py-2.5 rounded-full text-[14px] font-semibold bg-zinc-100 text-zinc-700\">SBI Kiosk<\/a>\r\n <a href=\"#digital-skills\" data-nav=\"digital-skills\" class=\"nav-btn px-5 py-2.5 rounded-full text-[14px] font-semibold bg-zinc-100 text-zinc-700\">Digital Skills<\/a>\r\n <a href=\"#contact\" data-nav=\"contact\" class=\"nav-btn px-5 py-2.5 rounded-full text-[14px] font-semibold bg-zinc-100 text-zinc-700\">Contact<\/a>\r\n <\/nav>\r\n <div class=\"flex items-center gap-2\"><span id=\"userBadge\" class=\"hidden px-3 py-1.5 rounded-full bg-green-50 border border-green-200 text-green-700 text-[11px] font-bold\"><\/span><button id=\"adminBtn\" onclick=\"openAdminLogin()\" class=\"px-4 py-2.5 rounded-full bg-zinc-100 text-zinc-700 border border-zinc-200 text-[11px] font-bold hover:bg-zinc-900 hover:text-white transition\">Admin<\/button><button id=\"loginBtn\" onclick=\"openAuth('login')\" class=\"px-5 py-2.5 rounded-full bg-zinc-900 text-white text-[12px] font-bold\">Login<\/button><button id=\"signupBtn\" onclick=\"openAuth('signup')\" class=\"hidden md:inline-flex px-5 py-2.5 rounded-full bg-[#1a56db] text-white text-[12px] font-bold\">Signup<\/button><button id=\"logoutBtn\" onclick=\"logout()\" class=\"hidden px-4 py-2 rounded-full bg-zinc-100 text-zinc-700 text-[11px] font-bold\">Logout<\/button><\/div>\r\n <\/div>\r\n <div class=\"md:hidden border-t border-zinc-100 bg-white px-5 py-3 flex gap-2 overflow-x-auto\">\r\n <a href=\"#home\" data-nav=\"home\" class=\"nav-btn whitespace-nowrap px-4 py-2 rounded-full text-[13px] font-bold bg-zinc-100\">Home<\/a>\r\n <a href=\"#sbi-kiosk\" data-nav=\"sbi-kiosk\" class=\"nav-btn whitespace-nowrap px-4 py-2 rounded-full text-[13px] font-bold bg-zinc-100\">SBI Kiosk<\/a>\r\n <a href=\"#digital-skills\" data-nav=\"digital-skills\" class=\"nav-btn whitespace-nowrap px-4 py-2 rounded-full text-[13px] font-bold bg-zinc-100\">Digital Skills<\/a>\r\n <a href=\"#contact\" data-nav=\"contact\" class=\"nav-btn whitespace-nowrap px-4 py-2 rounded-full text-[13px] font-bold bg-zinc-100\">Contact<\/a>\r\n <\/div>\r\n<\/header>\r\n\r\n<section id=\"home\" class=\"mx-auto max-w-[1200px] px-5 lg:px-8 pt-10 lg:pt-16 pb-10 grid grid-cols-1 lg:grid-cols-[1.05fr_0.95fr] gap-10 items-center\">\r\n <div>\r\n <div class=\"inline-flex items-center gap-2.5 px-4 py-1.5 rounded-full bg-blue-50 border border-blue-200 text-[#1a56db] text-[12px] font-extrabold tracking-widest\">LIVE \u2022 TELUGU TUTORIALS<\/div>\r\n <h1 class=\"mt-7 text-[38px] lg:text-[56px] leading-[0.9] font-black tracking-[-0.03em]\">SBI Kiosk &<br>Digital Skills<br><span class=\"text-[#1a56db]\">Telugu lo Nerchukondi<\/span><\/h1>\r\n <p class=\"mt-6 text-[17px] leading-[1.6] text-zinc-600 max-w-[560px]\">\u0c2e\u0c40 SBI CSP Kiosk \u0c38\u0c2e\u0c38\u0c4d\u0c2f\u0c32\u0c28\u0c4d\u0c28\u0c3f\u0c1f\u0c3f\u0c15\u0c3f \u0c12\u0c15\u0c4d\u0c15\u0c1a\u0c4b\u0c1f \u0c2a\u0c30\u0c3f\u0c37\u0c4d\u0c15\u0c3e\u0c30\u0c02. AEPS, Morpho, Passbook setup nundi, Meta Ads, AI tools varaku \u2014 \u0c05\u0c28\u0c4d\u0c28\u0c40 \u0c2e\u0c28 \u0c24\u0c46\u0c32\u0c41\u0c17\u0c41\u0c32\u0c4b, step-by-step tutorials.<\/p>\r\n <div class=\"mt-9 flex flex-wrap gap-4\">\r\n <a href=\"#sbi-kiosk\" class=\"h-[52px] px-8 rounded-full bg-[#1a56db] text-white text-[15px] font-bold flex items-center justify-center gap-2 shadow-[0_8px_24px_rgba(26,86,219,0.35)]\">Explore Tutorials <span>\u2192<\/span><\/a>\r\n <a id=\"joinChannelBtn\" href=\"https:\/\/www.youtube.com\/@Nvs1986\" target=\"_blank\" class=\"h-[52px] px-8 rounded-full bg-zinc-900 text-white text-[15px] font-bold flex items-center justify-center\">Join Channel<\/a>\r\n <\/div>\r\n <div class=\"mt-10 flex gap-6 border-t border-zinc-100 pt-7\">\r\n <div class=\"flex gap-3 items-center\"><span class=\"w-10 h-10 rounded-full bg-zinc-900 text-white grid place-items-center text-[14px] font-bold\">\u25b6<\/span><div class=\"leading-tight\"><div class=\"font-extrabold text-[16px]\">500+ Video Tutorials<\/div><div class=\"text-[13px] text-zinc-500 font-medium\">HD Quality, Telugu lo<\/div><\/div><\/div>\r\n <div class=\"hidden sm:block w-px h-10 bg-zinc-200\"><\/div>\r\n <div class=\"flex gap-3 items-center\"><span class=\"w-10 h-10 rounded-full bg-zinc-100 border border-zinc-200 grid place-items-center text-[14px]\">\u2713<\/span><div class=\"leading-tight\"><div class=\"font-extrabold text-[16px]\">Daily Updates<\/div><div class=\"text-[13px] text-zinc-500 font-medium\">\u0c24\u0c46\u0c32\u0c41\u0c17\u0c41\u0c32\u0c4b Latest<\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"relative\">\r\n <div class=\"rounded-[28px] overflow-hidden bg-black aspect-video relative border border-zinc-800 shadow-[0_24px_80px_-16px_rgba(0,0,0,0.45)] flex items-center justify-center\">\r\n <video id=\"homeVideo\" controls playsinline preload=\"auto\" class=\"relative z-0 w-full h-full object-contain bg-black\" controlsList=\"nodownload\">\r\n <source id=\"homeVideoSrc\" src=\"REPLACE_WITH_META_ADS_VIDEO_MP4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div id=\"homeVideoPlaceholder\" class=\"absolute inset-0 z-10 grid place-items-center text-white\/80 text-[13px] font-bold bg-zinc-900 cursor-pointer\" onclick=\"document.getElementById('homeVideo').play()\">\r\n <div class=\"text-center\">\r\n <div class=\"w-16 h-16 rounded-full bg-white\/10 border border-white\/20 grid place-items-center mx-auto mb-3 text-[24px]\">\u25b6<\/div>\r\n <div>Home Video - REPLACE_WITH_META_ADS_VIDEO_MP4<\/div>\r\n <div style=\"font-size:11px;opacity:0.6;margin-top:4px\">CONFIG lo video URL pettandi - Click to Play with Sound<\/div>\r\n <div style=\"font-size:10px;opacity:0.5;margin-top:8px\">\ud83d\udd0a Sound on - Mee video ki sound untundi<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"absolute top-5 left-5 z-20 px-3 py-1.5 rounded-full bg-white\/10 backdrop-blur border border-white\/15 text-white text-[12px] font-bold pointer-events-none\">META ADS \u2022 HD<\/div>\r\n <div class=\"absolute bottom-0 left-0 right-0 z-20 p-6 bg-gradient-to-t from-black\/90 to-transparent pointer-events-none\"><div class=\"text-white font-bold text-[18px]\">Welcome to CSP Telugu<\/div><div class=\"text-white\/60 text-[13px] mt-1\">Meta Ads Intro \u2022 Telugu lo<\/div><\/div>\r\n <\/div>\r\n <div id=\"adminHomeEdit\" class=\"hidden mt-4 rounded-[16px] border border-amber-200 bg-amber-50 p-4\">\r\n <div class=\"text-[11px] font-black tracking-widest text-amber-700\">ADMIN ONLY - HOME VIDEO (Meeku Matrame)<\/div>\r\n <div class=\"mt-2 flex gap-2\"><input id=\"homeVideoUrl\" placeholder=\"Paste Meta Ads MP4 URL https:\/\/...\" class=\"flex-1 h-[40px] px-3 rounded-xl border border-amber-200 bg-white text-[12px]\"><button onclick=\"saveHomeVideo()\" class=\"h-[40px] px-4 rounded-xl bg-amber-600 text-white text-[11px] font-bold\">Save<\/button><\/div>\r\n <div class=\"mt-2 text-[10px] text-amber-700\">HTML lo REPLACE_WITH_META_ADS_VIDEO_MP4 ni kuda replace cheyochu - permanent kosam<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section id=\"sbi-kiosk\" class=\"mx-auto max-w-[1200px] px-5 lg:px-8 py-12\"><div class=\"flex items-center justify-between\"><div class=\"flex items-center gap-4\"><div class=\"w-12 h-12 rounded-[14px] bg-[#1a56db] text-white grid place-items-center text-[22px]\">\ud83c\udfe6<\/div><h2 class=\"text-[28px] font-black\">SBI Kiosk - 17 Categories<\/h2><\/div><span class=\"px-3 py-1 rounded-full bg-amber-50 border border-amber-200 text-amber-700 text-[10px] font-black\">\ud83d\udd12 LOGIN REQUIRED<\/span><\/div><div class=\"mt-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-5\">\r\n\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('sbi-login','SBI Login Portal')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-sbi-login\" src=\"\" alt=\"SBI Login Portal\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-sbi-login\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udd10<\/div><div class=\"font-extrabold mt-2 text-[14px]\">SBI Login Portal<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">sbi-login<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udd10 SBI Login Portal<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('sbi-login','SBI Login Portal')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('aeps-withdrawal','AEPS Withdrawal')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-aeps-withdrawal\" src=\"\" alt=\"AEPS Withdrawal\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-aeps-withdrawal\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcb3<\/div><div class=\"font-extrabold mt-2 text-[14px]\">AEPS Withdrawal<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">aeps-withdrawal<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udcb3 AEPS Withdrawal<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('aeps-withdrawal','AEPS Withdrawal')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('aeps-deposit','AEPS Deposit')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-aeps-deposit\" src=\"\" alt=\"AEPS Deposit\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-aeps-deposit\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcb0<\/div><div class=\"font-extrabold mt-2 text-[14px]\">AEPS Deposit<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">aeps-deposit<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udcb0 AEPS Deposit<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('aeps-deposit','AEPS Deposit')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('atm-deposit','ATM Deposit')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-atm-deposit\" src=\"\" alt=\"ATM Deposit\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-atm-deposit\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udfe7<\/div><div class=\"font-extrabold mt-2 text-[14px]\">ATM Deposit<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">atm-deposit<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83c\udfe7 ATM Deposit<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('atm-deposit','ATM Deposit')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('atm-withdrawal','ATM Withdrawal')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-atm-withdrawal\" src=\"\" alt=\"ATM Withdrawal\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-atm-withdrawal\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udfe7<\/div><div class=\"font-extrabold mt-2 text-[14px]\">ATM Withdrawal<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">atm-withdrawal<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83c\udfe7 ATM Withdrawal<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('atm-withdrawal','ATM Withdrawal')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('money-transfer','Money Transfer')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-money-transfer\" src=\"\" alt=\"Money Transfer\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-money-transfer\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcb8<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Money Transfer<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">money-transfer<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udcb8 Money Transfer<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('money-transfer','Money Transfer')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('morpho-install','Morpho Install')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-morpho-install\" src=\"\" alt=\"Morpho Install\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-morpho-install\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udc46<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Morpho Install<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">morpho-install<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udc46 Morpho Install<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('morpho-install','Morpho Install')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('perservice','PerService')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-perservice\" src=\"\" alt=\"PeriService\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-periservice\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udd27<\/div><div class=\"font-extrabold mt-2 text-[14px]\">PeriService<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">periservice<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udd27 PeriService<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('perservice','PerService')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('passbook','Passbook Print')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-passbook\" src=\"\" alt=\"Passbook Print\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-passbook\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcd2<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Passbook Print<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">passbook<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udcd2 Passbook Print<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('passbook','Passbook Print')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('device-install','Device Install')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-device-install\" src=\"\" alt=\"Device Install\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-device-install\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udda5\ufe0f<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Device Install<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">device-install<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udda5\ufe0f Device Install<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('device-install','Device Install')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('software-setup','Software Setup')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-software-setup\" src=\"\" alt=\"Software Setup\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-software-setup\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcbf<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Software Setup<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">software-setup<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udcbf Software Setup<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('software-setup','Software Setup')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('txn-process','Txn Process')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-txn-process\" src=\"\" alt=\"Txn Process\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-txn-process\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udd04<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Txn Process<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">txn-process<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\udd04 Txn Process<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('txn-process','Txn Process')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('txn-failed','Txn Failed Fix')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-txn-failed\" src=\"\" alt=\"Txn Failed Fix\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-txn-failed\" class=\"text-center\"><div style=\"font-size:32px\">\u274c<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Txn Failed Fix<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">txn-failed<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\u274c Txn Failed Fix<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('txn-failed','Txn Failed Fix')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('common-errors','Common Errors')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-common-errors\" src=\"\" alt=\"Common Errors\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-common-errors\" class=\"text-center\"><div style=\"font-size:32px\">\u26a0\ufe0f<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Common Errors<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">common-errors<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\u26a0\ufe0f Common Errors<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('common-errors','Common Errors')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('csp-basics','CSP Basics')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-csp-basics\" src=\"\" alt=\"CSP Basics\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-csp-basics\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udfe6<\/div><div class=\"font-extrabold mt-2 text-[14px]\">CSP Basics<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">csp-basics<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83c\udfe6 CSP Basics<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('csp-basics','CSP Basics')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('latest-updates','Latest Updates')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-latest-updates\" src=\"\" alt=\"Latest Updates\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-latest-updates\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udd95<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Latest Updates<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">latest-updates<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83c\udd95 Latest Updates<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('latest-updates','Latest Updates')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[22px] border border-zinc-200 bg-white overflow-hidden hover:border-[#1a56db]\/30 hover:shadow-[0_16px_40px_-16px_rgba(26,86,219,0.2)] hover:-translate-y-1 transition-all cursor-pointer\" onclick=\"openImageEditor('future','Future Skills')\">\r\n <div class=\"h-[160px] bg-zinc-50 relative overflow-hidden grid place-items-center border-b border-zinc-100\">\r\n <img decoding=\"async\" id=\"card-img-future\" src=\"\" alt=\"Future Skills\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-future\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\ude80<\/div><div class=\"font-extrabold mt-2 text-[14px]\">Future Skills<\/div><div class=\"text-[11px] text-zinc-400 mt-1\">future<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px]\">\ud83d\ude80 Future Skills<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('future','Future Skills')\" class=\"mt-3 w-full h-[36px] rounded-full bg-zinc-900 text-white text-[11px] font-black hover:bg-[#1a56db] transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<\/div><\/section>\r\n\r\n<section id=\"digital-skills\" class=\"mx-auto max-w-[1200px] px-5 lg:px-8 py-12\"><div class=\"rounded-[32px] bg-zinc-900 text-white p-8 border border-zinc-800\"><div class=\"flex items-center justify-between\"><div class=\"flex items-center gap-4\"><div class=\"w-12 h-12 rounded-[14px] bg-white text-zinc-900 grid place-items-center text-[22px] font-black\">\ud83c\udf93<\/div><h2 class=\"text-[28px] font-black\">Digital Skills - 21 Categories<\/h2><\/div><span class=\"px-3 py-1 rounded-full bg-white\/10 border border-white\/20 text-white text-[10px] font-black\">\ud83d\udd12 LOGIN REQUIRED<\/span><\/div><div class=\"mt-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-5\">\r\n\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('meta-ads','Meta Ads')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-meta-ads\" src=\"\" alt=\"Meta Ads\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-meta-ads\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udce2<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Meta Ads<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">meta-ads<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udce2 Meta Ads<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('meta-ads','Meta Ads')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('google-ads','Google Ads')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-google-ads\" src=\"\" alt=\"Google Ads\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-google-ads\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udd0d<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Google Ads<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">google-ads<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udd0d Google Ads<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('google-ads','Google Ads')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('instagram-ads','Instagram Ads')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-instagram-ads\" src=\"\" alt=\"Instagram Ads\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-instagram-ads\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcf8<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Instagram Ads<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">instagram-ads<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udcf8 Instagram Ads<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('instagram-ads','Instagram Ads')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('inshot-editing','InShot Editing')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-inshot-editing\" src=\"\" alt=\"InShot Editing\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-inshot-editing\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udfac<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">InShot Editing<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">inshot-editing<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83c\udfac InShot Editing<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('inshot-editing','InShot Editing')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('ai-prompt','AI Prompt Eng')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-ai-prompt\" src=\"\" alt=\"AI Prompt Eng\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-ai-prompt\" class=\"text-center\"><div style=\"font-size:32px\">\ud83e\udd16<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">AI Prompt Eng<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">ai-prompt<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83e\udd16 AI Prompt Eng<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('ai-prompt','AI Prompt Eng')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('chatgpt','ChatGPT AI')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-chatgpt\" src=\"\" alt=\"ChatGPT AI\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-chatgpt AI\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcac<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">ChatGPT AI<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">chatgpt AI<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udcac ChatGPT AI<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('chatgpt','ChatGPT Mastery')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('claude-ai','Claude AI')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-claude-ai\" src=\"\" alt=\"Claude AI\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-claude-ai\" class=\"text-center\"><div style=\"font-size:32px\">\ud83e\udde0<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Claude AI<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">claude-ai<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83e\udde0 Claude AI<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('claude-ai','Claude AI')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('gemini-ai','Gemini AI')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-gemini-ai\" src=\"\" alt=\"Gemini AI\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-gemini-ai\" class=\"text-center\"><div style=\"font-size:32px\">\u2728<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Gemini AI<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">gemini-ai<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\u2728 Gemini AI<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('gemini-ai','Gemini AI')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('google-flow','Google Flow')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-google-flow\" src=\"\" alt=\"Google Flow\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-google-flow\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udf0a<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Google Flow<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">google-flow<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83c\udf0a Google Flow<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('google-flow','Google Flow')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('website-design','Website Design')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-website-design\" src=\"\" alt=\"Website Design\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-website-design\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udf10<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Website Design<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">website-design<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83c\udf10 Website Design<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('website-design','Website Design')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('graphic-design','Graphic Design')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-graphic-design\" src=\"\" alt=\"Graphic Design\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-graphic-design\" class=\"text-center\"><div style=\"font-size:32px\">\ud83c\udfa8<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Graphic Design<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">graphic-design<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83c\udfa8 Graphic Design<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('graphic-design','Graphic Design')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('canva','Canva Design')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-canva\" src=\"\" alt=\"Canva Design\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-canva\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udd8c\ufe0f<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Canva Design<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">canva<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udd8c\ufe0f Canva Design<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('canva','Canva Design')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('social-media-marketing','Social Media Marketing')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-social-media-marketing\" src=\"\" alt=\"Social Media Marketing\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-social-media-marketing\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcf1<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Social Media Marketing<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">social-media-marketing<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udcf1 Social Media Marketing<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('social-media-marketing','Social Media Marketing')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('video-editing','Video Editing')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-video-editing\" src=\"\" alt=\"Video Editing\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-video-editing\" class=\"text-center\"><div style=\"font-size:32px\">\u2702\ufe0f<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Video Editing<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">video-editing<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\u2702\ufe0f Video Editing<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('video-editing','Video Editing')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('content-creation','Content Creation')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-content-creation\" src=\"\" alt=\"Content Creation\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-content-creation\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcdd<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Content Creation<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">content-creation<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udcdd Content Creation<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('content-creation','Content Creation')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('email-marketing','Email Marketing')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-email-marketing\" src=\"\" alt=\"Email Marketing\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-email-marketing\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udce7<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Email Marketing<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">email-marketing<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udce7 Email Marketing<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('email-marketing','Email Marketing')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('freelancing','Freelancing Guide')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-freelancing\" src=\"\" alt=\"Freelancing Guide\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-freelancing\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcbc<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Freelancing Guide<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">freelancing<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udcbc Freelancing Guide<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('freelancing','Freelancing Guide')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('affiliate-marketing','Affiliate Marketing')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-affiliate-marketing\" src=\"\" alt=\"Affiliate Marketing\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-affiliate-marketing\" class=\"text-center\"><div style=\"font-size:32px\">\ud83e\udd1d<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Affiliate Marketing<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">affiliate-marketing<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83e\udd1d Affiliate Marketing<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('affiliate-marketing','Affiliate Marketing')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('generative-ai','Generative AI')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-generative-ai\" src=\"\" alt=\"Generative AI\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-generative-ai\" class=\"text-center\"><div style=\"font-size:32px\">\ud83e\udd16<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">Generative AI<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">generative-ai<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83e\udd16 Generative AI<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('generative-ai','Generative AI')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('wordpress','WordPress')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-wordpress\" src=\"\" alt=\"WordPress\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-wordpress\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcc4<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">WordPress<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">wordpress<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udcc4 WordPress<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('wordpress','WordPress')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<div class=\"flex flex-col\">\r\n<div class=\"group rounded-[20px] bg-white\/[0.07] border border-white\/10 overflow-hidden hover:bg-white hover:border-white transition-all hover:-translate-y-1 cursor-pointer\" onclick=\"openImageEditor('seo','SEO Training')\">\r\n <div class=\"h-[160px] bg-white\/5 relative overflow-hidden grid place-items-center border-b border-white\/10\">\r\n <img decoding=\"async\" id=\"card-img-seo\" src=\"\" alt=\"SEO Training\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\">\r\n <div id=\"placeholder-seo\" class=\"text-center\"><div style=\"font-size:32px\">\ud83d\udcc8<\/div><div class=\"font-extrabold mt-2 text-[14px] text-white group-hover:text-zinc-900\">SEO Training<\/div><div class=\"text-[11px] text-white\/40 group-hover:text-zinc-400 mt-1\">seo<\/div><\/div>\r\n <\/div>\r\n <div class=\"p-5\"><div class=\"font-bold text-[15px] text-white group-hover:text-zinc-900\">\ud83d\udcc8 SEO Training<\/div><\/div>\r\n<\/div>\r\n<button onclick=\"tryOpenPlaylist('seo','SEO Training')\" class=\"mt-3 w-full h-[36px] rounded-full bg-white\/10 border border-white\/10 text-white text-[11px] font-black hover:bg-white hover:text-zinc-900 transition\">WATCH NOW \u2192<\/button>\r\n<\/div>\r\n<\/div><\/div><\/section>\r\n\r\n<section id=\"adminDashboard\" class=\"hidden mx-auto max-w-[1200px] px-5 lg:px-8 py-12\"><div class=\"rounded-[24px] bg-zinc-900 text-white p-8 border border-zinc-800\"><div class=\"flex items-center justify-between\"><h2 class=\"text-[24px] font-black\">\ud83d\udc51 Admin Dashboard - Meeku Matrame<\/h2><button onclick=\"closeAdmin()\" class=\"px-4 py-2 rounded-full bg-white\/10 text-white text-[12px]\">Close<\/button><\/div><div class=\"mt-2 text-[12px] text-white\/60\">Signup aina customers - meeku matrame kanipistundi, customers ki kanapadadu<\/div><div class=\"mt-6 overflow-auto rounded-xl border border-white\/10\"><table class=\"w-full text-[13px]\"><thead class=\"bg-white\/5 text-[11px] text-white\/50\"><tr><th class=\"text-left p-3\">DATE<\/th><th class=\"text-left p-3\">NAME<\/th><th class=\"text-left p-3\">PHONE<\/th><th class=\"text-left p-3\">EMAIL<\/th><th class=\"text-left p-3\">PASS<\/th><\/tr><\/thead><tbody id=\"customerListBody\"><\/tbody><\/table><\/div><div class=\"mt-4 flex gap-2\"><button onclick=\"exportCustomers()\" class=\"px-4 py-2 rounded-full bg-[#1a56db] text-white text-[11px] font-bold\">\ud83d\udce4 Export CSV<\/button><button onclick=\"clearCustomers()\" class=\"px-4 py-2 rounded-full bg-white\/10 text-white text-[11px] font-bold\">Clear All<\/button><\/div><\/div><\/section>\r\n\r\n<section id=\"contact\" class=\"mx-auto max-w-[1200px] px-5 lg:px-8 pt-8 pb-12\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-blue-50 border border-blue-200 text-[#1a56db] text-[11px] font-black tracking-widest\">CONTACT US \u2022 24HRS REPLY<\/div>\r\n <h1 class=\"mt-6 text-[36px] lg:text-[48px] font-black leading-[0.9]\">Contact <span class=\"text-[#1a56db]\">Cheyandi<\/span><\/h1>\r\n <p class=\"mt-4 text-[16px] text-zinc-500 max-w-[600px]\">SBI Kiosk doubt ayina, Digital Skills gurinchi ayina \u2014 message pampandi.<\/p>\r\n <div class=\"mt-10 grid grid-cols-1 lg:grid-cols-[1.1fr_0.9fr] gap-8\">\r\n <div class=\"rounded-[28px] border border-zinc-200 bg-white p-6 lg:p-8 shadow-[0_12px_40px_-16px_rgba(0,0,0,0.12)]\">\r\n <form id=\"contactFormOnly\" class=\"grid grid-cols-1 sm:grid-cols-2 gap-5\">\r\n <div><label class=\"text-[11px] font-black text-zinc-500\">MEERU PERU<\/label><input type=\"text\" id=\"nameOnly\" required placeholder=\"Venkat\" class=\"mt-2 w-full h-[48px] px-4 rounded-xl border border-zinc-200 bg-zinc-50 text-[14px]\"><\/div>\r\n <div><label class=\"text-[11px] font-black text-zinc-500\">PHONE NUMBER<\/label><input type=\"tel\" id=\"phoneOnly\" required placeholder=\"98765 43210\" class=\"mt-2 w-full h-[48px] px-4 rounded-xl border border-zinc-200 bg-zinc-50 text-[14px]\"><\/div>\r\n <div class=\"sm:col-span-2\"><label class=\"text-[11px] font-black text-zinc-500\">MEE MESSAGE<\/label><textarea id=\"messageOnly\" required rows=\"5\" placeholder=\"Telugu lo rayandi...\" class=\"mt-2 w-full px-4 py-3 rounded-xl border border-zinc-200 bg-zinc-50 text-[14px]\"><\/textarea><\/div>\r\n <div class=\"sm:col-span-2 flex gap-3\"><button type=\"submit\" class=\"h-[52px] px-8 rounded-full bg-[#1a56db] text-white font-bold text-[14px]\">Send Message \u2192<\/button><button type=\"button\" onclick=\"sendWhatsAppOnly()\" class=\"h-[52px] px-8 rounded-full bg-[#25D366] text-white font-bold text-[14px]\">WhatsApp \ud83d\udcac<\/button><\/div>\r\n <p id=\"formStatusOnly\" class=\"sm:col-span-2 text-[13px] font-bold hidden\"><\/p>\r\n <\/form>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 gap-6\">\r\n <div class=\"rounded-[24px] bg-[#1a56db] text-white p-7\"><div class=\"text-[11px] font-black text-white\/70\">JOIN CHANNEL \u2022 YOUTUBE<\/div><div class=\"mt-3 font-black text-[20px]\">YouTube + Telegram lo Join Avvandi<\/div><div class=\"mt-6 flex gap-3\"><a id=\"contactChannelBtn\" href=\"https:\/\/www.youtube.com\/@Nvs1986\" target=\"_blank\" class=\"h-11 px-6 rounded-full bg-white text-[#1a56db] text-[13px] font-black grid place-items-center\">Join Channel \u2192<\/a><\/div><\/div>\r\n <div class=\"rounded-[24px] border border-zinc-200 bg-white p-7\"><div class=\"font-extrabold\">Mee Doubt 24hrs lo Clear<\/div><div class=\"mt-4 text-[14px] text-zinc-600\">\u2713 SBI Kiosk errors ki solution<br>\u2713 Telugu lo explain<br>\u2713 Step-by-step videos<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<div id=\"authModal\"><div class=\"authWrap\"><div class=\"p-6 border-b flex justify-between items-center\"><div class=\"font-black text-[18px]\" id=\"authTitle\">Login Required<\/div><button onclick=\"closeAuth()\" class=\"w-8 h-8 rounded-full bg-zinc-100 grid place-items-center\">X<\/button><\/div><div class=\"p-6\"><div id=\"signupFields\" class=\"hidden\"><div class=\"grid gap-4\"><div><label class=\"text-[11px] font-black text-zinc-500\">FULL NAME<\/label><input id=\"suName\" placeholder=\"Venkat\" class=\"mt-1 w-full h-[44px] px-4 rounded-xl border bg-zinc-50 text-[14px]\"><\/div><div><label class=\"text-[11px] font-black text-zinc-500\">PHONE<\/label><input id=\"suPhone\" placeholder=\"98765 43210\" class=\"mt-1 w-full h-[44px] px-4 rounded-xl border bg-zinc-50 text-[14px]\"><\/div><div><label class=\"text-[11px] font-black text-zinc-500\">EMAIL<\/label><input id=\"suEmail\" placeholder=\"email@gmail.com\" class=\"mt-1 w-full h-[44px] px-4 rounded-xl border bg-zinc-50 text-[14px]\"><\/div><div><label class=\"text-[11px] font-black text-zinc-500\">PASSWORD<\/label><input id=\"suPass\" type=\"password\" placeholder=\"****\" class=\"mt-1 w-full h-[44px] px-4 rounded-xl border bg-zinc-50 text-[14px]\"><\/div><\/div><button onclick=\"doSignup()\" class=\"mt-6 w-full h-[48px] rounded-full bg-[#1a56db] text-white font-bold\">Signup & Watch Video \u2192<\/button><div class=\"mt-4 text-center text-[12px]\">Already? <button onclick=\"openAuth('login')\" class=\"font-bold text-[#1a56db]\">Login<\/button><\/div><\/div><div id=\"loginFields\"><div class=\"text-[13px] text-zinc-600 mb-4\">\ud83d\udd12 Video chudalante login avvali. Signup chesukunte matrame access vastundi.<\/div><div class=\"grid gap-4\"><div><label class=\"text-[11px] font-black text-zinc-500\">EMAIL \/ PHONE<\/label><input id=\"liEmail\" placeholder=\"email or phone\" class=\"mt-1 w-full h-[44px] px-4 rounded-xl border bg-zinc-50 text-[14px]\"><\/div><div><label class=\"text-[11px] font-black text-zinc-500\">PASSWORD<\/label><input id=\"liPass\" type=\"password\" placeholder=\"****\" class=\"mt-1 w-full h-[44px] px-4 rounded-xl border bg-zinc-50 text-[14px]\"><\/div><\/div><button onclick=\"doLogin()\" class=\"mt-6 w-full h-[48px] rounded-full bg-zinc-900 text-white font-bold\">Login & Watch \u2192<\/button><div class=\"mt-4 text-center text-[12px]\">No account? <button onclick=\"openAuth('signup')\" class=\"font-bold text-[#1a56db]\">Signup Free<\/button><\/div><\/div><p id=\"authError\" class=\"hidden mt-4 text-[12px] font-bold text-red-600 bg-red-50 border border-red-200 rounded-xl p-3\"><\/p><\/div><\/div><\/div>\r\n\r\n<div id=\"adminModal\"><div class=\"authWrap\"><div class=\"p-6 border-b flex justify-between items-center\"><div class=\"font-black\">Admin Login (Meeku Matrame)<\/div><button onclick=\"closeAdminModal()\" class=\"w-8 h-8 rounded-full bg-zinc-100 grid place-items-center\">X<\/button><\/div><div class=\"p-6\"><div class=\"grid gap-4\"><input id=\"adUser\" placeholder=\"admin\" class=\"h-[44px] px-4 rounded-xl border bg-zinc-50\"><input id=\"adPass\" type=\"password\" placeholder=\"CSP@2024\" class=\"h-[44px] px-4 rounded-xl border bg-zinc-50\"><\/div><button onclick=\"doAdminLogin()\" class=\"mt-6 w-full h-[48px] rounded-full bg-zinc-900 text-white font-bold\">Admin Login \u2192<\/button><p id=\"adminError\" class=\"hidden mt-4 text-[12px] text-red-600 bg-red-50 border p-3 rounded-xl\"><\/p><div class=\"mt-3 text-[10px] text-zinc-400\">Meeku login avasaram ledu - ?admin=venkat tho open cheste direct admin avtundi, meeku full access untundi<\/div><\/div><\/div><\/div>\r\n\r\n\r\n<div id=\"imgModal\" style=\"display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,0.92);padding:16px;place-items:center\"><div id=\"imgModalInner\" style=\"width:100%;max-width:480px;background:#18181b;border:1px solid #27272a;border-radius:20px;overflow:hidden\"><div style=\"padding:16px;border-bottom:1px solid #27272a;display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:800\"><span id=\"imgModalTitle\">Change Card Image<\/span><button onclick=\"closeImgModal()\" style=\"width:32px;height:32px;border-radius:50%;background:#27272a;color:#fff\">\u2715<\/button><\/div><div style=\"padding:20px\"><div style=\"width:100%;height:200px;background:#111;border:1px dashed #3f3f46;border-radius:12px;display:grid;place-items:center;overflow:hidden;position:relative\"><img decoding=\"async\" id=\"imgPreview\" src=\"\" style=\"display:none;width:100%;height:100%;object-fit:cover;position:absolute;inset:0\"><div id=\"imgPlaceholder\" style=\"text-align:center;color:#71717a\"><div style=\"font-size:40px\">\ud83d\uddbc\ufe0f<\/div><div style=\"font-size:12px;margin-top:8px\">No image - 800x450 recommended<\/div><\/div><\/div><div style=\"margin-top:16px\"><label style=\"font-size:11px;font-weight:800;color:#a1a1aa;letter-spacing:0.05em\">IMAGE URL (Paste 800x450 image link)<\/label><div style=\"display:flex;gap:8px;margin-top:6px\"><input id=\"imgUrlInput\" placeholder=\"https:\/\/...\/image.jpg\" style=\"flex:1;height:44px;border-radius:10px;border:1px solid #3f3f46;background:#27272a;color:#fff;padding:0 12px;font-size:13px\"><button onclick=\"saveCardImageFromModal()\" style=\"height:44px;padding:0 16px;border-radius:10px;background:#1a56db;color:#fff;font-size:12px;font-weight:800\">Save<\/button><\/div><\/div><div style=\"margin-top:12px;display:flex;gap:8px\"><label style=\"flex:1;height:44px;border-radius:10px;background:#27272a;border:1px solid #3f3f46;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;cursor:pointer\"><input type=\"file\" id=\"imgFileInput\" accept=\"image\/*\" style=\"display:none\" onchange=\"uploadImageFile(this)\">\ud83d\udcc1 Upload Image<\/label><button onclick=\"removeCardImageFromModal()\" style=\"flex:1;height:44px;border-radius:10px;background:#27272a;border:1px solid #3f3f46;color:#ef4444;font-size:12px;font-weight:700\">\ud83d\uddd1\ufe0f Remove<\/button><\/div><div style=\"margin-top:12px;padding:10px;background:#1a56db10;border:1px solid #1a56db20;border-radius:10px;font-size:11px;color:#93c5fd\">\ud83d\udca1 Size: 800x450 (16:9) best. JPG\/WebP, max 150KB. Image will show on card instantly.<\/div><\/div><\/div><\/div>\r\n\r\n<div id=\"plModal\"><div class=\"plWrap\"><div class=\"plVideoSide\"><div style=\"padding:14px;display:flex;justify-content:space-between;align-items:center;color:#fff;border-bottom:1px solid #27272a\"><div><div id=\"plCat\" style=\"font-weight:900;font-size:16px\">CATEGORY<\/div><div style=\"font-size:11px;opacity:0.6\"><span id=\"plCur\">1<\/span>\/20 \u2022 <span id=\"plReady\">0<\/span> Ready<\/div><\/div><button onclick=\"closePL()\" style=\"width:36px;height:36px;border-radius:50%;background:#27272a;color:#fff\">X<\/button><\/div><video id=\"plVideo\" controls playsinline controlsList=\"nodownload\" style=\"width:100%;background:#000\"><\/video><div style=\"padding:14px;color:#fff\"><div id=\"plTitle\" style=\"font-weight:800;font-size:15px\">Part 1<\/div><div id=\"plVideoUrl\" style=\"font-size:11px;opacity:0.5;margin-top:4px;word-break:break-all\"><\/div><div style=\"margin-top:10px;display:flex;gap:8px\"><button onclick=\"prevV()\" style=\"flex:1;height:40px;border-radius:20px;background:#27272a;color:#fff;border:1px solid #3f3f46\">\u2190 Prev<\/button><button onclick=\"nextV()\" style=\"flex:1;height:40px;border-radius:20px;background:#fff;color:#111;font-weight:800\">Next \u2192<\/button><\/div><\/div><\/div><div class=\"plListSide\"><div class=\"plListHead\"><span>20 Parts<\/span><span id=\"adminLabel\" class=\"hidden text-[10px] bg-amber-500 text-black px-2 py-1 rounded-full\">ADMIN MODE<\/span><\/div><div id=\"plList\" class=\"plList\"><\/div><\/div><\/div><\/div>\r\n\r\n<script>\r\n\/\/ ================= CONFIG - EDIT HERE ONLY =================\r\n\/\/ HOME VIDEO URL - Replace below placeholder with your MP4 URL\r\n\/\/ WordPress lo Media -> Upload -> Copy Link -> Paste here\r\n\/\/ ================= YOUTUBE LINK - MEEDI IKKADA PETTANDI - OKA CHOTA MAASTE ANNI CHOTLA MAASTUNDI =================\r\nvar YOUTUBE_CHANNEL_LINK = \"https:\/\/www.youtube.com\/@Nvs1986\"; \/\/ <--- MEE YOUTUBE LINK IKKADA PASTE CHEYANDI\r\n\/\/ Example: var YOUTUBE_CHANNEL_LINK = \"https:\/\/www.youtube.com\/@teluguaistudio\";\r\n\/\/ =======================================================================================================\r\nvar HOME_VIDEO_CONFIG = \"REPLACE_WITH_META_ADS_VIDEO_MP4\";\r\n\r\n\/\/ CARD IMAGES - Prati card ki image URL - direct HTML lo edit cheyochu\r\nvar CARD_IMAGES = {\r\n \"sbi-login\": \"\",\r\n \"aeps-withdrawal\": \"\",\r\n \"aeps-deposit\": \"\",\r\n \"atm-deposit\": \"\",\r\n \"atm-withdrawal\": \"\",\r\n \"money-transfer\": \"\",\r\n \"morpho-install\": \"\",\r\n \"perservice\": \"\",\r\n \"passbook\": \"\",\r\n \"device-install\": \"\",\r\n \"software-setup\": \"\",\r\n \"txn-process\": \"\",\r\n \"txn-failed\": \"\",\r\n \"common-errors\": \"\",\r\n \"csp-basics\": \"\",\r\n \"latest-updates\": \"\",\r\n \"future\": \"\",\r\n \"meta-ads\": \"\",\r\n \"google-ads\": \"\",\r\n \"instagram-ads\": \"\",\r\n \"inshot-editing\": \"\",\r\n \"ai-prompt\": \"\",\r\n \"chatgpt\": \"\",\r\n \"claude-ai\": \"\",\r\n \"gemini-ai\": \"\",\r\n \"google-flow\": \"\",\r\n \"website-design\": \"\",\r\n \"graphic-design\": \"\",\r\n \"canva\": \"\",\r\n \"social-media-marketing\": \"\",\r\n \"video-editing\": \"\",\r\n \"content-creation\": \"\",\r\n \"email-marketing\": \"\",\r\n \"freelancing\": \"\",\r\n \"affiliate-marketing\": \"\",\r\n \"generative-ai\": \"\",\r\n \"wordpress\": \"\",\r\n \"seo\": \"\"\r\n};\r\n\r\n\/\/ DEFAULT VIDEOS - 20 parts per category - HTML lone direct edit\r\nvar DEFAULT_VIDEOS = {\r\n \"sbi-login\": [\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\"],\r\n \"aeps-withdrawal\": [\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\"],\r\n \"meta-ads\": [\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\"],\r\n \"google-ads\": [\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"\"]\r\n};\r\n\/\/ ================= END CONFIG =================\r\n\r\nvar isAdmin=false;var currentUser=null;var _pendingPlaylist=null;\r\nfunction getUsers(){try{return JSON.parse(localStorage.getItem('csp_users')||'[]');}catch(e){return [];}}\r\nfunction saveUsers(u){localStorage.setItem('csp_users',JSON.stringify(u));}\r\nfunction openAuth(mode){document.getElementById('authModal').classList.add('show');document.getElementById('authError').classList.add('hidden');if(mode==='signup'){document.getElementById('authTitle').innerText='Signup - Video Chudalante';document.getElementById('signupFields').classList.remove('hidden');document.getElementById('loginFields').classList.add('hidden');}else{document.getElementById('authTitle').innerText='Login Required - \ud83d\udd12';document.getElementById('signupFields').classList.add('hidden');document.getElementById('loginFields').classList.remove('hidden');}}\r\nfunction closeAuth(){document.getElementById('authModal').classList.remove('show');}\r\nfunction openAdminLogin(){closeAuth();document.getElementById('adminModal').classList.add('show');}\r\nfunction closeAdminModal(){document.getElementById('adminModal').classList.remove('show');}\r\nfunction doSignup(){var name=document.getElementById('suName').value.trim();var phone=document.getElementById('suPhone').value.trim();var email=document.getElementById('suEmail').value.trim().toLowerCase();var pass=document.getElementById('suPass').value.trim();var err=document.getElementById('authError');if(!name||!phone||!email||!pass){err.innerText='Anni fields fill cheyandi';err.classList.remove('hidden');return;}var users=getUsers();if(users.find(function(u){return u.email===email;})){err.innerText='Email already exists';err.classList.remove('hidden');return;}users.push({name:name,phone:phone,email:email,pass:pass,date:new Date().toLocaleString()});saveUsers(users);currentUser={name:name,email:email};localStorage.setItem('csp_current_user',JSON.stringify(currentUser));closeAuth();updateAuthUI();alert('Signup success! Ippudu video chudavachu.');if(_pendingPlaylist){openPlaylist(_pendingPlaylist.key,_pendingPlaylist.title);_pendingPlaylist=null;}}\r\nfunction doLogin(){var id=document.getElementById('liEmail').value.trim().toLowerCase();var pass=document.getElementById('liPass').value.trim();var err=document.getElementById('authError');var users=getUsers();var found=users.find(function(u){return (u.email===id || u.phone===id) && u.pass===pass;});if(!found){err.innerText='Wrong credentials';err.classList.remove('hidden');return;}currentUser={name:found.name,email:found.email};localStorage.setItem('csp_current_user',JSON.stringify(currentUser));closeAuth();updateAuthUI();alert('Welcome '+found.name+'!');if(_pendingPlaylist){openPlaylist(_pendingPlaylist.key,_pendingPlaylist.title);_pendingPlaylist=null;}}\r\nfunction doAdminLogin(){var u=document.getElementById('adUser').value.trim();var p=document.getElementById('adPass').value.trim();var err=document.getElementById('adminError');if(u==='admin' && p==='CSP@2024'){isAdmin=true;localStorage.setItem('csp_is_admin','1');closeAdminModal();openAdminDashboard();updateAuthUI();}else{err.innerText='Wrong admin (admin \/ CSP@2024)';err.classList.remove('hidden');}}\r\nfunction logout(){currentUser=null;isAdmin=false;localStorage.removeItem('csp_current_user');localStorage.removeItem('csp_is_admin');updateAuthUI();closeAdmin();alert('Logged out');}\r\nfunction updateAuthUI(){\r\n var badge=document.getElementById('userBadge');\r\n var loginBtn=document.getElementById('loginBtn');\r\n var signupBtn=document.getElementById('signupBtn');\r\n var logoutBtn=document.getElementById('logoutBtn');\r\n var adminEdit=document.getElementById('adminHomeEdit');\r\n var adminVideoEdit=document.getElementById('adminVideoEdit');\r\n var adminLabel=document.getElementById('adminLabel');\r\n var cu=localStorage.getItem('csp_current_user');\r\n var ia=localStorage.getItem('csp_is_admin');\r\n var isAdminUrl=window.location.search.includes('admin=venkat')||window.location.search.includes('admin=1');\r\n if(cu){\r\n try{currentUser=JSON.parse(cu);badge.innerText='Hi, '+currentUser.name;badge.classList.remove('hidden');loginBtn.classList.add('hidden');signupBtn.classList.add('hidden');logoutBtn.classList.remove('hidden');}catch(e){}\r\n }else{\r\n badge.classList.add('hidden');loginBtn.classList.remove('hidden');signupBtn.classList.remove('hidden');logoutBtn.classList.add('hidden');\r\n }\r\n \/\/ ADMIN CHECK - FIXED: Normal users ki kanapadadu\r\n \/\/ isAdmin = true only if admin modal login OR URL has ?admin=venkat (session only, not persistent)\r\n if(ia==='1'){\r\n \/\/ Admin login via modal - persistent\r\n isAdmin=true;\r\n if(adminEdit)adminEdit.classList.remove('hidden');\r\n if(adminVideoEdit)adminVideoEdit.classList.remove('hidden');\r\n if(adminLabel)adminLabel.classList.remove('hidden');\r\n }else if(isAdminUrl){\r\n \/\/ URL admin - session only, localStorage lo save cheyamu - customers ki leak avvadhu\r\n isAdmin=true;\r\n if(adminEdit)adminEdit.classList.remove('hidden');\r\n if(adminVideoEdit)adminVideoEdit.classList.remove('hidden');\r\n if(adminLabel)adminLabel.classList.remove('hidden');\r\n openAdminDashboard();\r\n }else{\r\n isAdmin=false;\r\n if(adminEdit)adminEdit.classList.add('hidden');\r\n if(adminVideoEdit)adminVideoEdit.classList.add('hidden');\r\n if(adminLabel)adminLabel.classList.add('hidden');\r\n }\r\n}\r\nfunction tryOpenPlaylist(key,title){\r\n var isAdminUrl=window.location.search.includes('admin=venkat')||window.location.search.includes('admin=1');\r\n var isAdminLocal=localStorage.getItem('csp_is_admin')==='1';\r\n if(isAdmin||isAdminLocal||isAdminUrl){openPlaylist(key,title);return;}\r\n if(!localStorage.getItem('csp_current_user')){\r\n _pendingPlaylist={key:key,title:title};\r\n openAuth('signup');\r\n return;\r\n }\r\n \/\/ Normal user - check if video exists\r\n var list=videoLib[key]||[];\r\n var hasVideo=list.some(function(u){return u&&u.length>5;});\r\n if(!hasVideo && !(DEFAULT_VIDEOS[key]&&DEFAULT_VIDEOS[key].some(function(u){return u&&u.length>5;}))){\r\n \/\/ No video yet - show message but still open to show \"Coming soon\"\r\n console.log('No videos added yet for '+key+' - Admin needs to add via ?admin=venkat');\r\n }\r\n openPlaylist(key,title);\r\n}\r\nfunction openAdminDashboard(){document.getElementById('adminDashboard').classList.remove('hidden');renderCustomers();var el=document.getElementById('adminDashboard');if(el) window.scrollTo({top:el.offsetTop-80,behavior:'smooth'});}\r\nfunction closeAdmin(){document.getElementById('adminDashboard').classList.add('hidden');}\r\nfunction renderCustomers(){var users=getUsers();var body=document.getElementById('customerListBody');body.innerHTML='';if(users.length===0){body.innerHTML='<tr><td colspan=5 class=\"p-4 text-center text-white\/40\">No customers yet<\/td><\/tr>';return;}users.forEach(function(u){var tr=document.createElement('tr');tr.className='border-b border-white\/10';tr.innerHTML='<td class=\"p-3 text-white\/60\">'+(u.date||'')+'<\/td><td class=\"p-3 font-bold\">'+u.name+'<\/td><td class=\"p-3\">'+u.phone+'<\/td><td class=\"p-3\">'+u.email+'<\/td><td class=\"p-3 text-white\/40\">'+u.pass+'<\/td>';body.appendChild(tr);});}\r\nfunction exportCustomers(){var users=getUsers();var csv='Date,Name,Phone,Email,Password\\n'+users.map(function(u){return '\"'+(u.date||'')+'\",\"'+u.name+'\",\"'+u.phone+'\",\"'+u.email+'\",\"'+u.pass+'\"';}).join('\\n');var blob=new Blob([csv],{type:'text\/csv'});var url=URL.createObjectURL(blob);var a=document.createElement('a');a.href=url;a.download='customers-'+Date.now()+'.csv';a.click();}\r\nfunction clearCustomers(){if(confirm('Delete all?')){localStorage.removeItem('csp_users');renderCustomers();}}\r\nfunction saveHomeVideo(){var url=document.getElementById('homeVideoUrl').value.trim();if(!url){alert('URL ivvandi');return;}localStorage.setItem('csp_home_video',url);loadHomeVideo();alert('Home video saved!');}\r\nfunction loadHomeVideo(){\r\n var stored=localStorage.getItem('csp_home_video')||'';\r\n var url=stored;\r\n if(!url||url.length<5){url=HOME_VIDEO_CONFIG;}\r\n var v=document.getElementById('homeVideo');\r\n var src=document.getElementById('homeVideoSrc');\r\n var ph=document.getElementById('homeVideoPlaceholder');\r\n var input=document.getElementById('homeVideoUrl');\r\n if(input)input.value=(url.indexOf('REPLACE_WITH')===-1?url:'');\r\n if(url.indexOf('REPLACE_WITH_META_ADS_VIDEO_MP4')!==-1 || url.indexOf('REPLACE_WITH')!==-1 || !url || url.length<5){\r\n if(ph){ph.style.display='grid'; ph.style.zIndex='10';}\r\n if(v){v.style.display='none';}\r\n return;\r\n }\r\n if(ph){ph.style.display='none';}\r\n if(v){\r\n v.style.display='block';\r\n v.style.visibility='visible';\r\n v.style.opacity='1';\r\n v.muted=false;\r\n v.volume=1;\r\n }\r\n if(src){src.src=url; v.load();}\r\n else{v.src=url; v.load();}\r\n \/\/ Try autoplay with sound, if blocked user can click play\r\n v.play().then(function(){console.log('Playing with sound');}).catch(function(e){console.log('Autoplay blocked, click to play with sound');});\r\n console.log('Home video loaded with sound:', url);\r\n}\r\nfunction loadCardImages(){var storedImages={};try{storedImages=JSON.parse(localStorage.getItem('csp_card_images')||'{}');}catch(e){}var allKeys={};Object.keys(CARD_IMAGES).forEach(function(k){allKeys[k]=1;});Object.keys(storedImages).forEach(function(k){allKeys[k]=1;});Object.keys(allKeys).forEach(function(k){var url=storedImages[k]||CARD_IMAGES[k]||'';if(url&&url.length>5&&url.indexOf('REPLACE_WITH')===-1){var img=document.getElementById('card-img-'+k);var ph=document.getElementById('placeholder-'+k);if(img){img.src=url;img.style.display='block';img.style.width='100%';img.style.height='100%';img.style.objectFit='cover';}if(ph){ph.style.display='none';}}});}\r\nfunction saveCardImage(){var url=document.getElementById('curImageUrl').value.trim();if(!url||!curCat){alert('Image URL ivvandi');return;}var stored={};try{stored=JSON.parse(localStorage.getItem('csp_card_images')||'{}');}catch(e){}stored[curCat]=url;localStorage.setItem('csp_card_images',JSON.stringify(stored));loadCardImages();alert('Card image saved for '+curCat);}\r\nfunction removeCardImage(){if(!curCat)return;var stored={};try{stored=JSON.parse(localStorage.getItem('csp_card_images')||'{}');}catch(e){}delete stored[curCat];localStorage.setItem('csp_card_images',JSON.stringify(stored));var img=document.getElementById('card-img-'+curCat);var ph=document.getElementById('placeholder-'+curCat);if(img){img.src='';img.style.display='none';}if(ph){ph.style.display='block';}document.getElementById('curImageUrl').value='';alert('Image removed');}\r\nfunction removeCurPartVideo(){if(!curCat)return;var list=videoLib[curCat]||[];list[curIdx]='';videoLib[curCat]=list;saveStorage();renderList();playAt(curIdx);alert('Video removed - meeku matrame');}\r\nvar videoLib={};\r\nfunction applyYouTubeLinks(){var link=YOUTUBE_CHANNEL_LINK||\"https:\/\/www.youtube.com\/@Nvs1986\";var btn1=document.getElementById('joinChannelBtn');var btn2=document.getElementById('contactChannelBtn');if(btn1)btn1.href=link;if(btn2)btn2.href=link;}\r\nfunction loadStorage(){try{var saved=JSON.parse(localStorage.getItem('csp_videos')||'{}');Object.keys(saved).forEach(function(k){videoLib[k]=saved[k];});}catch(e){}Object.keys(DEFAULT_VIDEOS).forEach(function(k){if(!videoLib[k]||videoLib[k].every(function(u){return !u;})){var def=DEFAULT_VIDEOS[k];if(def&&def.length>0&&def.some(function(x){return x&&x.length>5;})){videoLib[k]=def;}}});loadHomeVideo();loadCardImages();updateAuthUI();applyYouTubeLinks();}\r\nfunction saveStorage(){localStorage.setItem('csp_videos',JSON.stringify(videoLib));}\r\nvar curCat=null,curIdx=0,curTitle=\"\";\r\nfunction openPlaylist(catKey,title){var list=videoLib[catKey]||[];if(list.length==0){for(var i=0;i<20;i++)list.push('');videoLib[catKey]=list;}curCat=catKey;curIdx=0;curTitle=title;document.getElementById('plCat').innerHTML=title+' - '+catKey;document.getElementById('plCur').innerHTML='1';var ready=list.filter(function(u){return u&&u.length>5;}).length;document.getElementById('plReady').innerHTML=ready;renderList();playAt(0);document.getElementById('plModal').classList.add('show');document.body.style.overflow='hidden';}\r\nfunction renderList(){var list=videoLib[curCat]||[];var cont=document.getElementById('plList');cont.innerHTML='';for(var i=0;i<20;i++){var url=list[i]||'';var isReady=url&&url.length>5;var div=document.createElement('div');div.className='plItem'+(i==curIdx?' active':'');var adminControls=isAdmin?'<div class=\"plInputs\"><input id=\"url-'+i+'\" placeholder=\"Paste MP4 URL\" value=\"'+url.replace(\/\"\/g,'"')+'\"><button onclick=\"savePartUrl('+i+')\">Save<\/button><button onclick=\"removePartUrl('+i+')\" style=\"background:#ef4444\">X<\/button><button onclick=\"document.getElementById(\\'file-part-'+i+'\\').click()\">\ud83d\udcc1<\/button><input type=\"file\" id=\"file-part-'+i+'\" accept=\"video\/*\" style=\"display:none\" onchange=\"uploadPartVideo(this,'+i+')\"><\/div>':'<div style=\"font-size:11px;opacity:0.5;margin-top:4px\">'+(isReady?'\u2705 Ready':'\u23f3 Coming soon')+'<\/div>';div.innerHTML='<div class=\"plItemTop\"><div class=\"plNum\">'+(i+1)+'<\/div><div style=\"flex:1\"><b>Part '+(i+1)+'<\/b> '+(isReady?'\u2705':'\u23f3')+'<div style=\"font-size:11px;opacity:0.6;word-break:break-all\">'+(url?url.substring(0,60):'No video')+'<\/div><\/div><\/div>'+adminControls;(function(idx){div.querySelector('.plItemTop').onclick=function(){playAt(idx);};})(i);cont.appendChild(div);}}\r\nfunction playAt(idx){curIdx=idx;var list=videoLib[curCat]||[];var url=list[idx]||'';document.getElementById('plTitle').innerHTML='<span style=\"background:#1a56db;color:#fff;padding:3px 8px;border-radius:10px;font-size:10px\">Part '+(idx+1)+'<\/span> '+curTitle+' Part '+(idx+1);document.getElementById('plCur').innerHTML=(idx+1);document.getElementById('plVideoUrl').innerHTML=url||'No video';var curInput=document.getElementById('curPartUrl');if(curInput)curInput.value=url;var videoEl=document.getElementById('plVideo');if(url&&url.length>5){videoEl.src=url;videoEl.load();videoEl.play().catch(function(){});}else{videoEl.removeAttribute('src');videoEl.load();}renderList();}\r\nfunction savePartUrl(i){var url=document.getElementById('url-'+i).value.trim();if(!videoLib[curCat])videoLib[curCat]=[];while(videoLib[curCat].length<20)videoLib[curCat].push('');videoLib[curCat][i]=url;saveStorage();renderList();if(i==curIdx)playAt(i);}\r\nfunction removePartUrl(i){if(!videoLib[curCat])return;videoLib[curCat][i]='';saveStorage();renderList();if(i==curIdx)playAt(i);}\r\nfunction saveCurPartVideo(){savePartUrl(curIdx);}\r\nfunction uploadPartVideo(input,i){var file=input.files[0];if(!file)return;var url=URL.createObjectURL(file);if(!videoLib[curCat])videoLib[curCat]=[];while(videoLib[curCat].length<20)videoLib[curCat].push('');videoLib[curCat][i]=url;saveStorage();renderList();if(i==curIdx)playAt(i);}\r\nfunction uploadCurPartVideo(input){uploadPartVideo(input,curIdx);}\r\nfunction nextV(){if(curIdx<19)playAt(curIdx+1);}\r\nfunction prevV(){if(curIdx>0)playAt(curIdx-1);}\r\nfunction closePL(){document.getElementById('plModal').classList.remove('show');document.body.style.overflow='';}\r\nfunction sendWhatsAppOnly(){var name=document.getElementById('nameOnly').value||'';var phone=document.getElementById('phoneOnly').value||'';var text='Hi CSP Telugu, Name:'+name+' Phone:'+phone;window.open('https:\/\/wa.me\/919876543210?text='+encodeURIComponent(text),'_blank');}\r\ndocument.getElementById('contactFormOnly')?.addEventListener('submit',function(e){e.preventDefault();var st=document.getElementById('formStatusOnly');st.textContent='Message sent!';st.classList.remove('hidden');setTimeout(function(){st.classList.add('hidden');},4000);sendWhatsAppOnly();});\r\n\r\n\/\/ ===== IMAGE EDITOR - Card click = Image change, Watch Now = Video =====\r\nvar imgEditCat = null;\r\nfunction openImageEditor(catKey, title){\r\n imgEditCat = catKey;\r\n curCat = catKey;\r\n var modal = document.getElementById('imgModal');\r\n var titleEl = document.getElementById('imgModalTitle');\r\n if(titleEl) titleEl.textContent = title + ' - Image Change (800x450)';\r\n \/\/ load existing image\r\n var stored={}; try{stored=JSON.parse(localStorage.getItem('csp_card_images')||'{}');}catch(e){}\r\n var url = stored[catKey] || CARD_IMAGES[catKey] || '';\r\n var input = document.getElementById('imgUrlInput');\r\n var preview = document.getElementById('imgPreview');\r\n var ph = document.getElementById('imgPlaceholder');\r\n if(input) input.value = url;\r\n if(url && url.length>5){\r\n if(preview){preview.src=url;preview.style.display='block';}\r\n if(ph) ph.style.display='none';\r\n }else{\r\n if(preview){preview.src='';preview.style.display='none';}\r\n if(ph) ph.style.display='block';\r\n }\r\n if(modal){modal.style.display='grid';}\r\n document.body.style.overflow='hidden';\r\n}\r\nfunction closeImgModal(){\r\n var modal=document.getElementById('imgModal');\r\n if(modal) modal.style.display='none';\r\n document.body.style.overflow='';\r\n imgEditCat=null;\r\n}\r\nfunction saveCardImageFromModal(){\r\n var urlEl=document.getElementById('imgUrlInput');\r\n if(!urlEl || !imgEditCat) return;\r\n var url=urlEl.value.trim();\r\n if(!url){alert('URL pettandi');return;}\r\n var stored={}; try{stored=JSON.parse(localStorage.getItem('csp_card_images')||'{}');}catch(e){}\r\n stored[imgEditCat]=url;\r\n localStorage.setItem('csp_card_images', JSON.stringify(stored));\r\n var img=document.getElementById('card-img-'+imgEditCat);\r\n var ph=document.getElementById('placeholder-'+imgEditCat);\r\n if(img){img.src=url;img.style.display='block';img.style.width='100%';img.style.height='100%';img.style.objectFit='cover';}\r\n if(ph) ph.style.display='none';\r\n \/\/ also update curImageUrl if playlist modal open\r\n var curInput=document.getElementById('curImageUrl'); if(curInput) curInput.value=url;\r\n alert('\u2705 Image saved for '+imgEditCat+' - 800x450');\r\n closeImgModal();\r\n}\r\nfunction uploadImageFile(input){\r\n var file=input.files[0]; if(!file) return;\r\n \/\/ Check file type\r\n if(!file.type.startsWith('image\/')){alert('Please select image file only'); return;}\r\n var reader = new FileReader();\r\n reader.onload = function(e){\r\n var url = e.target.result; \/\/ base64 - persists in localStorage\r\n var urlEl=document.getElementById('imgUrlInput');\r\n if(urlEl) urlEl.value=url;\r\n var preview=document.getElementById('imgPreview');\r\n var ph=document.getElementById('imgPlaceholder');\r\n if(preview){preview.src=url;preview.style.display='block';preview.style.width='100%';preview.style.height='100%';}\r\n if(ph) ph.style.display='none';\r\n if(imgEditCat){\r\n var stored={}; try{stored=JSON.parse(localStorage.getItem('csp_card_images')||'{}');}catch(e){}\r\n stored[imgEditCat]=url;\r\n localStorage.setItem('csp_card_images', JSON.stringify(stored));\r\n var img=document.getElementById('card-img-'+imgEditCat);\r\n var ph2=document.getElementById('placeholder-'+imgEditCat);\r\n if(img){img.src=url;img.style.display='block';img.style.width='100%';img.style.height='100%';}\r\n if(ph2) ph2.style.display='none';\r\n console.log('Image uploaded and previewed for '+imgEditCat);\r\n }\r\n };\r\n reader.readAsDataURL(file);\r\n}\r\nfunction removeCardImageFromModal(){\r\n if(!imgEditCat) return;\r\n var stored={}; try{stored=JSON.parse(localStorage.getItem('csp_card_images')||'{}');}catch(e){}\r\n delete stored[imgEditCat];\r\n localStorage.setItem('csp_card_images', JSON.stringify(stored));\r\n var img=document.getElementById('card-img-'+imgEditCat);\r\n var ph=document.getElementById('placeholder-'+imgEditCat);\r\n if(img){img.src='';img.style.display='none';}\r\n if(ph) ph.style.display='block';\r\n var urlEl=document.getElementById('imgUrlInput'); if(urlEl) urlEl.value='';\r\n var preview=document.getElementById('imgPreview'); if(preview){preview.src='';preview.style.display='none';}\r\n var phPrev=document.getElementById('imgPlaceholder'); if(phPrev) phPrev.style.display='block';\r\n alert('Image removed');\r\n closeImgModal();\r\n}\r\n\/\/ Close modal on outside click\r\ndocument.getElementById('imgModal')?.addEventListener('click', function(e){ if(e.target===this) closeImgModal(); });\r\n\r\nwindow.addEventListener('DOMContentLoaded',loadStorage);\r\ndocument.querySelectorAll('.nav-btn').forEach(function(btn){btn.addEventListener('click',function(e){var href=this.getAttribute('href');if(href&&href.startsWith('#')){var target=document.querySelector(href);if(target){e.preventDefault();var headerOffset=90;var elementPosition=target.getBoundingClientRect().top;var offsetPosition=elementPosition+window.pageYOffset-headerOffset;window.scrollTo({top:offsetPosition,behavior:'smooth'});}}document.querySelectorAll('.nav-btn').forEach(function(b){b.classList.remove('nav-active');b.classList.add('bg-zinc-100','text-zinc-700');});this.classList.add('nav-active');this.classList.remove('bg-zinc-100','text-zinc-700');});});\r\nwindow.addEventListener('scroll',function(){var sections=['home','sbi-kiosk','digital-skills','contact'];var cur='';sections.forEach(function(id){var el=document.getElementById(id);if(el){if(window.scrollY>=el.offsetTop-120)cur=id;}});if(cur){document.querySelectorAll('.nav-btn').forEach(function(b){if(b.getAttribute('data-nav')===cur){b.classList.add('nav-active');b.classList.remove('bg-zinc-100','text-zinc-700');}else{b.classList.remove('nav-active');b.classList.add('bg-zinc-100','text-zinc-700');}});}});\r\n<\/script>\r\n<\/body><\/html>\t\t\t\t<\/div>\n\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":"<p>CSP Telugu Tech Support – Final Clean V3 CCSP Telugu Tech Supporttelugu lo tech nerchukondi Home SBI Kiosk Digital Skills Contact AdminLoginSignupLogout Home SBI Kiosk Digital Skills Contact LIVE \u2022 TELUGU TUTORIALS SBI Kiosk &Digital SkillsTelugu lo Nerchukondi \u0c2e\u0c40 SBI CSP Kiosk \u0c38\u0c2e\u0c38\u0c4d\u0c2f\u0c32\u0c28\u0c4d\u0c28\u0c3f\u0c1f\u0c3f\u0c15\u0c3f \u0c12\u0c15\u0c4d\u0c15\u0c1a\u0c4b\u0c1f \u0c2a\u0c30\u0c3f\u0c37\u0c4d\u0c15\u0c3e\u0c30\u0c02. AEPS, Morpho, Passbook setup nundi, Meta Ads, AI tools varaku […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":49,"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":70,"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/pages\/13\/revisions\/70"}],"wp:attachment":[{"href":"https:\/\/csptelugutechsupport.in\/index.php\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}