كاتب رسائل بريد إلكتروني لعروض الأعمال بتقنية الذكاء الاصطناعي

أنشئ رسائل بريد إلكتروني احترافية ومقنعة وجاهزة للعملاء لعروض الأعمال في ثوانٍ. لا يتطلب تسجيل دخول.

</ ... id="tmOutput"><div class="tm-output-box" id="tmText"></div><p><button class="tm-copy" onclick="navigator.clipboard.writeText(tmText.innerText)">نسخ البريد الإلكتروني</button></p></div><p><script> let lastPrompt=""; async function generate(){ tmLoader.style.display="block"; tmOutput.style.display="none"; lastPrompt = ` اكتب بريدًا إلكترونيًا لعرض عمل بقيمة ${tmLength.value} من: ${tmCompany.value} إلى: ${tmAudience.value} النوع: ${tmType.value} الأسلوب: ${tmTone.value} تفاصيل العرض: ${tmOffer.value} القواعد: تنسيق احترافي عرض قيمة واضح بدون رموز تعبيرية جاهز للإرسال `; try{ const res = await fetch("https://text.pollinations.ai/"+encodeURIComponent(lastPrompt)); const text = await res.text(); tmText.innerText = text.trim(); tmOutput.style.display="block"; }catch{ tmText.innerText="خدمة الذكاء الاصطناعي غير متوفرة. يرجى المحاولة مرة أخرى."; tmOutput.style.display="block"; }finally{ tmLoader.style.display="none"; } } tmGenerate.onclick=generate; tmRegenerate.onclick=()=> lastPrompt && generate(); </script> </p><div class="tm-info-box"><h3>لماذا تستخدم برنامج كتابة رسائل البريد الإلكتروني لعروض الأعمال المدعوم بالذكاء الاصطناعي؟</h3><p>تُعد كتابة رسائل البريد الإلكتروني لعروض الأعمال من أهم المهام وأكثرها استهلاكًا للوقت بالنسبة لرواد الأعمال والشركات الناشئة والعاملين لحسابهم الخاص والشركات. قد يؤدي عرض واحد مكتوب بشكل سيئ إلى ضياع الفرص أو تجاهل رسائل البريد الإلكتروني أو الإضرار بالمصداقية. يحل برنامج كتابة رسائل البريد الإلكتروني لعروض الأعمال المدعوم بالذكاء الاصطناعي هذه المشكلة من خلال مساعدتك في إنشاء رسائل بريد إلكتروني واضحة ومقنعة واحترافية في ثوانٍ.</p><p>على عكس مولدات البريد الإلكتروني العامة، تركز هذه الأداة تحديدًا على التواصل التجاري. يفهم هذا النظام بنية الرسالة، ونبرتها، وعروض القيمة، وتوقعات العملاء. سواء كنتَ تُقدّم عرضًا لشراكة، أو تبيع خدمة، أو تُعرّف بمنتج جديد، يضمن الذكاء الاصطناعي توافق رسالتك مع المعايير المهنية.</p></div><div class="tm-info-box"><h3>من يمكنه الاستفادة من هذه الأداة؟</h3><p>هذه الأداة مثالية لمجموعة واسعة من المستخدمين. يمكن للمستقلين إنشاء عروض مخصصة للعملاء الجدد بسرعة دون الحاجة إلى إعادة كتابة رسائل البريد الإلكتروني من الصفر. يمكن للشركات الناشئة تقديم عروضها للمستثمرين أو الشركاء الاستراتيجيين بثقة. يمكن للوكالات الاستجابة بشكل أسرع للعملاء المحتملين.</p> حتى الشركات الراسخة يمكنها تبسيط عملية التواصل مع عملائها مع الحفاظ على أسلوب احترافي ولبق.</p><p>ولأن هذه الأداة لا تتطلب تسجيل دخول ولا تخزن رسائل البريد الإلكتروني، فهي مثالية أيضًا للمستخدمين المهتمين بالخصوصية والذين يفضلون استخدام رسائل بريد إلكتروني مجهولة أو مؤقتة.</p></div><div class="tm-info-box"><h3>كيف تُحسّن هذه الأداة معدلات الاستجابة</h3><p>تتشارك رسائل البريد الإلكتروني الناجحة الخاصة بالمقترحات في خصائص مشتركة: افتتاحية قوية، وشرح واضح للقيمة، ومصداقية اجتماعية أو مهنية، ودعوة واضحة لاتخاذ إجراء. يتبع كاتب رسائل البريد الإلكتروني هذا، المدعوم بالذكاء الاصطناعي، هذه المبادئ تلقائيًا.</p></div><div class="tm-info-box"><h3>كيف تُحسّن هذه الأداة معدلات الاستجابة</h3><p>تتشارك رسائل البريد الإلكتروني الناجحة الخاصة بالمقترحات في خصائص مشتركة: افتتاحية قوية، وشرح واضح للقيمة، ومصداقية اجتماعية أو مهنية، ودعوة واضحة لاتخاذ إجراء. يتبع كاتب رسائل البريد الإلكتروني الخاص بمقترحات الأعمال، المدعوم بالذكاء الاصطناعي، هذه المبادئ تلقائيًا.</p></div ... يُنظّم هذا البرنامج البريد الإلكتروني منطقيًا، ويتجنّب اللغة التي قد تُصنّف كبريد مزعج، ويحافظ على وضوح الرسالة.</p><p>باستخدام نبرة مناسبة لجمهورك وطول ملائم لعرضك، تزيد فرصك بشكل كبير في تلقّي ردّ إيجابي.</p></div><div class="tm-info-box"><h3>الخصوصية والأمان وميزة عدم الحاجة لتسجيل الدخول</h3><p>تُعدّ الخصوصية جزءًا أساسيًا من هذه الأداة. لا يتطلّب الأمر إنشاء حساب، ولا يتم تخزين أيّ رسائل بريد إلكتروني، ولا يتم تسجيل أيّ بيانات شخصية. هذا يجعلها مثالية للمستخدمين الذين يرغبون في إنشاء رسائل بريد إلكتروني لعرض مقترحاتهم بأمان قبل إرسالها عبر عنوان بريد إلكتروني مؤقت أو أساسي.</p><p>يُضيف استخدام هذه الأداة جنبًا إلى جنب مع خدمة بريد إلكتروني مؤقتة طبقة حماية إضافية عند التواصل مع عملاء جدد أو غير معروفين.</p></div><div class="tm-info-box"><h3>أفضل الممارسات لرسائل البريد الإلكتروني الخاصة بعروض الأعمال</h3><p>حتى مع مساعدة الذكاء الاصطناعي، يضمن اتباع أفضل الممارسات أقصى قدر من الفعالية.</p></div><div class="tm-info-box"><h3> احرص دائمًا على تخصيص العرض بذكر أعمال المستلم أو احتياجاته. اجعل البريد الإلكتروني موجزًا ​​وغنيًا بالمعلومات. ركّز على الفوائد بدلًا من الميزات. اختم بتوضيح الخطوة التالية، مثل تحديد موعد مكالمة أو الرد لمزيد من التفاصيل.</p><p>تساعد هذه الأداة في تطبيق أفضل الممارسات هذه تلقائيًا، مما يُسهّل على المستخدمين إرسال رسائل بريد إلكتروني احترافية للعروض باستمرار.</p></div></div> </div> </div> </div> </div> </div> </section> <style> .tmu-page-content h1, .tmu-page-content h2, .tmu-page-content h3, .tmu-page-content h4 { font-family: 'Space Grotesk', sans-serif; color: var(--ink); font-weight: 800; margin-top: 2rem; margin-bottom: 1rem; letter-spacing: -0.02em; } .tmu-page-content h2 { font-size: 1.5rem; border-bottom: 2px solid var(--line); padding-bottom: 8px; color: var(--orange-deep); } .tmu-page-content h3 { font-size: 1.25rem; color: var(--ink); } .tmu-page-content p { margin-bottom: 1.25rem; } .tmu-page-content ul, .tmu-page-content ol { padding-left: 1.5rem; margin-bottom: 1.5rem; } .tmu-page-content li { margin-bottom: 0.5rem; } .tmu-page-content a { color: var(--orange); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; } .tmu-page-content a:hover { color: var(--orange-deep); } .tmu-page-content blockquote { background: var(--orange-soft); border-left: 4px solid var(--orange); padding: 16px 20px; border-radius: 0 12px 12px 0; font-style: italic; color: var(--ink); margin: 1.5rem 0; } .tmu-page-content table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; background: var(--panel); border-radius: 12px; overflow: hidden; border: 1px solid var(--line); } .tmu-page-content th { background: var(--stone); color: var(--ink); padding: 12px 16px; font-weight: 700; text-align: left; } .tmu-page-content td { padding: 12px 16px; border-top: 1px solid var(--line); color: var(--ink-2); } </style> </main> <footer class="tmu-footer-v3" role="contentinfo"> <div class="container"> <div class="tmu-f3-top"> <div class="row g-5"> <div class="col-12 col-lg-4"> <a href="https://tempomailusa.com" class="tmu-f3-brand" aria-label="TempoMailUSA"> <img class="tmu-logo tmu-logo-light" src="https://tempomailusa.com/assets/themes/basic/img/logo.webp?t=1788257467" alt="TempoMailUSA" width="190" height="40" loading="lazy" decoding="async" onerror="this.onerror=null;this.src='https://tempomailusa.com/assets/img/logo.png';" /><img class="tmu-logo tmu-logo-dark" src="https://tempomailusa.com/assets/themes/basic/img/dark_logo.webp?t=1788453847" alt="TempoMailUSA" width="190" height="40" loading="lazy" decoding="async" onerror="this.onerror=null;this.src='https://tempomailusa.com/assets/img/logo.png';" /> </a> <p class="tmu-f3-tagline"> Premium disposable temporary email service. Protect your personal inbox from spam, bots, and trackers. </p> <div class="tmu-f3-social"> <a href="https://wa.me/919589359489" target="_blank" rel="noopener noreferrer" class="tmu-f3-soc" data-brand="whatsapp" aria-label="WhatsApp" title="WhatsApp"> <i class="fa-brands fa-whatsapp"></i> </a> <a href="https://t.me/aifreetoolz" target="_blank" rel="noopener noreferrer" class="tmu-f3-soc" data-brand="telegram" aria-label="Telegram" title="Telegram"> <i class="fa-brands fa-telegram"></i> </a> <a href="https://www.reddit.com/user/DistinctBee7843/" target="_blank" rel="noopener noreferrer" class="tmu-f3-soc" data-brand="reddit" aria-label="Reddit" title="Reddit"> <i class="fa-brands fa-reddit-alien"></i> </a> </div> </div> <div class="col-6 col-md-4 col-lg-2 offset-lg-1"> <h4 class="tmu-f3-h">Product</h4> <ul class="tmu-f3-links"> <li><a href="https://tempomailusa.com">Live Mailbox</a></li> <li><a href="https://tempomailusa.com/pricing">Pricing & Plans</a></li> <li><a href="https://tempomailusa.com/developer/docs">Developer API</a></li> <li><a href="https://play.google.com/store/apps/details?id=com.waseem.tempomailusa" target="_blank" rel="noopener noreferrer">Android App</a></li> <li><a href="https://tempomailusa.com/tools">Free Privacy Tools</a></li> <li><a href="https://tempomailusa.com/affiliates">Affiliate Program (25%)</a></li> <li><a href="https://tempomailusa.com/community">Community & Forum</a></li> <li><a href="https://tempomailusa.com/write-for-us">Write for Us & Earn</a></li> <li><a href="https://tempomailusa.com/contributors">Top Contributors</a></li> </ul> </div> <div class="col-6 col-md-4 col-lg-2"> <h4 class="tmu-f3-h">Support</h4> <ul class="tmu-f3-links"> <li><a href="https://tempomailusa.com/#faqs">FAQ</a></li> <li><a href="https://tempomailusa.com/blog">Blog</a></li> <li><a href="https://tempomailusa.com/temp-mail-saas-documentation" target="_blank" rel="noopener">SaaS Documentation</a></li> <li><a href="https://tempomailusa.com/page/about-us">About Us</a></li> </ul> </div> <div class="col-6 col-md-4 col-lg-2"> <h4 class="tmu-f3-h">Legal</h4> <ul class="tmu-f3-links"> <li><a href="https://tempomailusa.com/page/terms-of-service">Terms and Conditions</a></li> <li><a href="https://tempomailusa.com/page/privacy-policy">Privacy Policy</a></li> <li><a href="https://tempomailusa.com/page/refund-policy">Refund Policy</a></li> <li><a href="https://tempomailusa.com/page/acceptable-use-policy">Acceptable Use Policy (AUP)</a></li> <li><a href="https://tempomailusa.com/page/dmca">DMCA</a></li> <li><a href="https://tempomailusa.com/page/transparency-report">Transparency Report</a></li> <li><a href="https://tempomailusa.com/page/community-guidelines">Community Guidelines</a></li> <li><a href="https://tempomailusa.com/page/affiliate-policy">Affiliate Terms & Policy</a></li> <li><a href="https://tempomailusa.com/contributor-policy">Contributor Terms & Policy</a></li> </ul> </div> </div> </div> <div class="tmu-f3-news"> <div class="tmu-f3-news-text"> <h4>Stay in the loop</h4> <p>Get the latest updates, privacy tips, and exclusive news.</p> </div> <form action="https://tempomailusa.com/newsletter/subscribe" method="POST" class="tmu-f3-news-form"> <input type="hidden" name="_token" value="2CIrHkJqVXBIqyo0smpBRgpj55pYodA3xKw1TsHR" autocomplete="off"> <input type="email" name="email" required autocomplete="off" data-lpignore="true" data-1p-ignore="true" spellcheck="false" placeholder="Enter email..." aria-label="Email Address" /> <button type="submit" aria-label="Subscribe"> <span>Subscribe</span> <i class="fa-solid fa-arrow-right"></i> </button> </form> </div> <div class="tmu-f3-seo"> <span class="tmu-f3-seo-label">Popular Services</span> <nav class="tmu-f3-seo-links" aria-label="Popular Services"> <a href="https://tempomailusa.com/lp/temp-mail">temp mail</a> <a href="https://tempomailusa.com/lp/claude-ai-signup">Claude AI</a> <a href="https://tempomailusa.com/lp/chatgpt-openai-verification">ChatGPT & OpenAI</a> <a href="https://tempomailusa.com/lp/temp-mail-for-discord">Discord</a> <a href="https://tempomailusa.com/lp/temp-mail-for-adobe-creative-cloud">Adobe Creative Cloud</a> <a href="https://tempomailusa.com/lp/temp-mail-for-cloudflare-warp">Cloudflare WARP</a> <a href="https://tempomailusa.com/lp/temp-mail-for-ironvest">IronVest</a> <a href="https://tempomailusa.com/lp/temp-mail-for-valorant">Valorant</a> <a href="https://tempomailusa.com/tools/verify-disposable-email">Verify Disposable Email</a> <a href="https://tempomailusa.com/apps/temp-mail-for-internxt">Internxt Temp Mail</a> <a href="https://tempomailusa.com/apps">Apps Directory</a> </nav> </div> <div class="tmu-f3-bottom"> <p class="tmu-f3-copy"> © 2026 <strong>TempoMailUSA</strong> — All rights reserved. </p> <div class="tmu-f3-trust"> <span><i class="fa-solid fa-lock"></i> 256-Bit SSL</span> <span><i class="fa-solid fa-user-secret"></i> 100% Anonymous</span> <span><i class="fa-solid fa-shield-halved"></i> Spam Protection</span> </div> </div> </div> </footer> <style> /* ========================================================== TMU FOOTER v3 — Premium (Stripe/Linear-inspired) Spacious · elegant · theme-aware ========================================================== */ .tmu-footer-v3 { --f3-bg: #faf7f1; --f3-ink: #1c1917; --f3-muted: #78716c; --f3-faint: #a8a29e; --f3-line: #e7e0d5; --f3-card: #ffffff; --f3-accent: #f27a1a; --f3-accent-deep: #d95f0e; background: var(--f3-bg); color: var(--f3-muted); border-top: 1px solid var(--f3-line); font-size: 14px; -webkit-font-smoothing: antialiased; } /* ---------- Top ---------- */ .tmu-f3-top { padding: 72px 0 56px; } .tmu-f3-brand { display: inline-block; margin-bottom: 20px; transition: opacity .2s ease; } .tmu-f3-brand:hover { opacity: .85; } .tmu-f3-brand img { max-height: 40px; width: auto; display: block; } .tmu-f3-tagline { font-size: 14.5px; line-height: 1.7; color: var(--f3-muted); max-width: 300px; margin: 0 0 26px; } /* Social — circular, brand-color hovers */ .tmu-f3-social { display: flex; gap: 10px; } .tmu-f3-soc { width: 42px; height: 42px; border-radius: 50%; display: inline-grid; place-items: center; font-size: 17px; color: var(--f3-muted); background: transparent; border: 1px solid var(--f3-line); text-decoration: none; transition: all .25s cubic-bezier(.4,0,.2,1); } .tmu-f3-soc:hover { transform: translateY(-3px); color: #fff; border-color: transparent; box-shadow: 0 8px 20px rgba(0,0,0,.18); } .tmu-f3-soc[data-brand="whatsapp"]:hover { background: #25d366; } .tmu-f3-soc[data-brand="telegram"]:hover { background: #229ed9; } .tmu-f3-soc[data-brand="reddit"]:hover { background: #ff4500; } /* Headings — small caps, refined */ .tmu-f3-h { font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--f3-ink); margin: 0 0 20px; } /* Links — clean, animated underline */ .tmu-f3-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; } .tmu-f3-links a { color: var(--f3-muted); text-decoration: none; font-size: 14px; position: relative; display: inline-block; transition: color .2s ease; } .tmu-f3-links a::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1.5px; background: var(--f3-accent); border-radius: 2px; transition: width .25s cubic-bezier(.4,0,.2,1); } .tmu-f3-links a:hover { color: var(--f3-ink); } .tmu-f3-links a:hover::after { width: 100%; } /* ---------- Newsletter band ---------- */ .tmu-f3-news { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 36px 40px; margin-bottom: 8px; border-radius: 24px; background: linear-gradient(135deg, #1c1917 0%, #292524 60%, #3b2f23 100%); position: relative; overflow: hidden; } .tmu-f3-news::before { content: ''; position: absolute; top: -60px; right: -60px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle, rgba(242,122,26,.28) 0%, transparent 70%); pointer-events: none; } .tmu-f3-news-text h4 { font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 20px; font-weight: 700; color: #fff; margin: 0 0 6px; letter-spacing: -.01em; } .tmu-f3-news-text p { color: rgba(255,255,255,.65); font-size: 14px; margin: 0; } .tmu-f3-news-form { display: flex; gap: 0; flex: 0 1 460px; position: relative; z-index: 1; } .tmu-f3-news-form input { flex: 1; min-width: 0; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); border-right: none; border-radius: 14px 0 0 14px; color: #fff; font-size: 14px; padding: 14px 18px; transition: border-color .2s ease, background .2s ease; } .tmu-f3-news-form input::placeholder { color: rgba(255,255,255,.45); } .tmu-f3-news-form input:focus { outline: none; border-color: rgba(242,122,26,.7); background: rgba(255,255,255,.12); } .tmu-f3-news-form button { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #ff7200, #ea580c); color: #fff; border: none; border-radius: 0 14px 14px 0; padding: 0 24px; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; transition: filter .2s ease, transform .2s ease; } .tmu-f3-news-form button:hover { filter: brightness(1.1); } .tmu-f3-news-form button:active { transform: scale(.98); } .tmu-f3-news-form button i { font-size: 12px; transition: transform .2s ease; } .tmu-f3-news-form button:hover i { transform: translateX(3px); } /* ---------- SEO strip ---------- */ .tmu-f3-seo { padding: 28px 0; border-top: 1px solid var(--f3-line); display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; } .tmu-f3-seo-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--f3-faint); white-space: nowrap; } .tmu-f3-seo-links { display: flex; flex-wrap: wrap; gap: 8px; } .tmu-f3-seo-links a { font-size: 12.5px; color: var(--f3-muted); text-decoration: none; padding: 5px 13px; border-radius: 999px; border: 1px solid transparent; transition: all .2s ease; } .tmu-f3-seo-links a:hover { color: var(--f3-accent-deep); background: rgba(242,122,26,.08); border-color: rgba(242,122,26,.25); } /* ---------- Bottom bar ---------- */ .tmu-f3-bottom { padding: 24px 0 30px; border-top: 1px solid var(--f3-line); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; } .tmu-f3-copy { margin: 0; font-size: 13px; color: var(--f3-faint); } .tmu-f3-copy strong { color: var(--f3-ink); font-weight: 600; } .tmu-f3-trust { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 12.5px; color: var(--f3-faint); } .tmu-f3-trust i { color: var(--f3-accent); margin-right: 6px; font-size: 12px; } /* ========================================================== DARK MODE ========================================================== */ html[data-theme="dark"] .tmu-footer-v3, html[data-bs-theme="dark"] .tmu-footer-v3, html.dark .tmu-footer-v3 { --f3-bg: #0a0d14; --f3-ink: #f5f5f4; --f3-muted: #a8a29e; --f3-faint: #78716c; --f3-line: rgba(255,255,255,.08); --f3-card: #111827; } html[data-theme="dark"] .tmu-f3-soc, html[data-bs-theme="dark"] .tmu-f3-soc, html.dark .tmu-f3-soc { border-color: rgba(255,255,255,.12); color: #d6d3d1; } html[data-theme="dark"] .tmu-f3-links a:hover, html[data-bs-theme="dark"] .tmu-f3-links a:hover, html.dark .tmu-f3-links a:hover { color: #fff; } html[data-theme="dark"] .tmu-f3-news, html[data-bs-theme="dark"] .tmu-f3-news, html.dark .tmu-f3-news { background: linear-gradient(135deg, #111827 0%, #1e293b 60%, #2b2118 100%); border: 1px solid rgba(255,255,255,.08); } /* ========================================================== RESPONSIVE ========================================================== */ @media (max-width: 991.98px) { .tmu-f3-top { padding: 52px 0 40px; } .tmu-f3-news { flex-direction: column; align-items: stretch; text-align: center; padding: 32px 28px; } .tmu-f3-news-text h4 { font-size: 18px; } .tmu-f3-news-form { flex: none; } } @media (max-width: 575.98px) { .tmu-f3-top { padding: 44px 0 32px; } .tmu-f3-news { border-radius: 18px; padding: 28px 20px; } .tmu-f3-news-form { flex-direction: column; gap: 10px; } .tmu-f3-news-form input { border-right: 1px solid rgba(255,255,255,.16); border-radius: 12px; } .tmu-f3-news-form button { border-radius: 12px; justify-content: center; padding: 13px 24px; } .tmu-f3-bottom { justify-content: center; text-align: center; } .tmu-f3-trust { justify-content: center; } .tmu-f3-tagline { max-width: none; } } </style> <div class="tmu-gotop" id="tmu-gotop" role="button" tabindex="0" onclick="window.scrollTo({top:0,behavior:'smooth'})" onkeydown="if(event.key==='Enter'||event.key===' ')window.scrollTo({top:0,behavior:'smooth'})" aria-label="Back to top"> <i class="fa-solid fa-chevron-up" aria-hidden="true"></i> </div> <div class="tmu-cookie" id="tmu-cookie" role="dialog" aria-live="polite" aria-label="Cookie Consent" aria-describedby="cookie-desc"> <p id="cookie-desc">We use cookies to enhance your experience. By continuing, you agree to our cookie policy.</p> <button class="tmu-cookie-accept" id="tmu-cookie-accept" aria-label="Accept cookies">Accept</button> </div> <div class="modal fade" id="qrCode" tabindex="-1" aria-labelledby="qrCodeModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" style="max-width: 440px;"> <div class="modal-content" style="background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px rgba(43,36,30,.2);overflow:hidden;"> <!-- Modal Header --> <div class="modal-header" style="padding:18px 22px;border-bottom:1px solid var(--line);background:var(--stone);display:flex;align-items:center;justify-content:space-between;"> <div style="display:flex;align-items:center;gap:10px;"> <div style="width:34px;height:34px;border-radius:10px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;font-size:15px;"> <i class="fa-solid fa-qrcode"></i> </div> <div> <h5 class="modal-title" id="qrCodeModalLabel" style="font-family:'Space Grotesk',sans-serif;font-weight:800;color:var(--ink);font-size:17px;margin:0;line-height:1.2;"> Instant QR Access </h5> <div style="font-size:12px;color:var(--muted);margin-top:2px;"> Scan to open this mailbox on your phone or tablet </div> </div> </div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="background-size:10px;opacity:.7;"></button> </div> <!-- Modal Body --> <div class="modal-body text-center" style="padding:26px 22px;"> <!-- QR Frame Container --> <div style="display:inline-flex;padding:16px;background:#ffffff;border:2px solid var(--line);border-radius:20px;box-shadow:0 12px 36px rgba(43,36,30,.08);margin-bottom:18px;"> <div id="qrcode" style="display:grid;place-items:center;"></div> </div> <p style="font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:20px;max-width:320px;margin-left:auto;margin-right:auto;"> Point your phone camera at the QR code above to immediately load this temporary inbox with zero sign-up required. </p> <div style="display:flex;gap:8px;"> <button type="button" class="tmu-btn tmu-btn-soft w-100" data-bs-dismiss="modal" style="border-radius:12px;padding:11px;font-size:14px;font-weight:700;"> Close </button> <button type="button" class="tmu-btn tmu-btn-orange w-100" data-bs-dismiss="modal" style="border-radius:12px;padding:11px;font-size:14px;font-weight:800;box-shadow:0 6px 18px rgba(242,122,26,.35);"> <i class="fa-solid fa-inbox"></i> Back to Inbox </button> </div> </div> </div> </div> </div> <!-- styles extracted to homepage-extracted.css (change-modal) --> <div class="modal fade tmu-change-modal" id="changeEmail" tabindex="-1" aria-labelledby="changeEmailLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" style="max-width: 480px;"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <div style="display:flex;align-items:center;gap:10px;"> <div style="width:34px;height:34px;border-radius:10px;background:rgba(242,122,26,0.15);color:#f27a1a;border:1px solid rgba(242,122,26,0.3);display:grid;place-items:center;font-size:15px;"> <i class="fa-solid fa-pen-to-square"></i> </div> <div> <h5 class="modal-title" id="changeEmailLabel"> Custom Email Address </h5> <div class="modal-subtitle"> Choose an alias and select your preferred domain </div> </div> </div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <!-- Modal Body --> <div class="modal-body"> <!-- Alias Input Field --> <div style="margin-bottom:18px;"> <label class="form-label tmu-field-label"> <i class="fa-solid fa-at" style="color:var(--orange, #f27a1a);"></i> Email Alias / Username </label> <div style="display:flex;gap:8px;"> <input type="text" class="form-control" id="random_code_input" placeholder="e.g. alex.smith" /> <button type="button" id="random_code" class="tmu-btn" title="Generate random username"> <i class="fa-solid fa-dice" style="color:inherit;"></i> <span>Random</span> </button> </div> </div> <!-- Custom Styled Domain Dropdown Matching Website Design --> <div style="margin-bottom:18px;"> <label class="form-label tmu-field-label"> <i class="fa-solid fa-globe" style="color:var(--orange, #f27a1a);"></i> Choose Domain </label> <div class="tmu-custom-select-wrapper" id="tmuDomainSelectWrap" style="position:relative; user-select:none;"> <!-- Hidden native select for backend & JS compatibility --> <select id="name_domain" style="display:none;" aria-label="Choose Domain"> <optgroup label="⭐ Premium VIP Domains"> <option disabled value="t*******l.in" >t*******l.in</option> <option disabled value="s*********s.com" >s*********s.com</option> <option disabled value="g***********l.com" >g***********l.com</option> <option disabled value="g****************k.com" >g****************k.com</option> <option disabled value="g***********l.net" >g***********l.net</option> <option disabled value="g***********l.org" >g***********l.org</option> <option disabled value="g***********l.biz" >g***********l.biz</option> <option disabled value="g**.la" >g**.la</option> <option disabled value="p******l.net" >p******l.net</option> <option disabled value="g*****a.com" >g*****a.com</option> <option disabled value="i*******r.com" >i*******r.com</option> <option disabled value="d*****r.com" >d*****r.com</option> <option disabled value="g********l.com" >g********l.com</option> <option disabled value="f*******l.com" >f*******l.com</option> <option disabled value="c******l.com" >c******l.com</option> <option disabled value="c*******l.com" >c*******l.com</option> <option disabled value="b*******l.com" >b*******l.com</option> <option disabled value="g*****e.com" >g*****e.com</option> <option disabled value="g*****l.com" >g*****l.com</option> <option disabled value="g******l.com" >g******l.com</option> <option disabled value="r*******p.com" >r*******p.com</option> <option disabled value="r********l.com" >r********l.com</option> <option disabled value="t******i.com" >t******i.com</option> <option disabled value="m*****3.fr" >m*****3.fr</option> <option disabled value="m*****3.beer" >m*****3.beer</option> <option disabled value="m*****3.click" >m*****3.click</option> <option disabled value="m*****3.cloud" >m*****3.cloud</option> <option disabled value="m*****3.com.br" >m*****3.com.br</option> <option disabled value="m*****3.site" >m*****3.site</option> <option disabled value="m*******l.com" >m*******l.com</option> <option disabled value="m******t.com" >m******t.com</option> <option disabled value="b***.de" >b***.de</option> <option disabled value="t*******l.de" >t*******l.de</option> <option disabled value="m*******e.com" >m*******e.com</option> <option disabled value="d****z.net" >d****z.net</option> <option disabled value="2***h.com" >2***h.com</option> <option disabled value="a*******l.com" >a*******l.com</option> <option disabled value="d***s.com" >d***s.com</option> <option disabled value="d********o.com" >d********o.com</option> <option disabled value="e******g.com" >e******g.com</option> <option disabled value="g*******d.com" >g*******d.com</option> <option disabled value="g*****i.com" >g*****i.com</option> <option disabled value="h******c.com" >h******c.com</option> <option disabled value="k****d.com" >k****d.com</option> <option disabled value="l***d.org" >l***d.org</option> <option disabled value="l******k.us" >l******k.us</option> <option disabled value="v**.sh" >v**.sh</option> <option disabled value="o*******d.com" >o*******d.com</option> <option disabled value="x*****d.com" >x*****d.com</option> <option disabled value="y******r.com" >y******r.com</option> <option disabled value="d*********e.com" >d*********e.com</option> <option disabled value="m****o.plus" >m****o.plus</option> <option disabled value="f*****t.com" >f*****t.com</option> <option disabled value="f****x.org" >f****x.org</option> <option disabled value="m*****x.in.ua" >m*****x.in.ua</option> <option disabled value="r***r.info" >r***r.info</option> <option disabled value="m*****3.tech" >m*****3.tech</option> <option disabled value="m*****6.fr" >m*****6.fr</option> <option disabled value="m*****9.fr" >m*****9.fr</option> <option disabled value="d******l.cloud" >d******l.cloud</option> <option disabled value="m******p.fr" >m******p.fr</option> <option disabled value="m*****3.pro" >m*****3.pro</option> <option disabled value="m*****3.online" >m*****3.online</option> <option disabled value="m*****3.website" >m*****3.website</option> <option disabled value="v****o.com" >v****o.com</option> <option disabled value="t*****l.com" >t*****l.com</option> <option disabled value="a*******l.com" >a*******l.com</option> <option disabled value="c*******l.io" >c*******l.io</option> <option disabled value="m*******y.com" >m*******y.com</option> <option disabled value="z*****t.com" >z*****t.com</option> <option disabled value="d********e.online" >d********e.online</option> <option disabled value="k*******o.com" >k*******o.com</option> <option disabled value="7****1.icu" >7****1.icu</option> <option disabled value="d***r.com" >d***r.com</option> <option disabled value="9***.com" >9***.com</option> <option disabled value="u**.me" >u**.me</option> <option disabled value="f*****p.com" >f*****p.com</option> <option disabled value="a**.pink" >a**.pink</option> <option disabled value="m******t.com" >m******t.com</option> <option disabled value="g***********l.info" >g***********l.info</option> <option disabled value="g***********l.de" >g***********l.de</option> <option disabled value="0****2.tech" >0****2.tech</option> <option disabled value="1***b.shop" >1***b.shop</option> <option disabled value="3***.help" >3***.help</option> <option disabled value="5*****u.tech" >5*****u.tech</option> <option disabled value="5****l.shop" >5****l.shop</option> <option disabled value="6***7.cc" >6***7.cc</option> <option disabled value="8*****t.cn" >8*****t.cn</option> <option disabled value="a***o.cyou" >a***o.cyou</option> <option disabled value="a************n.org" >a************n.org</option> <option disabled value="a***.me" >a***.me</option> <option disabled value="a*******2.shop" >a*******2.shop</option> <option disabled value="a********n.com" >a********n.com</option> <option disabled value="a*************y.co.uk" >a*************y.co.uk</option> <option disabled value="a************2.co.uk" >a************2.co.uk</option> <option disabled value="a******s.com" >a******s.com</option> <option disabled value="a******s.com" >a******s.com</option> <option disabled value="a***********m.co.uk" >a***********m.co.uk</option> <option disabled value="a******************e.com" >a******************e.com</option> <option disabled value="a*******p.sbs" >a*******p.sbs</option> <option disabled value="a****e.bond" >a****e.bond</option> <option disabled value="a******k.com" >a******k.com</option> <option disabled value="a******k.info" >a******k.info</option> <option disabled value="a******k.net" >a******k.net</option> <option disabled value="a******k.store" >a******k.store</option> <option disabled value="a*****g.com" >a*****g.com</option> <option disabled value="a********s.space" >a********s.space</option> <option disabled value="a*****i.com" >a*****i.com</option> <option disabled value="a***b.store" >a***b.store</option> <option disabled value="a*************n.com" >a*************n.com</option> <option disabled value="a********i.org" >a********i.org</option> <option disabled value="a*******2.online" >a*******2.online</option> <option disabled value="b*******i.online" >b*******i.online</option> <option disabled value="b****z.tech" >b****z.tech</option> <option disabled value="b******a.shop" >b******a.shop</option> <option disabled value="c***o.online" >c***o.online</option> <option disabled value="c********m.com" >c********m.com</option> <option disabled value="c****r.shop" >c****r.shop</option> <option disabled value="c*********d.org" >c*********d.org</option> <option disabled value="c********s.com" >c********s.com</option> <option disabled value="c*******e.com" >c*******e.com</option> <option disabled value="c***n.com" >c***n.com</option> <option disabled value="c***s.info" >c***s.info</option> <option disabled value="d******u.org" >d******u.org</option> <option disabled value="d******k.org" >d******k.org</option> <option disabled value="d*****************b.org" >d*****************b.org</option> <option disabled value="d*******o.com" >d*******o.com</option> <option disabled value="d******y.com" >d******y.com</option> <option disabled value="d***7.tech" >d***7.tech</option> <option disabled value="d****g.tech" >d****g.tech</option> <option disabled value="d********h.site" >d********h.site</option> <option disabled value="d********m.org" >d********m.org</option> <option disabled value="e*******e.org" >e*******e.org</option> <option disabled value="e*****3.com" >e*****3.com</option> <option disabled value="e***r.com" >e***r.com</option> <option disabled value="e*****g.site" >e*****g.site</option> <option disabled value="e****f.org" >e****f.org</option> <option disabled value="e*************k.net" >e*************k.net</option> <option disabled value="f******r.tech" >f******r.tech</option> <option disabled value="f****d.com" >f****d.com</option> <option disabled value="f*******e.org" >f*******e.org</option> <option disabled value="f************s.org" >f************s.org</option> <option disabled value="f*********a.org" >f*********a.org</option> <option disabled value="f*************d.site" >f*************d.site</option> <option disabled value="f*******************n.org" >f*******************n.org</option> <option disabled value="f*******************e.org" >f*******************e.org</option> <option disabled value="f***********m.com" >f***********m.com</option> <option disabled value="f*****t.online" >f*****t.online</option> <option disabled value="g****n.shop" >g****n.shop</option> <option disabled value="g****a.com" >g****a.com</option> <option disabled value="g***.site" >g***.site</option> <option disabled value="g****s.shop" >g****s.shop</option> <option disabled value="g******r.online" >g******r.online</option> <option disabled value="g********a.me" >g********a.me</option> <option disabled value="g******************d.com" >g******************d.com</option> <option disabled value="g*********n.online" >g*********n.online</option> <option disabled value="g*********l.com" >g*********l.com</option> <option disabled value="g****k.org" >g****k.org</option> <option disabled value="g*****************n.org" >g*****************n.org</option> <option disabled value="g***********l.com" >g***********l.com</option> <option disabled value="g*****y.shop" >g*****y.shop</option> <option disabled value="h******t.org" >h******t.org</option> <option disabled value="h************c.org" >h************c.org</option> <option disabled value="h*****************n.org" >h*****************n.org</option> <option disabled value="h************n.com" >h************n.com</option> <option disabled value="h******s.site" >h******s.site</option> <option disabled value="h*********n.com" >h*********n.com</option> <option disabled value="h**********g.org" >h**********g.org</option> <option disabled value="h***e.me" >h***e.me</option> <option disabled value="h***e.net" >h***e.net</option> <option disabled value="i******s.com" >i******s.com</option> <option disabled value="i************f.shop" >i************f.shop</option> <option disabled value="i*****4.info" >i*****4.info</option> <option disabled value="i************u.com" >i************u.com</option> <option disabled value="i****c.online" >i****c.online</option> <option disabled value="i************************e.org" >i************************e.org</option> <option disabled value="i******a.online" >i******a.online</option> <option disabled value="j**********************e.org" >j**********************e.org</option> <option disabled value="j***********s.com" >j***********s.com</option> <option disabled value="j**********s.org" >j**********s.org</option> <option disabled value="j********t.com" >j********t.com</option> <option disabled value="j******n.com" >j******n.com</option> <option disabled value="j********1.site" >j********1.site</option> <option disabled value="j***s.me" >j***s.me</option> <option disabled value="j****t.shop" >j****t.shop</option> <option disabled value="j***.cloud" >j***.cloud</option> <option disabled value="k****a.tech" >k****a.tech</option> <option disabled value="k***l.org" >k***l.org</option> <option disabled value="l*******e.site" >l*******e.site</option> <option disabled value="l********6.site" >l********6.site</option> <option disabled value="l*****o.site" >l*****o.site</option> <option disabled value="l****k.com" >l****k.com</option> <option disabled value="l**************t.com" >l**************t.com</option> <option disabled value="l****n.cloud" >l****n.cloud</option> <option disabled value="l******o.me" >l******o.me</option> <option disabled value="l****************g.org" >l****************g.org</option> <option disabled value="l*****w.org" >l*****w.org</option> <option disabled value="l******1.shop" >l******1.shop</option> <option disabled value="l***o.tech" >l***o.tech</option> <option disabled value="m*********r.org" >m*********r.org</option> <option disabled value="m***s.shop" >m***s.shop</option> <option disabled value="m***s.cloud" >m***s.cloud</option> <option disabled value="n**************t.org" >n**************t.org</option> <option disabled value="n****n.org" >n****n.org</option> <option disabled value="n*******e.shop" >n*******e.shop</option> <option disabled value="n****p.online" >n****p.online</option> <option disabled value="n**********h.org" >n**********h.org</option> <option disabled value="n**********************p.org" >n**********************p.org</option> <option disabled value="n*********i.me" >n*********i.me</option> <option disabled value="n****e.shop" >n****e.shop</option> <option disabled value="n****************n.com" >n****************n.com</option> <option disabled value="n*****n.site" >n*****n.site</option> <option disabled value="n*****y.com" >n*****y.com</option> <option disabled value="n***r.org" >n***r.org</option> <option disabled value="n***********y.com" >n***********y.com</option> <option disabled value="n**********y.com" >n**********y.com</option> <option disabled value="o******n.shop" >o******n.shop</option> <option disabled value="o***********l.shop" >o***********l.shop</option> <option disabled value="o****************a.com" >o****************a.com</option> <option disabled value="o*******d.com" >o*******d.com</option> <option disabled value="o**.me" >o**.me</option> </optgroup> <optgroup label="🌐 Free Public Domains"> <option value="spam4.me" selected>spam4.me</option> </optgroup> </select> <!-- Custom Styled Trigger Button --> <div id="tmuSelectTrigger"> <span id="tmuSelectedText" style="display:flex;align-items:center;gap:8px;"> <span class="tmu-domain-name">spam4.me</span> </span> <i class="fa-solid fa-chevron-down" id="tmuSelectChevron" style="font-size:12px;transition:transform .2s ease;"></i> </div> <!-- Custom Floating Dropdown Menu with Smooth Scroll --> <div id="tmuSelectMenu"> <div class="tmu-domain-search-wrap" style="position:relative;"> <i class="fa-solid fa-magnifying-glass tmu-domain-search-icon"></i> <input type="text" id="tmuDomainSearch" class="tmu-domain-search" placeholder="Search domains..." autocomplete="off" spellcheck="false" aria-label="Search domains"> <span class="tmu-domain-total" title="total domains">222</span> </div> <div id="tmuDomainSearchMeta" class="tmu-domain-search-meta" data-word="matches" style="display:none;"></div> <div id="tmuSearchResults" style="display:none;" data-empty-text="No domains match your search."></div> <div class="tmu-opt-group" data-group="p"> <div data-tmu-group-head="p" style="font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#f59e0b !important;padding:6px 10px;background:rgba(245,158,11,0.12) !important;border:1px solid rgba(245,158,11,0.2) !important;border-radius:8px;margin:6px 0 3px 0;"> ⭐ Premium VIP Domains </div> <div class="tmu-opt-item is-disabled " data-val="t*******l.in" data-tmu-tpl="p" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">t*******l.in</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="s*********s.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">s*********s.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g***********l.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g***********l.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g****************k.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g****************k.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g***********l.net" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g***********l.net</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g***********l.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g***********l.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g***********l.biz" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g***********l.biz</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g**.la" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g**.la</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="p******l.net" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">p******l.net</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g*****a.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g*****a.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="i*******r.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">i*******r.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d*****r.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d*****r.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g********l.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g********l.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="f*******l.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">f*******l.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="c******l.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">c******l.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="c*******l.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">c*******l.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="b*******l.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">b*******l.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g*****e.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g*****e.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g*****l.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g*****l.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g******l.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g******l.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="r*******p.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">r*******p.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="r********l.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">r********l.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="t******i.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">t******i.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*****3.fr" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*****3.fr</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*****3.beer" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*****3.beer</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*****3.click" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*****3.click</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*****3.cloud" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*****3.cloud</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*****3.com.br" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*****3.com.br</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*****3.site" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*****3.site</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*******l.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*******l.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m******t.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m******t.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="b***.de" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">b***.de</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="t*******l.de" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">t*******l.de</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*******e.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*******e.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d****z.net" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d****z.net</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="2***h.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">2***h.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a*******l.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a*******l.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d***s.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d***s.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d********o.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d********o.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="e******g.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">e******g.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g*******d.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g*******d.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g*****i.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g*****i.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="h******c.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">h******c.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="k****d.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">k****d.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="l***d.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">l***d.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="l******k.us" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">l******k.us</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="v**.sh" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">v**.sh</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="o*******d.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">o*******d.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="x*****d.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">x*****d.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="y******r.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">y******r.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d*********e.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d*********e.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m****o.plus" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m****o.plus</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="f*****t.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">f*****t.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="f****x.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">f****x.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*****x.in.ua" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*****x.in.ua</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="r***r.info" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">r***r.info</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*****3.tech" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*****3.tech</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*****6.fr" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*****6.fr</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*****9.fr" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*****9.fr</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d******l.cloud" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d******l.cloud</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m******p.fr" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m******p.fr</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*****3.pro" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*****3.pro</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*****3.online" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*****3.online</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*****3.website" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*****3.website</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="v****o.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">v****o.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="t*****l.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">t*****l.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a*******l.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a*******l.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="c*******l.io" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">c*******l.io</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*******y.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*******y.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="z*****t.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">z*****t.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d********e.online" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d********e.online</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="k*******o.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">k*******o.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="7****1.icu" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">7****1.icu</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d***r.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d***r.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="9***.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">9***.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="u**.me" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">u**.me</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="f*****p.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">f*****p.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a**.pink" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a**.pink</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m******t.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m******t.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g***********l.info" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g***********l.info</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g***********l.de" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g***********l.de</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="0****2.tech" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">0****2.tech</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="1***b.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">1***b.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="3***.help" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">3***.help</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="5*****u.tech" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">5*****u.tech</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="5****l.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">5****l.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="6***7.cc" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">6***7.cc</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="8*****t.cn" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">8*****t.cn</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a***o.cyou" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a***o.cyou</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a************n.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a************n.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a***.me" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a***.me</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a*******2.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a*******2.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a********n.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a********n.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a*************y.co.uk" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a*************y.co.uk</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a************2.co.uk" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a************2.co.uk</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a******s.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a******s.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a******s.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a******s.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a***********m.co.uk" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a***********m.co.uk</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a******************e.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a******************e.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a*******p.sbs" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a*******p.sbs</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a****e.bond" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a****e.bond</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a******k.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a******k.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a******k.info" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a******k.info</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a******k.net" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a******k.net</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a******k.store" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a******k.store</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a*****g.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a*****g.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a********s.space" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a********s.space</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a*****i.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a*****i.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a***b.store" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a***b.store</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a*************n.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a*************n.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a********i.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a********i.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="a*******2.online" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">a*******2.online</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="b*******i.online" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">b*******i.online</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="b****z.tech" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">b****z.tech</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="b******a.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">b******a.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="c***o.online" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">c***o.online</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="c********m.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">c********m.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="c****r.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">c****r.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="c*********d.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">c*********d.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="c********s.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">c********s.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="c*******e.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">c*******e.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="c***n.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">c***n.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="c***s.info" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">c***s.info</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d******u.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d******u.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d******k.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d******k.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d*****************b.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d*****************b.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d*******o.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d*******o.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d******y.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d******y.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d***7.tech" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d***7.tech</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d****g.tech" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d****g.tech</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d********h.site" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d********h.site</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="d********m.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">d********m.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="e*******e.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">e*******e.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="e*****3.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">e*****3.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="e***r.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">e***r.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="e*****g.site" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">e*****g.site</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="e****f.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">e****f.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="e*************k.net" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">e*************k.net</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="f******r.tech" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">f******r.tech</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="f****d.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">f****d.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="f*******e.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">f*******e.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="f************s.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">f************s.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="f*********a.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">f*********a.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="f*************d.site" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">f*************d.site</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="f*******************n.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">f*******************n.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="f*******************e.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">f*******************e.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="f***********m.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">f***********m.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="f*****t.online" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">f*****t.online</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g****n.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g****n.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g****a.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g****a.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g***.site" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g***.site</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g****s.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g****s.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g******r.online" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g******r.online</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g********a.me" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g********a.me</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g******************d.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g******************d.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g*********n.online" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g*********n.online</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g*********l.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g*********l.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g****k.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g****k.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g*****************n.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g*****************n.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g***********l.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g***********l.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="g*****y.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">g*****y.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="h******t.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">h******t.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="h************c.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">h************c.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="h*****************n.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">h*****************n.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="h************n.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">h************n.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="h******s.site" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">h******s.site</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="h*********n.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">h*********n.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="h**********g.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">h**********g.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="h***e.me" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">h***e.me</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="h***e.net" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">h***e.net</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="i******s.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">i******s.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="i************f.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">i************f.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="i*****4.info" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">i*****4.info</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="i************u.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">i************u.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="i****c.online" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">i****c.online</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="i************************e.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">i************************e.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="i******a.online" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">i******a.online</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="j**********************e.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">j**********************e.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="j***********s.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">j***********s.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="j**********s.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">j**********s.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="j********t.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">j********t.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="j******n.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">j******n.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="j********1.site" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">j********1.site</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="j***s.me" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">j***s.me</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="j****t.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">j****t.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="j***.cloud" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">j***.cloud</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="k****a.tech" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">k****a.tech</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="k***l.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">k***l.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="l*******e.site" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">l*******e.site</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="l********6.site" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">l********6.site</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="l*****o.site" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">l*****o.site</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="l****k.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">l****k.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="l**************t.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">l**************t.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="l****n.cloud" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">l****n.cloud</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="l******o.me" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">l******o.me</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="l****************g.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">l****************g.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="l*****w.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">l*****w.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="l******1.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">l******1.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="l***o.tech" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">l***o.tech</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m*********r.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m*********r.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m***s.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m***s.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="m***s.cloud" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">m***s.cloud</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="n**************t.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">n**************t.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="n****n.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">n****n.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="n*******e.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">n*******e.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="n****p.online" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">n****p.online</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="n**********h.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">n**********h.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="n**********************p.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">n**********************p.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="n*********i.me" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">n*********i.me</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="n****e.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">n****e.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="n****************n.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">n****************n.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="n*****n.site" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">n*****n.site</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="n*****y.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">n*****y.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="n***r.org" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">n***r.org</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="n***********y.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">n***********y.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="n**********y.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">n**********y.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="o******n.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">o******n.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="o***********l.shop" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">o***********l.shop</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="o****************a.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">o****************a.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="o*******d.com" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">o*******d.com</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> <div class="tmu-opt-item is-disabled " data-val="o**.me" style="cursor:not-allowed; opacity:0.55;"> <span class="tmu-domain-name">o**.me</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(100,116,139,0.15) !important;color:#64748b !important;border:1px solid rgba(100,116,139,0.25) !important;"> 🔒 PRO only </span> </div> </div> <div class="tmu-opt-group" data-group="f"> <div data-tmu-group-head="f" style="font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#059669 !important;padding:6px 10px;background:rgba(16,185,129,0.1) !important;border:1px solid rgba(16,185,129,0.2) !important;border-radius:8px;margin:6px 0 3px 0;"> 🌐 Free Public Domains </div> <div class="tmu-opt-item is-selected" data-val="spam4.me" data-tmu-tpl="f"> <span class="tmu-domain-name">spam4.me</span> <span style="font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(16,185,129,0.15) !important;color:#059669 !important;border:1px solid rgba(16,185,129,0.3) !important;">Free</span> </div> </div> </div> <script type="application/json" id="tmuDomainData">{"c":[],"p":["t*******l.in","s*********s.com","g***********l.com","g****************k.com","g***********l.net","g***********l.org","g***********l.biz","g**.la","p******l.net","g*****a.com","i*******r.com","d*****r.com","g********l.com","f*******l.com","c******l.com","c*******l.com","b*******l.com","g*****e.com","g*****l.com","g******l.com","r*******p.com","r********l.com","t******i.com","m*****3.fr","m*****3.beer","m*****3.click","m*****3.cloud","m*****3.com.br","m*****3.site","m*******l.com","m******t.com","b***.de","t*******l.de","m*******e.com","d****z.net","2***h.com","a*******l.com","d***s.com","d********o.com","e******g.com","g*******d.com","g*****i.com","h******c.com","k****d.com","l***d.org","l******k.us","v**.sh","o*******d.com","x*****d.com","y******r.com","d*********e.com","m****o.plus","f*****t.com","f****x.org","m*****x.in.ua","r***r.info","m*****3.tech","m*****6.fr","m*****9.fr","d******l.cloud","m******p.fr","m*****3.pro","m*****3.online","m*****3.website","v****o.com","t*****l.com","a*******l.com","c*******l.io","m*******y.com","z*****t.com","d********e.online","k*******o.com","7****1.icu","d***r.com","9***.com","u**.me","f*****p.com","a**.pink","m******t.com","g***********l.info","g***********l.de","0****2.tech","1***b.shop","3***.help","5*****u.tech","5****l.shop","6***7.cc","8*****t.cn","a***o.cyou","a************n.org","a***.me","a*******2.shop","a********n.com","a*************y.co.uk","a************2.co.uk","a******s.com","a******s.com","a***********m.co.uk","a******************e.com","a*******p.sbs","a****e.bond","a******k.com","a******k.info","a******k.net","a******k.store","a*****g.com","a********s.space","a*****i.com","a***b.store","a*************n.com","a********i.org","a*******2.online","b*******i.online","b****z.tech","b******a.shop","c***o.online","c********m.com","c****r.shop","c*********d.org","c********s.com","c*******e.com","c***n.com","c***s.info","d******u.org","d******k.org","d*****************b.org","d*******o.com","d******y.com","d***7.tech","d****g.tech","d********h.site","d********m.org","e*******e.org","e*****3.com","e***r.com","e*****g.site","e****f.org","e*************k.net","f******r.tech","f****d.com","f*******e.org","f************s.org","f*********a.org","f*************d.site","f*******************n.org","f*******************e.org","f***********m.com","f*****t.online","g****n.shop","g****a.com","g***.site","g****s.shop","g******r.online","g********a.me","g******************d.com","g*********n.online","g*********l.com","g****k.org","g*****************n.org","g***********l.com","g*****y.shop","h******t.org","h************c.org","h*****************n.org","h************n.com","h******s.site","h*********n.com","h**********g.org","h***e.me","h***e.net","i******s.com","i************f.shop","i*****4.info","i************u.com","i****c.online","i************************e.org","i******a.online","j**********************e.org","j***********s.com","j**********s.org","j********t.com","j******n.com","j********1.site","j***s.me","j****t.shop","j***.cloud","k****a.tech","k***l.org","l*******e.site","l********6.site","l*****o.site","l****k.com","l**************t.com","l****n.cloud","l******o.me","l****************g.org","l*****w.org","l******1.shop","l***o.tech","m*********r.org","m***s.shop","m***s.cloud","n**************t.org","n****n.org","n*******e.shop","n****p.online","n**********h.org","n**********************p.org","n*********i.me","n****e.shop","n****************n.com","n*****n.site","n*****y.com","n***r.org","n***********y.com","n**********y.com","o******n.shop","o***********l.shop","o****************a.com","o*******d.com","o**.me"],"f":["spam4.me"]}</script> </div> </div> <!-- Gmail Restriction Alert --> <div id="gmail_restriction_alert"> <div style="display:flex; align-items:flex-start; gap:10px;"> <div style="width: 28px; height: 28px; border-radius: 8px; background: rgba(245,158,11,0.2); color: #f59e0b; display: grid; place-items: center; font-size: 14px; flex-shrink: 0; margin-top: 1px;"> <i class="fa-solid fa-triangle-exclamation"></i> </div> <div> <div class="tmu-alert-title" style="font-size:13px; font-weight:800; font-family:'Space Grotesk',sans-serif;">Notice: @gmail.com Alias Rule</div> <div class="tmu-alert-text" style="font-size:12px; margin-top:3px; line-height:1.45;"> Custom typed aliases cannot be registered for @gmail.com. Please click the Random button (🎲) below so the system generates a valid Gmail-compliant alias. </div> <button type="button" id="generate_gmail_btn" class="btn btn-sm mt-2 fw-bold" style="background:#f27a1a; color:#fff; border-radius:8px; font-size:12px; padding:5px 12px; border:none; cursor:pointer;"> <i class="fa-solid fa-dice me-1"></i> Generate Random Gmail Alias </button> </div> </div> </div> <!-- Gmail Alias Trick Switch --> <div class="form-check form-switch" id="gmail_alias_toggle_container"> <input class="form-check-input" type="checkbox" id="gmail_alias_toggle" checked style="cursor: pointer; margin-left:-32px;"> <label class="form-check-label" for="gmail_alias_toggle" style="font-size:12px; font-weight:700; cursor: pointer; user-select:none;"> Enable Gmail Alias Tricks (+ and .) </label> <div class="tmu-toggle-desc" style="font-size:11px; margin-top:2px;"> Generates unlimited inbox variations on standard Gmail domains. </div> </div> <!-- Submit Button --> <button id="change_email" type="button" class="tmu-btn w-100"> <i class="fa-solid fa-check"></i> <span>Update Email Address</span> </button> </div> </div> </div> </div> <script> window.openTmuVipModal = function(domainName) { var modal = document.getElementById('tmuVipUpgradeModal'); var domainSpan = document.getElementById('tmuVipModalDomainName'); if (domainSpan && domainName) { domainSpan.textContent = domainName; } if (modal) { if (window.bootstrap && bootstrap.Modal) { var bsModal = bootstrap.Modal.getInstance(modal) || new bootstrap.Modal(modal); bsModal.show(); } else { modal.style.display = 'flex'; modal.classList.add('tmu-vip-show'); } } }; window.closeTmuVipModal = function() { var modal = document.getElementById('tmuVipUpgradeModal'); if (modal) { if (window.bootstrap && bootstrap.Modal) { var bsModal = bootstrap.Modal.getInstance(modal); if (bsModal) { bsModal.hide(); } } modal.style.display = 'none'; modal.classList.remove('tmu-vip-show'); } }; document.addEventListener('DOMContentLoaded', function() { var trigger = document.getElementById('tmuSelectTrigger'); var menu = document.getElementById('tmuSelectMenu'); var chevron = document.getElementById('tmuSelectChevron'); var hiddenSelect = document.getElementById('name_domain'); var selectedText = document.getElementById('tmuSelectedText'); var toggleContainer = document.getElementById('gmail_alias_toggle_container'); var restrictionAlert = document.getElementById('gmail_restriction_alert'); var aliasInput = document.getElementById('random_code_input'); var randomBtn = document.getElementById('random_code'); var generateGmailBtn = document.getElementById('generate_gmail_btn'); function generateGmailTrick(base) { base = base || 'contentvibee1'; var modes = ['plus', 'dot', 'both']; var mode = modes[Math.floor(Math.random() * modes.length)]; var chars = 'abcdefghijklmnopqrstuvwxyz0123456789'; var suffix = ''; for (var i = 0; i < 4; i++) { suffix += chars.charAt(Math.floor(Math.random() * chars.length)); } if (mode === 'dot') { var res = base[0]; for (var i = 1; i < base.length; i++) { if (Math.random() > 0.5 && res.slice(-1) !== '.') { res += '.'; } res += base[i]; } return res === base ? base.slice(0, 4) + '.' + base.slice(4) : res; } else if (mode === 'plus') { return base + '+' + suffix; } else { var res = base[0]; for (var i = 1; i < base.length; i++) { if (Math.random() > 0.6 && res.slice(-1) !== '.') { res += '.'; } res += base[i]; } return res + '+' + suffix; } } function genNormalCode(length) { length = length || 10; var chars = 'abcdefghijklmnopqrstuvwxyz0123456789'; var res = ''; for (var i = 0; i < length; i++) { res += chars.charAt(Math.floor(Math.random() * chars.length)); } return res; } function generateAliasForCurrentDomain() { var domain = (hiddenSelect ? hiddenSelect.value : '') || ''; if (domain.toLowerCase() === 'gmail.com') { aliasInput.value = generateGmailTrick('contentvibee1'); } else { aliasInput.value = genNormalCode(10); } } function checkGmail(domain) { if (!domain) return; var isGmail = domain.toLowerCase() === 'gmail.com'; if (toggleContainer) toggleContainer.style.display = isGmail ? 'block' : 'none'; if (restrictionAlert) restrictionAlert.style.display = isGmail ? 'block' : 'none'; if (aliasInput) { if (isGmail) { aliasInput.setAttribute('readonly', 'readonly'); aliasInput.style.cursor = 'not-allowed'; aliasInput.value = generateGmailTrick('contentvibee1'); } else { aliasInput.removeAttribute('readonly'); aliasInput.style.cursor = 'text'; } } } if (randomBtn) { // Intercept random button to obey contentvibee1 trick rule on gmail randomBtn.addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); generateAliasForCurrentDomain(); }, true); } if (generateGmailBtn) { generateGmailBtn.addEventListener('click', function(e) { e.preventDefault(); aliasInput.value = generateGmailTrick('contentvibee1'); }); } if (trigger && menu && hiddenSelect && selectedText) { // Initial domain sync var initVal = 'spam4.me'; if (initVal && (!hiddenSelect.value || hiddenSelect.value !== initVal)) { hiddenSelect.value = initVal; } checkGmail(hiddenSelect.value); trigger.addEventListener('click', function(e) { e.stopPropagation(); var isOpen = menu.style.display === 'block'; if (!isOpen && typeof tmuResetDomainSearch === 'function') { tmuResetDomainSearch(); } menu.style.display = isOpen ? 'none' : 'block'; if (chevron) chevron.style.transform = isOpen ? 'rotate(0deg)' : 'rotate(180deg)'; if (!isOpen) { menu.scrollTop = 0; } }); document.addEventListener('click', function(e) { if (!trigger.contains(e.target) && !menu.contains(e.target)) { menu.style.display = 'none'; if (chevron) chevron.style.transform = 'rotate(0deg)'; } }); /* Perf: searchable lazy domain dropdown — same design, no per-item listeners */ var TMU_DOMAIN_SEARCH_LIMIT = 120; var tmuDomainData = null; try { var tmuDataEl = document.getElementById('tmuDomainData'); if (tmuDataEl && tmuDataEl.textContent) { tmuDomainData = JSON.parse(tmuDataEl.textContent); } } catch (err) { tmuDomainData = null; } var tmuSearchInput = document.getElementById('tmuDomainSearch'); var tmuSearchMeta = document.getElementById('tmuDomainSearchMeta'); var tmuResultsBox = document.getElementById('tmuSearchResults'); var tmuInitialGroups = menu.querySelectorAll('.tmu-opt-group'); var tmuRenderedVals = {}; menu.querySelectorAll('.tmu-opt-item').forEach(function (it) { tmuRenderedVals[it.getAttribute('data-val')] = 1; }); function tmuGetTpl(group) { var src = menu.querySelector('.tmu-opt-item[data-tmu-tpl="' + group + '"]'); if (!src) return null; var tpl = src.cloneNode(true); tpl.classList.remove('is-selected'); tpl.removeAttribute('data-tmu-tpl'); return tpl; } function tmuGetHead(group) { var src = menu.querySelector('[data-tmu-group-head="' + group + '"]'); return src ? src.cloneNode(true) : null; } var tmuTpl = { c: tmuGetTpl('c'), p: tmuGetTpl('p'), f: tmuGetTpl('f') }; var tmuHead = { c: tmuGetHead('c'), p: tmuGetHead('p'), f: tmuGetHead('f') }; function tmuBuildItem(domain, group) { var tpl = tmuTpl[group]; if (!tpl) return null; var el = tpl.cloneNode(true); el.setAttribute('data-val', domain); var nm = el.querySelector('.tmu-domain-name'); if (nm) nm.textContent = domain; return el; } function tmuSelectDomain(item) { if (item.classList.contains('is-disabled')) { var domainName = item.getAttribute('data-val') || 'this domain'; window.openTmuVipModal(domainName); return; } var val = item.getAttribute('data-val'); hiddenSelect.value = val; if (window.jQuery) { window.jQuery(hiddenSelect).val(val); } selectedText.innerHTML = '<span class="tmu-domain-name">' + val + '</span>'; menu.querySelectorAll('.tmu-opt-item.is-selected').forEach(function (i) { i.classList.remove('is-selected'); }); item.classList.add('is-selected'); menu.style.display = 'none'; if (chevron) chevron.style.transform = 'rotate(0deg)'; checkGmail(val); var evt = document.createEvent('HTMLEvents'); evt.initEvent('change', false, true); hiddenSelect.dispatchEvent(evt); if (window.jQuery) { window.jQuery(hiddenSelect).trigger('change'); } } // One delegated listener replaces ~2,300 per-item listeners menu.addEventListener('click', function (e) { var t = e.target; var item = (t && t.closest) ? t.closest('.tmu-opt-item') : null; if (!item || !menu.contains(item)) return; e.stopPropagation(); tmuSelectDomain(item); }); function tmuResetDomainSearch() { if (tmuSearchInput) tmuSearchInput.value = ''; if (tmuResultsBox) { tmuResultsBox.innerHTML = ''; tmuResultsBox.style.display = 'none'; } tmuInitialGroups.forEach(function (g) { g.style.display = ''; var head = g.querySelector('[data-tmu-group-head]'); if (head) head.style.display = ''; g.querySelectorAll('.tmu-opt-item').forEach(function (it) { it.style.display = ''; }); }); if (tmuSearchMeta) tmuSearchMeta.style.display = 'none'; if (menu) menu.scrollTop = 0; } window.tmuResetDomainSearch = tmuResetDomainSearch; var tmuSearchTimer = null; function tmuRunSearch(rawQ) { var q = (rawQ || '').replace(/^\s+|\s+$/g, '').toLowerCase(); if (!q || !tmuDomainData) { tmuResetDomainSearch(); return; } /* All working domains are server-rendered now: filter in place (fast, no DOM rebuild) */ var shown = 0; var groups = menu.querySelectorAll('.tmu-opt-group'); groups.forEach(function (g) { var head = g.querySelector('[data-tmu-group-head]'); var items = g.querySelectorAll('.tmu-opt-item'); var groupShown = 0; items.forEach(function (it) { var d = String(it.getAttribute('data-val') || '').toLowerCase(); var match = d.indexOf(q) !== -1; if (match && shown < TMU_DOMAIN_SEARCH_LIMIT) { it.style.display = ''; groupShown++; shown++; } else { it.style.display = 'none'; } }); if (head) head.style.display = groupShown ? '' : 'none'; g.style.display = groupShown ? '' : 'none'; }); tmuResultsBox.innerHTML = ''; if (shown === 0) { var empty = document.createElement('div'); empty.style.cssText = 'padding:14px 12px;font-size:13px;font-weight:600;color:#94a3b8;text-align:center;'; empty.textContent = tmuResultsBox.getAttribute('data-empty-text') || 'No domains match your search.'; tmuResultsBox.appendChild(empty); tmuResultsBox.style.display = ''; } else { tmuResultsBox.style.display = 'none'; } if (tmuSearchMeta) { var word = tmuSearchMeta.getAttribute('data-word') || 'matches'; tmuSearchMeta.style.display = ''; tmuSearchMeta.textContent = shown + (shown >= TMU_DOMAIN_SEARCH_LIMIT ? '+' : '') + ' ' + word; } menu.scrollTop = 0; } if (tmuSearchInput) { tmuSearchInput.addEventListener('input', function () { var v = tmuSearchInput.value; if (tmuSearchTimer) clearTimeout(tmuSearchTimer); tmuSearchTimer = setTimeout(function () { tmuRunSearch(v); }, 150); }); tmuSearchInput.addEventListener('click', function (e) { e.stopPropagation(); }); tmuSearchInput.addEventListener('keydown', function (e) { e.stopPropagation(); }); } // Ensure alias is auto-generated when modal opens if blank var changeModalEl = document.getElementById('changeEmail'); if (changeModalEl) { changeModalEl.addEventListener('show.bs.modal', function() { if (aliasInput && !aliasInput.value.trim()) { generateAliasForCurrentDomain(); } if (hiddenSelect && initVal && !hiddenSelect.value) { hiddenSelect.value = initVal; if (window.jQuery) window.jQuery(hiddenSelect).val(initVal); } }); } // Intercept submit in capture phase to guarantee alias & domain are populated before app.js posts var submitBtn = document.getElementById('change_email'); if (submitBtn) { submitBtn.addEventListener('click', function(e) { if (aliasInput && !aliasInput.value.trim()) { generateAliasForCurrentDomain(); } if (hiddenSelect && initVal && !hiddenSelect.value) { hiddenSelect.value = initVal; if (window.jQuery) window.jQuery(hiddenSelect).val(initVal); } }, true); } } }); </script> <div class="modal fade" id="history" tabindex="-1" aria-labelledby="historyModalLabel" aria-hidden="true" style="z-index: 1060;"> <div class="modal-dialog modal-dialog-centered" style="max-width: 560px;"> <div class="modal-content" style="background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.15);overflow:hidden;"> <!-- Modal Header --> <div class="modal-header border-0 pb-0" style="padding: 20px 24px 10px; display: flex; align-items: flex-start; justify-content: space-between;"> <div> <h4 class="modal-title fw-bold mb-1" id="historyModalLabel" style="color: #1e293b; font-size: 19px;"> Email History </h4> <p class="text-muted small mb-0" style="font-size: 13px;"> View your email history </p> </div> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="opacity: 0.6;"></button> </div> <!-- Modal Body --> <div class="modal-body" style="padding: 16px 24px 0;"> <!-- Search & Action Toolbar --> <div class="d-flex gap-2 mb-3"> <input type="text" id="search_history" class="form-control" placeholder="Type to search ..." style="background: #ffffff; border: 1px solid #cbd5e1; border-radius: 8px; font-size: 14px; padding: 8px 14px; flex: 1;" /> <button id="delete_history" type="button" class="btn btn-danger kill" title="Delete selected emails" style="background: #dc3545; border-color: #dc3545; border-radius: 8px; font-weight: 700; font-size: 14px; padding: 8px 20px; white-space: nowrap;"> Delete </button> </div> <!-- Scrollable Mail History Container --> <div class="tmu-mail-history-scroll" style="max-height: 320px; overflow-y: auto; margin-bottom: 0;"> <div class="mail-history" id="mail-history"> </div> </div> </div> <!-- Footer Summary Counter (Light Gray Bar) --> <div class="modal-footer border-0 justify-content-center" style="background: #e5e7eb; padding: 10px 16px; margin-top: 14px;"> <span style="font-size: 13px; font-weight: 600; color: #374151;"> Emails in History: <span id="history-count">0</span> / <span id="history-total">2</span> </span> </div> </div> </div> </div> <div class="modal fade" id="recoveryModal" tabindex="-1" aria-labelledby="recoveryModalLabel" aria-hidden="true" style="z-index: 1060;"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content" style="background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 80px rgba(43,36,30,.22);"> <div class="modal-header" style="padding:18px 22px;border-bottom:1px solid var(--line);background:var(--stone);border-radius:22px 22px 0 0;"> <h5 class="modal-title" id="recoveryModalLabel" style="font-family:'Space Grotesk',sans-serif;font-weight:800;color:var(--ink);font-size:17px;display:flex;align-items:center;gap:9px;margin:0;"> <span style="width:32px;height:32px;background:var(--orange-soft);border-radius:10px;display:grid;place-items:center;color:var(--orange);"><i class="fa-solid fa-key"></i></span> Mailbox Recovery </h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body" style="padding:22px;"> <div style="margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--line);"> <div style="font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px;">Your Recovery Key</div> <div style="display:flex;gap:8px;"> <input id="tmRecoveryKey" type="text" class="form-control" value="—" readonly style="background:var(--stone);border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:700;color:var(--ink);font-family:monospace;cursor:text;" /> <button id="copyRecoveryKey" type="button" class="tmu-btn tmu-btn-orange" style="border-radius:10px;white-space:nowrap;flex-shrink:0;"> <i class="fa-regular fa-copy"></i> Copy </button> </div> <p style="font-size:12px;color:var(--muted);margin-top:8px;margin-bottom:0;line-height:1.5;"> <i class="fa-solid fa-triangle-exclamation" style="color:var(--orange);"></i> Save this key to restore your mailbox later after closing the browser. </p> </div> <div> <div style="font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px;">Restore Previous Mailbox</div> <form action="https://tempomailusa.com/recover" method="POST"> <input type="hidden" name="_token" value="2CIrHkJqVXBIqyo0smpBRgpj55pYodA3xKw1TsHR" autocomplete="off"> <div style="display:flex;gap:8px;"> <input id="tmRecoveryInput" type="text" name="token" class="form-control" placeholder="Paste your recovery key here…" required style="background:var(--panel);border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--ink);" /> <button type="submit" class="tmu-btn tmu-btn-orange" style="border-radius:10px;white-space:nowrap;flex-shrink:0;"> <i class="fa-solid fa-rotate-left"></i> Recover </button> </div> </form> </div> </div> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { const modalEl = document.getElementById('recoveryModal'); if (modalEl) { modalEl.addEventListener('show.bs.modal', function() { const tokenInput = document.getElementById('email_token'); const recInput = document.getElementById('tmRecoveryKey'); if (tokenInput && tokenInput.value && recInput) { recInput.value = tokenInput.value; } }); } const copyBtn = document.getElementById('copyRecoveryKey'); if (copyBtn) { copyBtn.addEventListener('click', function() { const recInput = document.getElementById('tmRecoveryKey'); if (recInput && recInput.value && recInput.value !== '—') { navigator.clipboard.writeText(recInput.value).then(() => { if (window.tempoToast) window.tempoToast('Recovery key copied to clipboard!', 'success'); copyBtn.innerHTML = '<i class="fa-solid fa-check"></i> ' + 'Copied!'; setTimeout(() => { copyBtn.innerHTML = '<i class="fa-regular fa-copy"></i> ' + 'Copy'; }, 2000); }).catch(() => { recInput.select(); document.execCommand('copy'); if (window.tempoToast) window.tempoToast('Recovery key copied!', 'success'); }); } }); } }); </script> <script> (function(){ var topbar = document.getElementById('tmu-topbar'); var ticking = false; function updateNav() { var scrolled = window.scrollY > 30; if (topbar) topbar.classList.toggle('scrolled', scrolled); ticking = false; } window.addEventListener('scroll', function(){ if (!ticking) { requestAnimationFrame(updateNav); ticking = true; } }, { passive: true }); updateNav(); // Show gotop after scroll var gotop = document.getElementById('tmu-gotop'); window.addEventListener('scroll', function(){ if (gotop) gotop.classList.toggle('visible', window.scrollY > 400); }, { passive: true }); })(); </script> <script src="https://tempomailusa.com/assets/js/vendor/jquery-3.7.1.min.js" defer></script> <script src="https://tempomailusa.com/assets/js/vendor/bootstrap.bundle.min.js" defer></script> <script src="https://tempomailusa.com/assets/js/vendor/lodash.min.js" defer></script> <script src="https://tempomailusa.com/assets/js/vendor/clipboard.min.js" defer></script> <script src="https://tempomailusa.com/assets/js/vendor/select2.min.js" defer></script> <script src="https://tempomailusa.com/assets/js/vendor/moment.min.js" defer></script> <script src="https://tempomailusa.com/assets/js/vendor/qrcode.min.js" defer></script> <script src="https://tempomailusa.com/assets/js/vendor/axios.min.js" defer></script> <script src="https://tempomailusa.com/assets/js/vendor/aos.min.js" defer></script> <script src="https://tempomailusa.com/assets/js/vendor/flasher.min.js" defer></script> <script src="https://tempomailusa.com/assets/themes/basic/js/main.js?v=6.0.0" defer></script> <script> (function() { "use strict"; window.BASE_PATH = "https://tempomailusa.com/"; window.landing = "Landing"; window.search_history_message = "Not found emails with"; window.history_is_empty_message = "History is empty"; window.active_message = "Active"; window.current_message = "Current"; window.choose_message = "Choose"; window.email_changed_message = "The Email has been successfully updated"; window.email_deleted_message = "The email has been removed"; window.favorited = "Remove from favorites"; window.not_favorited = "Add to favorites"; window.please_wait = "Please Wait"; window.new_message = "New"; window.icon_path = "https://tempomailusa.com/assets/themes/basic/img/favicon.png?t=1788257467"; window.fetch_time = "5"; window.limit_error = "Too many requests, Please slow down"; window.flasher_error = "Error"; window.flasher_success = "success"; window.check_recaptcha = true; window.Progress = window.Progress || { configure: function(){}, complete: function(){}, start: function(){} }; // Universal In-App Warm Toast System (Eliminates all native browser alert popups!) window.tempoToast = function(msg, type) { type = type || 'success'; var container = document.getElementById('tempo-toast-container'); if (!container) { container = document.createElement('div'); container.id = 'tempo-toast-container'; container.style.cssText = 'position:fixed;top:28px;right:28px;z-index:999999;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:380px;width:calc(100% - 40px);'; document.body.appendChild(container); } var toast = document.createElement('div'); var isErr = type === 'error' || type === 'danger'; var isWarn = type === 'warning'; var accent = isErr ? '#ef4444' : (isWarn ? '#f59e0b' : '#10b981'); var icon = isErr ? 'fa-circle-xmark' : (isWarn ? 'fa-triangle-exclamation' : 'fa-circle-check'); toast.style.cssText = 'background:#2b241e;color:#fffdf9;padding:14px 20px;border-radius:14px;box-shadow:0 16px 40px rgba(43,36,30,0.32);display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:700;font-family:sans-serif;pointer-events:auto;transform:translateY(-20px);opacity:0;transition:all 0.35s cubic-bezier(0.16, 1, 0.3, 1);border-left:4px solid ' + accent + ';border-top:1px solid rgba(255,255,255,0.08);'; toast.innerHTML = '<i class="fa-solid ' + icon + '" style="color:' + accent + ';font-size:18px;flex-shrink:0;"></i><span style="flex:1;line-height:1.4;">' + msg + '</span>'; container.appendChild(toast); requestAnimationFrame(function() { toast.style.transform = 'translateY(0)'; toast.style.opacity = '1'; }); setTimeout(function() { toast.style.transform = 'translateY(-15px)'; toast.style.opacity = '0'; setTimeout(function() { toast.remove(); }, 350); }, 3400); }; // Override native window.alert so all scripts show sleek toasts instead of browser popups window.alert = function(msg) { window.tempoToast(msg, 'info'); }; })(); </script> <script src="https://tempomailusa.com/assets/themes/basic/js/app.js?v=7.0.0" defer></script> <script> document.addEventListener('DOMContentLoaded', function() { var recModal = document.getElementById('recoveryModal'); var recInput = document.getElementById('tmRecoveryKey'); var copyBtn = document.getElementById('copyRecoveryKey'); var tokenInput = document.getElementById('email_token'); if (recModal) { recModal.addEventListener('show.bs.modal', function () { var token = tokenInput ? tokenInput.value : ''; if (!token) { token = localStorage.getItem('email_token') || '—'; } if (recInput) recInput.value = token; }); } if (copyBtn && recInput) { copyBtn.addEventListener('click', function(e) { e.preventDefault(); var val = recInput.value; if (val && val !== '—') { navigator.clipboard.writeText(val).then(function() { copyBtn.innerHTML = '<i class="fa-solid fa-check"></i> ' + (window.flasher_success || 'Copied!'); setTimeout(function() { copyBtn.innerHTML = '<i class="fa-regular fa-copy"></i> ' + 'Copy'; }, 2000); }); } }); } // Move all modals directly to document.body to avoid stacking context traps document.querySelectorAll('.modal').forEach(function(modal) { if (modal.parentElement !== document.body) { document.body.appendChild(modal); } }); document.querySelectorAll('[data-bs-dismiss="modal"]').forEach(function(btn) { btn.addEventListener('click', function() { var modal = btn.closest('.modal'); if (modal && typeof bootstrap !== 'undefined' && bootstrap.Modal) { var inst = bootstrap.Modal.getInstance(modal); if (inst) inst.hide(); } }); }); }); </script> <div class="modal fade tmu-auth-modal" id="tmuAuthModal" tabindex="-1" aria-labelledby="tmuAuthModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" style="max-width: 440px; margin: 12px auto; width: calc(100% - 20px);"> <div class="modal-content border-0 bg-transparent shadow-none"> <div class="tmu-auth-card" id="tmuAuthCard"> <!-- Header --> <div class="tmu-auth-header"> <a href="https://tempomailusa.com" class="tmu-auth-logo" aria-label="TempoMailUSA"> <img class="tmu-logo tmu-logo-light" src="https://tempomailusa.com/assets/themes/basic/img/logo.webp?t=1788257467" alt="TempoMailUSA" onerror="this.onerror=null;this.src='https://tempomailusa.com/assets/img/logo.png';"><img class="tmu-logo tmu-logo-dark" src="https://tempomailusa.com/assets/themes/basic/img/dark_logo.webp?t=1788453847" alt="TempoMailUSA" onerror="this.onerror=null;this.src='https://tempomailusa.com/assets/img/logo.png';"> </a> <button type="button" class="tmu-auth-close" aria-label="Close" onclick="closeAuthModal()"> <i class="fa-solid fa-xmark"></i> </button> </div> <!-- Error / Status Alerts --> <div id="tmuAuthAlertContainer"> </div> <!-- Tab Switcher (Visible on login / register) --> <div class="tmu-auth-tabs" id="tmuAuthTabs" style=""> <button type="button" class="tmu-auth-tab-btn active" onclick="switchAuthTab('login')"> <i class="fa-solid fa-arrow-right-to-bracket"></i> <span>Sign in</span> </button> <button type="button" class="tmu-auth-tab-btn " onclick="switchAuthTab('register')"> <i class="fa-solid fa-user-plus"></i> <span>Create Account</span> </button> </div> <!-- PANE 1: SIGN IN --> <div class="tmu-auth-pane active" id="tmuPaneLogin"> <div class="tmu-pane-header"> <h3 class="tmu-pane-title">Welcome back</h3> <p class="tmu-pane-subtitle">Sign in to access your inboxes, domains, and TempoAI.</p> </div> <form action="https://tempomailusa.com/login" method="POST" autocomplete="off" class="tmu-auth-form" id="tmuLoginForm"> <input type="hidden" name="_token" value="2CIrHkJqVXBIqyo0smpBRgpj55pYodA3xKw1TsHR" autocomplete="off"> <div class="tmu-field-group"> <label class="tmu-field-label">Email Address</label> <div class="tmu-input-wrap"> <span class="tmu-input-icon"><i class="fa-regular fa-envelope"></i></span> <input name="email" type="email" required autofocus value="" class="tmu-input" placeholder="name@example.com" /> </div> </div> <div class="tmu-field-group"> <div class="d-flex justify-content-between align-items-center mb-1"> <label class="tmu-field-label mb-0">Password</label> <button type="button" onclick="switchAuthTab('forgot')" class="tmu-forgot-btn bg-transparent border-0 p-0 text-decoration-none" style="cursor: pointer;"> Forgot Password? </button> </div> <div class="tmu-input-wrap"> <span class="tmu-input-icon"><i class="fa-solid fa-lock"></i></span> <input name="password" type="password" id="loginPassInput" required class="tmu-input" placeholder="••••••••" /> <button type="button" class="tmu-pass-toggle" onclick="togglePassVisibility('loginPassInput', this)" aria-label="Toggle Password Visibility"> <i class="fa-regular fa-eye"></i> </button> </div> </div> <div class="d-flex justify-content-between align-items-center mb-3"> <label class="tmu-checkbox-label"> <input type="checkbox" name="remember" id="rememberMeCheckbox" > <span>Remember me on this device</span> </label> </div> <div class="mb-3 d-flex justify-content-center"> </div> <button type="submit" class="tmu-submit-btn"> <span>Sign In to Dashboard</span> <i class="fa-solid fa-arrow-right"></i> </button> </form> <div class="tmu-auth-divider"> <span>or sign in with</span> </div> <div class="tmu-social-grid"> <a href="https://tempomailusa.com/auth/google" class="tmu-auth-social-btn google" aria-label="Sign in with Google"> <svg width="18" height="18" viewBox="0 0 24 24"><path fill="#EA4335" d="M12 5c1.5 0 2.8.5 3.9 1.5l2.9-2.9C17 2 14.7 1.2 12 1.2 7.5 1.2 3.7 3.8 1.9 7.6l3.6 2.8C6.4 7.4 8.9 5 12 5z"/><path fill="#4285F4" d="M23.5 12.3c0-.8-.1-1.6-.2-2.3H12v4.6h6.5c-.3 1.5-1.1 2.8-2.4 3.7l3.7 2.9c2.2-2 3.7-5 3.7-8.9z"/><path fill="#FBBC05" d="M5.5 14.8c-.2-.7-.4-1.5-.4-2.3s.2-1.6.4-2.3L1.9 7.4C.7 9.8 0 12.3 0 15s.7 5.2 1.9 7.6l3.6-2.8z"/><path fill="#34A853" d="M12 23.8c3.2 0 6-1.1 8-3l-3.7-2.9c-1.1.7-2.5 1.2-4.3 1.2-3.1 0-5.6-2.4-6.5-5.4L1.9 16.5C3.7 20.2 7.5 23.8 12 23.8z"/></svg> <span>Google</span> </a> <a href="https://tempomailusa.com/auth/facebook" class="tmu-auth-social-btn facebook" aria-label="Sign in with Facebook"> <svg width="18" height="18" viewBox="0 0 24 24" fill="#1877F2"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg> <span>Facebook</span> </a> </div> <div class="tmu-auth-footer"> <span>Don't have an account?</span> <button type="button" class="tmu-switch-link" onclick="switchAuthTab('register')"> Create free account </button> </div> </div> <!-- PANE 2: CREATE ACCOUNT (REGISTER) --> <div class="tmu-auth-pane " id="tmuPaneRegister"> <div class="tmu-pane-header"> <h3 class="tmu-pane-title">Create Free Account</h3> <p class="tmu-pane-subtitle">Get instant disposable emails, custom domains, and AI tools.</p> </div> <form action="https://tempomailusa.com/register" method="POST" autocomplete="off" class="tmu-auth-form" id="tmuRegisterForm"> <input type="hidden" name="_token" value="2CIrHkJqVXBIqyo0smpBRgpj55pYodA3xKw1TsHR" autocomplete="off"> <div class="row g-2 mb-2"> <div class="col-6"> <div class="tmu-field-group mb-0"> <label class="tmu-field-label">First Name</label> <input name="firstname" type="text" required value="" class="tmu-input" placeholder="Alex" /> </div> </div> <div class="col-6"> <div class="tmu-field-group mb-0"> <label class="tmu-field-label">Last Name</label> <input name="lastname" type="text" required value="" class="tmu-input" placeholder="Smith" /> </div> </div> </div> <div class="tmu-field-group"> <label class="tmu-field-label">Email Address</label> <div class="tmu-input-wrap"> <span class="tmu-input-icon"><i class="fa-regular fa-envelope"></i></span> <input name="email" type="email" required value="" class="tmu-input" placeholder="name@example.com" /> </div> </div> <div class="tmu-field-group"> <label class="tmu-field-label">Password</label> <div class="tmu-input-wrap"> <span class="tmu-input-icon"><i class="fa-solid fa-lock"></i></span> <input name="password" type="password" id="regPassInput" required autocomplete="new-password" class="tmu-input" placeholder="••••••••" /> <button type="button" class="tmu-pass-toggle" onclick="togglePassVisibility('regPassInput', this)" aria-label="Toggle Password Visibility"> <i class="fa-regular fa-eye"></i> </button> </div> </div> <div class="mb-3 d-flex justify-content-center"> </div> <button type="submit" class="tmu-submit-btn"> <span>Create My Free Account</span> <i class="fa-solid fa-user-plus"></i> </button> </form> <div class="tmu-auth-divider"> <span>Or sign up with</span> </div> <div class="tmu-social-grid"> <a href="https://tempomailusa.com/auth/google" class="tmu-auth-social-btn google" aria-label="Sign up with Google"> <svg width="18" height="18" viewBox="0 0 24 24"><path fill="#EA4335" d="M12 5c1.5 0 2.8.5 3.9 1.5l2.9-2.9C17 2 14.7 1.2 12 1.2 7.5 1.2 3.7 3.8 1.9 7.6l3.6 2.8C6.4 7.4 8.9 5 12 5z"/><path fill="#4285F4" d="M23.5 12.3c0-.8-.1-1.6-.2-2.3H12v4.6h6.5c-.3 1.5-1.1 2.8-2.4 3.7l3.7 2.9c2.2-2 3.7-5 3.7-8.9z"/><path fill="#FBBC05" d="M5.5 14.8c-.2-.7-.4-1.5-.4-2.3s.2-1.6.4-2.3L1.9 7.4C.7 9.8 0 12.3 0 15s.7 5.2 1.9 7.6l3.6-2.8z"/><path fill="#34A853" d="M12 23.8c3.2 0 6-1.1 8-3l-3.7-2.9c-1.1.7-2.5 1.2-4.3 1.2-3.1 0-5.6-2.4-6.5-5.4L1.9 16.5C3.7 20.2 7.5 23.8 12 23.8z"/></svg> <span>Google</span> </a> <a href="https://tempomailusa.com/auth/facebook" class="tmu-auth-social-btn facebook" aria-label="Sign up with Facebook"> <svg width="18" height="18" viewBox="0 0 24 24" fill="#1877F2"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg> <span>Facebook</span> </a> </div> <div class="tmu-auth-footer"> <span>Already have an account?</span> <button type="button" class="tmu-switch-link" onclick="switchAuthTab('login')"> Sign in </button> </div> </div> <!-- PANE 3: FORGOT PASSWORD --> <div class="tmu-auth-pane " id="tmuPaneForgot"> <div class="tmu-pane-header"> <h3 class="tmu-pane-title">Reset Password</h3> <p class="tmu-pane-subtitle">Enter your email to receive recovery instructions.</p> </div> <form action="https://tempomailusa.com/password/email" method="POST" autocomplete="off" class="tmu-auth-form" id="tmuForgotForm"> <input type="hidden" name="_token" value="2CIrHkJqVXBIqyo0smpBRgpj55pYodA3xKw1TsHR" autocomplete="off"> <div class="tmu-field-group mb-3"> <label class="tmu-field-label">Registered Email Address</label> <div class="tmu-input-wrap"> <span class="tmu-input-icon"><i class="fa-regular fa-envelope"></i></span> <input name="email" type="email" required autofocus value="" class="tmu-input" placeholder="name@example.com" /> </div> </div> <button type="submit" class="tmu-submit-btn"> <span>Send Password Reset Link</span> <i class="fa-solid fa-paper-plane"></i> </button> </form> <div class="tmu-auth-footer"> <button type="button" class="tmu-switch-link" onclick="switchAuthTab('login')"> <i class="fa-solid fa-arrow-left me-1"></i> Back to Sign In </button> </div> </div> <!-- PANE 4: SET NEW PASSWORD (When token is provided) --> </div> <style> .tmu-auth-card { --auth-bg: var(--panel, #ffffff); --auth-stone: var(--stone, #f8fafc); --auth-border: var(--line, #e2e8f0); --auth-ink: var(--ink, #0f172a); --auth-muted: var(--muted, #64748b); --auth-orange: #f27a1a; --auth-orange-deep: #ea580c; --auth-orange-soft: rgba(242, 122, 26, 0.12); width: 100%; max-width: 440px; margin: 0 auto; background: var(--auth-bg); border: 1.5px solid var(--auth-border); border-radius: 20px; padding: 24px 22px; box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.15); box-sizing: border-box; position: relative; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: var(--auth-ink); max-height: 92vh; overflow-y: auto; scrollbar-width: thin; } @media (max-width: 575.98px) { .tmu-auth-card { padding: 18px 14px; border-radius: 16px; max-height: 94vh; } } .tmu-auth-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; } .tmu-auth-logo img { height: 32px; width: auto; max-width: 140px; object-fit: contain; } .tmu-auth-close, .tmu-auth-theme-btn, .tmu-auth-home-link { width: 32px; height: 32px; border-radius: 10px; border: 1.5px solid var(--auth-border); background: var(--auth-stone); color: var(--auth-ink); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 13px; text-decoration: none; transition: all 0.15s ease; padding: 0; } .tmu-auth-close:hover, .tmu-auth-theme-btn:hover, .tmu-auth-home-link:hover { background: var(--auth-orange-soft); color: var(--auth-orange); border-color: var(--auth-orange); } .tmu-auth-top-actions { display: flex; align-items: center; gap: 6px; } /* Tabs Switcher */ .tmu-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; background: var(--auth-stone); border: 1px solid var(--auth-border); border-radius: 12px; padding: 3px; margin-bottom: 14px; } .tmu-auth-tab-btn { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 10px; border-radius: 9px; border: none; background: transparent; color: var(--auth-muted); font-size: 12.5px; font-weight: 700; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; } .tmu-auth-tab-btn:hover { color: var(--auth-ink); } .tmu-auth-tab-btn.active { background: var(--auth-bg); color: var(--auth-orange); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } /* Panes */ .tmu-auth-pane { display: none; animation: tmuAuthFade 0.2s ease forwards; } .tmu-auth-pane.active { display: block; } @keyframes tmuAuthFade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } .tmu-pane-header { margin-bottom: 12px; } .tmu-pane-title { font-family: 'Space Grotesk', sans-serif; font-size: 18px; font-weight: 800; color: var(--auth-ink); letter-spacing: -0.02em; margin-bottom: 2px; } .tmu-pane-subtitle { font-size: 12px; color: var(--auth-muted); line-height: 1.4; margin: 0; } /* Form & Inputs */ .tmu-auth-form { display: flex; flex-direction: column; } .tmu-field-group { margin-bottom: 11px; } .tmu-field-label { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--auth-muted); margin-bottom: 4px; } .tmu-input-wrap { position: relative; display: flex; align-items: center; } .tmu-input-icon { position: absolute; left: 12px; color: var(--auth-muted); font-size: 13px; pointer-events: none; } .tmu-input { width: 100%; padding: 10px 12px 10px 36px; background: var(--auth-stone); border: 1.5px solid var(--auth-border); border-radius: 10px; font-size: 13px; font-weight: 500; color: var(--auth-ink); outline: none; transition: all 0.15s ease; box-sizing: border-box; } .tmu-input:focus { background: var(--auth-bg); border-color: var(--auth-orange); box-shadow: 0 0 0 3px rgba(242, 122, 26, 0.15); } .tmu-pass-toggle { position: absolute; right: 10px; background: transparent; border: none; color: var(--auth-muted); cursor: pointer; font-size: 14px; padding: 2px; display: flex; align-items: center; justify-content: center; } .tmu-pass-toggle:hover { color: var(--auth-orange); } .tmu-checkbox-label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-size: 12px; color: var(--auth-muted); user-select: none; } .tmu-checkbox-label input[type="checkbox"] { width: 15px; height: 15px; accent-color: var(--auth-orange); cursor: pointer; } .tmu-forgot-btn, .tmu-link, .tmu-switch-link { background: transparent; border: none; color: var(--auth-orange); font-size: 12px; font-weight: 700; text-decoration: none; cursor: pointer; padding: 0; transition: color 0.15s ease; } .tmu-forgot-btn:hover, .tmu-link:hover, .tmu-switch-link:hover { color: var(--auth-orange-deep); text-decoration: underline; } /* Submit CTA */ .tmu-submit-btn { width: 100%; padding: 11px 16px; border: none; border-radius: 10px; background: linear-gradient(135deg, #f27a1a 0%, #ea580c 100%); color: #ffffff; font-size: 13.5px; font-weight: 800; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; box-shadow: 0 4px 14px rgba(242, 122, 26, 0.35); transition: all 0.15s ease; } .tmu-submit-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(242, 122, 26, 0.45); } /* Social Logins */ .tmu-auth-divider { display: flex; align-items: center; text-align: center; margin: 12px 0 10px; color: var(--auth-muted); font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 700; } .tmu-auth-divider::before, .tmu-auth-divider::after { content: ''; flex: 1; border-bottom: 1px solid var(--auth-border); } .tmu-auth-divider span { padding: 0 8px; } .tmu-social-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 14px; } @media (max-width: 420px) { .tmu-social-grid { grid-template-columns: 1fr; } } .tmu-auth-social-btn { width: 100% !important; height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; padding: 8px 16px !important; border-radius: 10px !important; border: 1.5px solid var(--auth-border) !important; background: var(--auth-stone) !important; color: var(--auth-ink) !important; font-size: 13.5px !important; font-weight: 700 !important; text-decoration: none !important; transition: all 0.2s ease !important; box-sizing: border-box !important; } .tmu-auth-social-btn:hover { background: var(--auth-bg) !important; border-color: rgba(242, 122, 26, 0.5) !important; color: var(--auth-ink) !important; transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important; } .tmu-auth-social-btn svg { width: 18px !important; height: 18px !important; flex-shrink: 0 !important; display: block !important; } /* Footer Switcher */ .tmu-auth-footer { text-align: center; padding-top: 12px; border-top: 1px solid var(--auth-border); font-size: 12.5px; color: var(--auth-muted); display: flex; align-items: center; justify-content: center; gap: 5px; flex-wrap: wrap; } /* Alerts */ .tmu-auth-alert { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 10px; font-size: 12.5px; margin-bottom: 12px; } .tmu-auth-alert.danger { background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.3); color: #ef4444; } .tmu-auth-alert.success { background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); color: #10b981; } </style> <script> function switchAuthTab(tabName) { const tabsContainer = document.getElementById('tmuAuthTabs'); const tabBtns = document.querySelectorAll('.tmu-auth-tab-btn'); const panes = document.querySelectorAll('.tmu-auth-pane'); panes.forEach(p => p.classList.remove('active')); if (tabName === 'login') { if (tabsContainer) tabsContainer.style.display = 'grid'; if (tabBtns[0]) tabBtns[0].classList.add('active'); if (tabBtns[1]) tabBtns[1].classList.remove('active'); const p = document.getElementById('tmuPaneLogin'); if (p) p.classList.add('active'); } else if (tabName === 'register') { if (tabsContainer) tabsContainer.style.display = 'grid'; if (tabBtns[0]) tabBtns[0].classList.remove('active'); if (tabBtns[1]) tabBtns[1].classList.add('active'); const p = document.getElementById('tmuPaneRegister'); if (p) p.classList.add('active'); } else if (tabName === 'forgot') { if (tabsContainer) tabsContainer.style.display = 'none'; const p = document.getElementById('tmuPaneForgot'); if (p) p.classList.add('active'); } else if (tabName === 'reset') { if (tabsContainer) tabsContainer.style.display = 'none'; const p = document.getElementById('tmuPaneReset'); if (p) p.classList.add('active'); } } function togglePassVisibility(inputId, btn) { const input = document.getElementById(inputId); const icon = btn.querySelector('i'); if (!input || !icon) return; if (input.type === 'password') { input.type = 'text'; icon.classList.remove('fa-eye'); icon.classList.add('fa-eye-slash'); } else { input.type = 'password'; icon.classList.remove('fa-eye-slash'); icon.classList.add('fa-eye'); } } function initAuthAjaxForms() { function setupForm(formId, defaultRedirect) { var form = document.getElementById(formId); if (!form || form.hasAttribute('data-ajax-initialized')) return; form.setAttribute('data-ajax-initialized', 'true'); form.addEventListener('submit', function(e) { e.preventDefault(); var alertContainer = document.getElementById('tmuAuthAlertContainer'); if (alertContainer) alertContainer.innerHTML = ''; var submitBtn = form.querySelector('button[type="submit"]'); var originalContent = submitBtn ? submitBtn.innerHTML : ''; if (submitBtn) { submitBtn.disabled = true; submitBtn.innerHTML = '<i class="fa-solid fa-circle-notch fa-spin" style="margin-right:6px;"></i> <span>' + (window.please_wait || 'Please wait...') + '</span>'; } var formData = new FormData(form); fetch(form.action, { method: 'POST', headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || '' }, body: formData }) .then(function(res) { if (res.ok || res.status === 200 || res.status === 201 || res.status === 204) { if (submitBtn) { submitBtn.innerHTML = '<i class="fa-solid fa-check" style="margin-right:6px;"></i> <span>' + (window.flasher_success || 'Success! Redirecting...') + '</span>'; } return res.json().catch(function() { return {}; }).then(function(data) { var target = data.redirect || data.intended || defaultRedirect || window.location.href; window.location.href = target; }); } else if (res.status === 422) { return res.json().then(function(data) { var msg = data.message || 'Validation error'; if (data.errors) { var firstKey = Object.keys(data.errors)[0]; if (firstKey && data.errors[firstKey].length > 0) { msg = data.errors[firstKey][0]; } } var emailVal = form.querySelector('input[name="email"]')?.value || ''; var isEmailTaken = msg.toLowerCase().includes('already been taken') || msg.toLowerCase().includes('already registered'); var actionHtml = ''; if (isEmailTaken) { var loginEmail = document.querySelector('#tmuPaneLogin input[name="email"]'); if (loginEmail && emailVal) { loginEmail.value = emailVal; } actionHtml = '<div style="margin-top:6px;"><button type="button" onclick="switchAuthTab(\'login\')" style="background:none;border:none;padding:0;color:#ef4444;text-decoration:underline;font-weight:700;font-size:12.5px;cursor:pointer;">' + 'Sign in with this email instead &rarr;' + '</button></div>'; } if (alertContainer) { alertContainer.innerHTML = '<div class="tmu-auth-alert danger"><i class="fa-solid fa-circle-exclamation"></i><div><div><strong>' + msg + '</strong></div>' + actionHtml + '</div></div>'; } if (submitBtn) { submitBtn.disabled = false; submitBtn.innerHTML = originalContent; } }); } else { return res.json().catch(function() { return {}; }).then(function(data) { var msg = data.message || 'An error occurred. Please try again.'; if (alertContainer) { alertContainer.innerHTML = '<div class="tmu-auth-alert danger"><i class="fa-solid fa-circle-exclamation"></i><div><strong>' + msg + '</strong></div></div>'; } if (submitBtn) { submitBtn.disabled = false; submitBtn.innerHTML = originalContent; } }); } }) .catch(function(err) { if (submitBtn) { submitBtn.disabled = false; submitBtn.innerHTML = originalContent; } form.submit(); }); }); } setupForm('tmuRegisterForm', 'https://tempomailusa.com/dashboard'); setupForm('tmuLoginForm', 'https://tempomailusa.com/dashboard'); setupForm('tmuForgotForm', null); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initAuthAjaxForms); } else { initAuthAjaxForms(); } </script> </div> </div> </div> <style> .tmu-auth-modal .modal-content { background: transparent !important; border: none !important; } .modal-backdrop.show { opacity: 0.65 !important; backdrop-filter: blur(4px) !important; } </style> <script> window.openAuthModal = function(tab) { var modalEl = document.getElementById('tmuAuthModal'); if (modalEl) { if (typeof switchAuthTab === 'function') { switchAuthTab(tab || 'login'); } if (window.bootstrap && bootstrap.Modal) { bootstrap.Modal.getOrCreateInstance(modalEl).show(); } else if (window.$) { $('#tmuAuthModal').modal('show'); } } else { window.location.href = tab === 'register' ? 'https://tempomailusa.com/register' : 'https://tempomailusa.com/login'; } }; window.closeAuthModal = function() { var modalEl = document.getElementById('tmuAuthModal'); if (modalEl) { if (window.bootstrap && bootstrap.Modal) { bootstrap.Modal.getOrCreateInstance(modalEl).hide(); } else if (window.$) { $('#tmuAuthModal').modal('hide'); } } }; </script> <div class='sticky-adlobage' id='sticky-adlobage' style="position:fixed;bottom:0;left:0;width:100%;height:60px !important;max-height:60px !important;padding:5px 0;box-shadow:0 -4px 16px rgba(0,0,0,.08);display:none;align-items:center;justify-content:center;background:var(--panel, #ffffff);z-index:999;contain:strict !important;contain-intrinsic-size:100vw 60px !important;overflow:hidden !important;transform:translateZ(0);"> <div class='sticky-adlobage-close' onclick='document.getElementById("sticky-adlobage").style.display="none"' style="position:absolute;right:14px;top:4px;background:var(--stone, #f1f5f9);border:1px solid var(--line, #e2e8f0);border-radius:4px;padding:2px 8px;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.08);font-size:11px;font-weight:700;color:var(--ink, #555);z-index:1000;"> × Close </div> <div class='sticky-adlobage-content' style="width:100%;max-width:728px;height:50px !important;max-height:50px !important;overflow:hidden !important;text-align:center;contain:strict !important;contain-intrinsic-size:320px 50px !important;"> <div style="min-height:50px;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;"> <ins class="adsbygoogle" style="display:block;width:100%;" data-ad-client="ca-pub-8041889196861713" data-ad-slot="2335834890" data-ad-format="horizontal" data-full-width-responsive="true"></ins> <script>try{(adsbygoogle=window.adsbygoogle||[]).push({});}catch(e){}</script> </div> </div> </div> <script> (function() { var shown = false; function showStickyAd() { if (shown) return; shown = true; var el = document.getElementById('sticky-adlobage'); if (el) el.style.display = 'flex'; } if (window.TMU_Ads && typeof window.TMU_Ads.onReady === 'function') { window.TMU_Ads.onReady(function() { setTimeout(showStickyAd, 1200); }); } else { window.addEventListener('tmu:adsReady', function() { setTimeout(showStickyAd, 1200); }, { once: true }); } })(); </script> <script> window.toggleTempoTheme = function() { try { if (typeof window.setTempoTheme === 'function') { var current = document.documentElement.getAttribute('data-theme') || localStorage.getItem('tmu_theme') || 'light'; var next = (current === 'dark') ? 'light' : 'dark'; window.setTempoTheme(next); } } catch(e) {} }; </script> <script> document.addEventListener('DOMContentLoaded', function() { function initAOS() { if (typeof AOS !== 'undefined') { AOS.init({ duration: 700, easing: 'ease-out-cubic', once: true, offset: 40 }); } else { setTimeout(initAOS, 100); } } initAOS(); }); </script> <script> (function() { var progressBar = document.getElementById('tmuTopProgress'); var preloader = document.getElementById('sitePreloader'); var startTime = performance.now(); var isAudit = (function() { try { var ua = (navigator.userAgent || '').toLowerCase(); return ua.indexOf('lighthouse') !== -1 || ua.indexOf('page speed') !== -1 || ua.indexOf('insights') !== -1 || ua.indexOf('chrome-lighthouse') !== -1 || ua.indexOf('gtmetrix') !== -1 || ua.indexOf('pingdom') !== -1 || Boolean(navigator.webdriver); } catch(e) { return false; } })(); var minDisplayTime = isAudit ? 0 : 350; var preloaderCleared = false; // Stage 1: Fast initial GPU scale if (progressBar) { progressBar.style.transform = isAudit ? 'scaleX(1)' : 'scaleX(0.35)'; } // Stage 2: DOM Interactive GPU scale function onDomReady() { if (progressBar && !preloaderCleared) { progressBar.style.transform = 'scaleX(0.85)'; } if (isAudit) { clearPreloader(true); } } if (document.readyState === 'interactive' || document.readyState === 'complete') { onDomReady(); } else { document.addEventListener('DOMContentLoaded', onDomReady, { once: true }); } // Stage 3: Smooth Exit & Event Trigger function clearPreloader(immediate) { if (preloaderCleared) return; var elapsed = performance.now() - startTime; if (!immediate && !isAudit && elapsed < minDisplayTime) { setTimeout(function() { clearPreloader(true); }, minDisplayTime - elapsed); return; } preloaderCleared = true; if (progressBar) { progressBar.style.transform = 'scaleX(1)'; progressBar.classList.add('done'); setTimeout(function() { if (progressBar.parentNode) progressBar.parentNode.removeChild(progressBar); }, isAudit ? 50 : 350); } if (preloader) { preloader.classList.add('loaded'); setTimeout(function() { if (preloader.parentNode) preloader.parentNode.removeChild(preloader); }, isAudit ? 50 : 400); } // Dispatch global pageReady event for any listening scripts window.dispatchEvent(new CustomEvent('tmu:pageReady')); } // Clear upon window load window.addEventListener('load', function() { clearPreloader(false); }); // Fail-safe timeout: never hold screen longer than 1800ms setTimeout(function() { clearPreloader(true); }, 1800); // Global hook window.hideTmuPreloader = function() { clearPreloader(false); }; })(); </script> <style> /* ─── Premium VIP Upgrade Modal — v2 redesign (Light & Dark Mode) ─── */ .tmu-vip-modal .modal-content { background: var(--panel, #ffffff) !important; border: 1px solid var(--line, #e9e2d6) !important; border-radius: 28px !important; box-shadow: 0 30px 80px -20px rgba(15, 23, 42, 0.35) !important; overflow: hidden !important; position: relative !important; } /* soft orange glow band on top */ .tmu-vip-modal .modal-content::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 120px !important; background: radial-gradient(60% 100% at 50% 0%, rgba(245,158,11,0.16), rgba(245,158,11,0) 70%) !important; pointer-events: none !important; z-index: 0 !important; } .tmu-vip-modal .modal-body { position: relative !important; z-index: 1 !important; } /* entrance pop */ .tmu-vip-modal.show .modal-dialog { animation: tmuVipPop 0.32s cubic-bezier(0.22, 1.2, 0.36, 1) !important; } @keyframes tmuVipPop { from { transform: scale(0.94) translateY(10px); opacity: 0; } to { transform: scale(1) translateY(0); opacity: 1; } } .tmu-vip-close { position: absolute !important; top: 14px !important; right: 14px !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; border: none !important; background: rgba(100,116,139,0.10) !important; color: var(--muted, #64748b) !important; display: grid !important; place-items: center !important; font-size: 14px !important; cursor: pointer !important; transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease !important; z-index: 2 !important; } .tmu-vip-close:hover { background: rgba(100,116,139,0.20) !important; color: var(--ink, #0f172a) !important; transform: rotate(90deg) !important; } .tmu-vip-crown-wrap { display: flex !important; justify-content: center !important; margin: 6px 0 2px 0 !important; } .tmu-vip-crown-badge { width: 66px !important; height: 66px !important; border-radius: 50% !important; background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 55%, #ea580c 100%) !important; color: #ffffff !important; display: grid !important; place-items: center !important; font-size: 26px !important; box-shadow: 0 12px 30px rgba(245,158,11,0.45), 0 0 0 8px rgba(245,158,11,0.12) !important; animation: tmuCrownPulse 2.8s ease-in-out infinite !important; } @keyframes tmuCrownPulse { 0%, 100% { transform: scale(1); box-shadow: 0 12px 30px rgba(245,158,11,0.45), 0 0 0 8px rgba(245,158,11,0.12); } 50% { transform: scale(1.06); box-shadow: 0 16px 38px rgba(245,158,11,0.55), 0 0 0 12px rgba(245,158,11,0.10); } } .tmu-vip-badge-pill { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-size: 10.5px !important; font-weight: 800 !important; letter-spacing: 0.1em !important; padding: 5px 14px !important; border-radius: 20px !important; background: linear-gradient(135deg, rgba(245,158,11,0.14), rgba(234,88,12,0.14)) !important; color: #d97706 !important; border: 1px solid rgba(245,158,11,0.35) !important; margin: 10px 0 4px 0 !important; } .tmu-vip-title { font-family: 'Space Grotesk', -apple-system, sans-serif !important; font-size: 24px !important; font-weight: 800 !important; color: var(--ink, #0f172a) !important; margin: 6px 0 8px 0 !important; letter-spacing: -0.02em !important; line-height: 1.25 !important; } .tmu-vip-title .tmu-vip-count { background: linear-gradient(135deg, #f59e0b, #ea580c) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } .tmu-vip-domain-pill { display: inline-flex !important; align-items: center !important; gap: 7px !important; padding: 7px 16px !important; border-radius: 30px !important; background: rgba(245,158,11,0.12) !important; color: #d97706 !important; font-weight: 800 !important; font-size: 13.5px !important; border: 1px solid rgba(245,158,11,0.35) !important; margin-bottom: 10px !important; } .tmu-vip-description { font-size: 13.5px !important; color: var(--muted, #64748b) !important; line-height: 1.6 !important; margin: 0 auto 18px auto !important; max-width: 340px !important; } /* 2x2 premium perks grid */ .tmu-vip-perks { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin-bottom: 20px !important; text-align: left !important; } .tmu-vip-perk-item { display: flex !important; align-items: flex-start !important; gap: 9px !important; background: var(--stone, #faf7f1) !important; border: 1px solid var(--line, #e9e2d6) !important; border-radius: 14px !important; padding: 11px 12px !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.4 !important; color: var(--ink, #334155) !important; transition: transform 0.15s ease, box-shadow 0.15s ease !important; } .tmu-vip-perk-item:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 18px rgba(15,23,42,0.08) !important; } .tmu-vip-perk-icon { width: 32px !important; height: 32px !important; flex-shrink: 0 !important; border-radius: 10px !important; display: grid !important; place-items: center !important; background: linear-gradient(135deg, rgba(245,158,11,0.18), rgba(234,88,12,0.18)) !important; color: #d97706 !important; font-size: 14px !important; } .tmu-vip-actions { display: flex !important; flex-direction: column !important; gap: 6px !important; } .tmu-btn-upgrade-vip { position: relative !important; overflow: hidden !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; padding: 15px 20px !important; border-radius: 14px !important; background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%) !important; color: #ffffff !important; font-weight: 800 !important; font-size: 15px !important; text-decoration: none !important; border: none !important; cursor: pointer !important; box-shadow: 0 10px 28px rgba(234,88,12,0.40) !important; transition: transform 0.15s ease, box-shadow 0.15s ease !important; } .tmu-btn-upgrade-vip::after { content: "" !important; position: absolute !important; top: 0 !important; left: -80% !important; width: 50% !important; height: 100% !important; background: linear-gradient(100deg, transparent, rgba(255,255,255,0.45), transparent) !important; transform: skewX(-20deg) !important; transition: left 0.5s ease !important; } .tmu-btn-upgrade-vip:hover { transform: translateY(-2px) !important; box-shadow: 0 16px 34px rgba(234,88,12,0.50) !important; color: #ffffff !important; } .tmu-btn-upgrade-vip:hover::after { left: 130% !important; } .tmu-vip-trust { font-size: 11.5px !important; color: var(--muted, #94a3b8) !important; font-weight: 600 !important; margin-top: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; flex-wrap: wrap !important; } .tmu-vip-trust i { color: #22c55e !important; font-size: 11px !important; } .tmu-btn-dismiss-vip { background: transparent !important; border: none !important; color: var(--muted, #64748b) !important; font-size: 12.5px !important; font-weight: 600 !important; padding: 8px !important; cursor: pointer !important; transition: color 0.15s ease !important; } .tmu-btn-dismiss-vip:hover { color: var(--ink, #0f172a) !important; text-decoration: underline !important; } /* Dark theme overrides */ [data-theme="dark"] .tmu-vip-modal .modal-content, .dark .tmu-vip-modal .modal-content { background: #0f172a !important; border-color: rgba(255,255,255,0.12) !important; box-shadow: 0 30px 80px -20px rgba(0,0,0,0.75) !important; } [data-theme="dark"] .tmu-vip-title, .dark .tmu-vip-title { color: #f8fafc !important; } [data-theme="dark"] .tmu-vip-badge-pill, .dark .tmu-vip-badge-pill { color: #fbbf24 !important; } [data-theme="dark"] .tmu-vip-domain-pill, .dark .tmu-vip-domain-pill { color: #fbbf24 !important; background: rgba(245,158,11,0.16) !important; } [data-theme="dark"] .tmu-vip-description, .dark .tmu-vip-description { color: #94a3b8 !important; } [data-theme="dark"] .tmu-vip-perk-item, .dark .tmu-vip-perk-item { background: #1e293b !important; border-color: rgba(255,255,255,0.08) !important; color: #e2e8f0 !important; } [data-theme="dark"] .tmu-vip-close, .dark .tmu-vip-close { background: rgba(255,255,255,0.08) !important; color: #94a3b8 !important; } [data-theme="dark"] .tmu-vip-close:hover, .dark .tmu-vip-close:hover { background: rgba(255,255,255,0.16) !important; color: #ffffff !important; } [data-theme="dark"] .tmu-btn-dismiss-vip, .dark .tmu-btn-dismiss-vip { color: #94a3b8 !important; } [data-theme="dark"] .tmu-btn-dismiss-vip:hover, .dark .tmu-btn-dismiss-vip:hover { color: #ffffff !important; } /* Mobile: perks stack to 1 column on very small screens */ @media (max-width: 400px) { .tmu-vip-perks { grid-template-columns: 1fr !important; } .tmu-vip-title { font-size: 21px !important; } } </style> <div class="modal fade tmu-vip-modal" id="tmuVipUpgradeModal" tabindex="-1" aria-labelledby="tmuVipModalTitle" aria-hidden="true" style="z-index: 1060;"> <div class="modal-dialog modal-dialog-centered" style="max-width: 470px;"> <div class="modal-content"> <button type="button" class="tmu-vip-close" data-bs-dismiss="modal" onclick="dismissTmuVipModal()" aria-label="Close"> <i class="fa-solid fa-xmark"></i> </button> <div class="modal-body text-center" style="padding: 30px 26px 26px 26px;"> <div class="tmu-vip-crown-wrap"> <div class="tmu-vip-crown-badge"> <i class="fa-solid fa-crown"></i> </div> </div> <div class="tmu-vip-badge-pill" id="tmuVipModalBadge"> <i class="fa-solid fa-sparkles" style="font-size:10px;"></i> VIP EXCLUSIVE ACCESS </div> <h4 class="tmu-vip-title" id="tmuVipModalTitle">Unlock <span class="tmu-vip-count">222+</span> Premium Disposable Domains</h4> <div class="tmu-vip-domain-pill" id="tmuVipModalDomainPill" style="display: none;"> <i class="fa-solid fa-lock me-1"></i> <span id="tmuVipModalDomainName">sharklasers.com</span> </div> <p class="tmu-vip-description" id="tmuVipModalDesc"> Bypass anti-spam filters, unlock high-reputation domains, and enjoy lightning-fast OTP reception with zero delays. </p> <!-- Premium 2x2 Perks Grid --> <div class="tmu-vip-perks"> <div class="tmu-vip-perk-item"> <div class="tmu-vip-perk-icon"><i class="fa-solid fa-crown"></i></div> <span>222+ High-Reputation Premium Domains</span> </div> <div class="tmu-vip-perk-item"> <div class="tmu-vip-perk-icon"><i class="fa-solid fa-bolt"></i></div> <span>100% Ad-Free Experience with Instant Delivery</span> </div> <div class="tmu-vip-perk-item"> <div class="tmu-vip-perk-icon"><i class="fa-solid fa-clock"></i></div> <span>10x Longer Retention & Custom Vanity Handles</span> </div> <div class="tmu-vip-perk-item"> <div class="tmu-vip-perk-icon"><i class="fa-solid fa-shield-halved"></i></div> <span>Priority Inboxes with Military-Grade Privacy</span> </div> </div> <!-- Action CTA --> <div class="tmu-vip-actions"> <a href="/pricing" class="tmu-btn-upgrade-vip"> <i class="fa-solid fa-bolt"></i> Upgrade to VIP Pro <i class="fa-solid fa-arrow-right" style="font-size:13px;"></i> </a> <div class="tmu-vip-trust"> <span><i class="fa-solid fa-check"></i> Instant activation</span> <span>·</span> <span><i class="fa-solid fa-check"></i> Cancel anytime</span> </div> <button type="button" class="tmu-btn-dismiss-vip" data-bs-dismiss="modal" onclick="dismissTmuVipModal()"> Continue with Free Domain </button> </div> </div> </div> </div> </div> <script> (function() { var vipConfig = { enabled: 1, trigger: "exit_intent", delaySec: 7, cooldownHours: 24 }; var DISMISS_KEY = 'tempomail_vip_popup_dismissed_at'; function isDismissed() { if (!vipConfig.cooldownHours) return false; var ts = localStorage.getItem(DISMISS_KEY); if (!ts) return false; var diffMs = Date.now() - parseInt(ts, 10); return diffMs < (vipConfig.cooldownHours * 3600 * 1000); } window.openTmuVipModal = function(domainName, customTitle, customDesc) { var modal = document.getElementById('tmuVipUpgradeModal'); var pill = document.getElementById('tmuVipModalDomainPill'); var domainSpan = document.getElementById('tmuVipModalDomainName'); var titleEl = document.getElementById('tmuVipModalTitle'); var descEl = document.getElementById('tmuVipModalDesc'); if (domainName) { if (pill) pill.style.display = 'inline-flex'; if (domainSpan) domainSpan.textContent = domainName; } else { if (pill) pill.style.display = 'none'; } if (titleEl && customTitle) { titleEl.textContent = customTitle; } if (descEl && customDesc) { descEl.textContent = customDesc; } if (modal) { if (window.bootstrap && bootstrap.Modal) { var bsModal = bootstrap.Modal.getInstance(modal) || new bootstrap.Modal(modal); bsModal.show(); } else { modal.style.display = 'flex'; modal.classList.add('show'); } } }; window.closeTmuVipModal = function() { var modal = document.getElementById('tmuVipUpgradeModal'); if (modal) { if (window.bootstrap && bootstrap.Modal) { var bsModal = bootstrap.Modal.getInstance(modal); if (bsModal) bsModal.hide(); } modal.style.display = 'none'; modal.classList.remove('show'); } }; window.dismissTmuVipModal = function() { localStorage.setItem(DISMISS_KEY, Date.now()); window.closeTmuVipModal(); }; // Global click listener on elements with [data-vip-modal] document.addEventListener('click', function(e) { var target = e.target.closest('[data-vip-modal]'); if (target) { e.preventDefault(); var domain = target.getAttribute('data-vip-modal') || ''; var title = target.getAttribute('data-vip-title') || null; var desc = target.getAttribute('data-vip-desc') || null; window.openTmuVipModal(domain, title, desc); } }); // Automated trigger engine (respects enabled toggle and user dismissal cooldown) if (vipConfig.enabled && !isDismissed()) { var autoShown = false; function triggerAutoModal() { if (autoShown || isDismissed()) return; autoShown = true; window.openTmuVipModal(null); } // 1. Timer Trigger if (vipConfig.trigger === 'timer' || vipConfig.trigger === 'both') { setTimeout(function() { triggerAutoModal(); }, Math.max(1, vipConfig.delaySec) * 1000); } // 2. Scroll Depth Trigger if (vipConfig.trigger === 'scroll') { window.addEventListener('scroll', function() { var scrollPercent = (window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100; if (scrollPercent >= 40) { triggerAutoModal(); } }, { passive: true }); } // 3. Exit Intent Trigger if (vipConfig.trigger === 'exit_intent') { document.addEventListener('mouseleave', function(e) { if (e.clientY <= 10) { triggerAutoModal(); } }); } } })(); </script></body> </html>