{"id":8,"date":"2026-10-14T00:06:28","date_gmt":"2026-10-14T00:06:28","guid":{"rendered":"https:\/\/earncryptobd.online\/?page_id=8"},"modified":"2026-10-14T00:06:28","modified_gmt":"2026-10-14T00:06:28","slug":"tempmail-login","status":"publish","type":"page","link":"https:\/\/earncryptobd.online\/tempmail-login\/","title":{"rendered":"TempMail Login"},"content":{"rendered":"<div class=\"tmpmp-page-section tmpmp-auth-wrap\">\r\n\r\n    <!-- Hero -->\r\n    <div class=\"tmpmp-auth-hero\">\r\n        <a href=\"https:\/\/earncryptobd.online\/\" class=\"tmpmp-auth-icon\" title=\"earncryptobd.online\">&#9993;<\/a>\r\n        <h1>earncryptobd.online<\/h1>\r\n        <p>Sign in or create an account to get started.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tmpmp-auth-card\">\r\n\r\n        <!-- \u2500\u2500 Tab switcher \u2500\u2500 -->\r\n        <div class=\"tmpmp-auth-tabs\" id=\"tmpmp-auth-tabs\">\r\n            <button class=\"tmpmp-auth-tab active\"\r\n                    data-panel=\"tmpmp-panel-login\"    id=\"tmpmp-tab-login\">\r\n                Sign In            <\/button>\r\n            <button class=\"tmpmp-auth-tab \"\r\n                    data-panel=\"tmpmp-panel-register\" id=\"tmpmp-tab-register\">\r\n                Create Account            <\/button>\r\n        <\/div>\r\n\r\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             LOGIN PANEL\r\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n        <div id=\"tmpmp-panel-login\" class=\"tmpmp-auth-panel active\">\r\n\r\n            <!-- Verification status banners -->\r\n            \r\n            <!-- Magic Link -->\r\n            <div id=\"tmpmp-magic-form\">\r\n                <p class=\"tmpmp-auth-section-title\">\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71\"\/><\/svg>\r\n                    Magic Link (passwordless)                <\/p>\r\n                <input type=\"email\" id=\"tmpmp-magic-email\" class=\"tmpmp-auth-input\"\r\n                    placeholder=\"you@example.com\" autocomplete=\"email\">\r\n                <button id=\"tmpmp-magic-btn\" class=\"tmpmp-pub-btn tmpmp-pub-btn--primary\" style=\"width:100%;justify-content:center;\">\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n                    Send Magic Link                <\/button>\r\n                <div id=\"tmpmp-magic-msg\" class=\"tmpmp-auth-msg\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- Divider -->\r\n            <div class=\"tmpmp-auth-divider\"><hr><span>OR<\/span><hr><\/div>\r\n\r\n            <!-- Custom AJAX Login Form (replaces wp_login_form to avoid wp-login.php redirects) -->\r\n            <div id=\"tmpmp-login-msg\" class=\"tmpmp-auth-msg\" style=\"display:none;margin-bottom:12px;\"><\/div>\r\n\r\n            <div class=\"tmpmp-auth-field\">\r\n                <label class=\"tmpmp-auth-label\" for=\"tmpmp-login-user\">\r\n                    Email or Username                <\/label>\r\n                <input type=\"text\" id=\"tmpmp-login-user\" class=\"tmpmp-auth-input\"\r\n                       placeholder=\"you@example.com\"\r\n                       autocomplete=\"username\" spellcheck=\"false\" \/>\r\n            <\/div>\r\n\r\n            <div class=\"tmpmp-auth-field\" style=\"position:relative;\">\r\n                <label class=\"tmpmp-auth-label\" for=\"tmpmp-login-pass\">\r\n                    Password                <\/label>\r\n                <div style=\"position:relative;\">\r\n                    <input type=\"password\" id=\"tmpmp-login-pass\" class=\"tmpmp-auth-input\"\r\n                           autocomplete=\"current-password\" style=\"padding-right:42px;\" \/>\r\n                    <button type=\"button\" class=\"tmpmp-eye-btn\" data-target=\"tmpmp-login-pass\"\r\n                            style=\"position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;padding:0;line-height:1;\"\r\n                            aria-label=\"Toggle password visibility\">\r\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div style=\"display:flex;align-items:center;justify-content:space-between;margin:10px 0 16px;\">\r\n                <label style=\"display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;cursor:pointer;\">\r\n                    <input type=\"checkbox\" id=\"tmpmp-login-remember\" name=\"rememberme\">\r\n                    Remember Me                <\/label>\r\n                <a href=\"https:\/\/earncryptobd.online\/wp-login.php?action=lostpassword&#038;redirect_to=https%3A%2F%2Fearncryptobd.online%2F%3Fpage_id%3D8&#038;tmpmp_lp=1\"\r\n                   style=\"font-size:12.5px;color:#6366f1;text-decoration:none;\">\r\n                    Forgot password?                <\/a>\r\n            <\/div>\r\n\r\n            \r\n            <button id=\"tmpmp-login-btn\" class=\"tmpmp-pub-btn tmpmp-pub-btn--primary\" style=\"width:100%;justify-content:center;\">\r\n                Sign In            <\/button>\r\n\r\n            <!-- Google OAuth -->\r\n            \r\n            <p class=\"tmpmp-auth-note\" style=\"text-align:center;margin-top:14px;\">\r\n                Don&#039;t have an account?                <a href=\"#\" class=\"tmpmp-switch-tab\" data-panel=\"tmpmp-panel-register\">Create one \u2192<\/a>\r\n            <\/p>\r\n        <\/div><!-- \/login panel -->\r\n\r\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             REGISTER PANEL\r\n        \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n        <div id=\"tmpmp-panel-register\" class=\"tmpmp-auth-panel \">\r\n\r\n            <!-- Verification info notice -->\r\n            <div class=\"tmpmp-verify-banner tmpmp-verify-banner--info\" style=\"margin-bottom:18px;\">\r\n                <span class=\"tmpmp-vb-icon\">&#128274;<\/span>\r\n                <div style=\"font-size:13px;\">\r\n                    <strong>Email verification required<\/strong><br>\r\n                    After registering, a verification link will be sent to your email. Your account will only be activated once you click that link.                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Registration form -->\r\n            <div id=\"tmpmp-reg-form\">\r\n                <div class=\"tmpmp-reg-field\">\r\n                    <label for=\"tmpmp-reg-username\">Username<\/label>\r\n                    <input type=\"text\" id=\"tmpmp-reg-username\" class=\"tmpmp-auth-input\"\r\n                           placeholder=\"johndoe\"\r\n                           autocomplete=\"username\" maxlength=\"60\">\r\n                <\/div>\r\n                <div class=\"tmpmp-reg-field\">\r\n                    <label for=\"tmpmp-reg-email\">Email Address<\/label>\r\n                    <input type=\"email\" id=\"tmpmp-reg-email\" class=\"tmpmp-auth-input\"\r\n                           placeholder=\"you@example.com\"\r\n                           autocomplete=\"email\">\r\n                <\/div>\r\n                <div class=\"tmpmp-reg-field\">\r\n                    <label for=\"tmpmp-reg-pass\">Password<\/label>\r\n                    <div class=\"tmpmp-pass-wrap\">\r\n                        <input type=\"password\" id=\"tmpmp-reg-pass\" class=\"tmpmp-auth-input\"\r\n                               placeholder=\"Min 8 characters\"\r\n                               autocomplete=\"new-password\">\r\n                        <button type=\"button\" class=\"tmpmp-eye-btn\" data-target=\"tmpmp-reg-pass\" title=\"Show\/Hide\">&#128065;<\/button>\r\n                    <\/div>\r\n                    <!-- Password strength bar -->\r\n                    <div id=\"tmpmp-reg-strength-wrap\" class=\"tmpmp-strength-wrap\" style=\"display:none;\">\r\n                        <div class=\"tmpmp-strength-bars\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n                        <span id=\"tmpmp-reg-strength-label\" class=\"tmpmp-strength-label\"><\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"tmpmp-reg-field\">\r\n                    <label for=\"tmpmp-reg-pass2\">Confirm Password<\/label>\r\n                    <div class=\"tmpmp-pass-wrap\">\r\n                        <input type=\"password\" id=\"tmpmp-reg-pass2\" class=\"tmpmp-auth-input\"\r\n                               placeholder=\"Re-enter password\"\r\n                               autocomplete=\"new-password\">\r\n                        <button type=\"button\" class=\"tmpmp-eye-btn\" data-target=\"tmpmp-reg-pass2\" title=\"Show\/Hide\">&#128065;<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"tmpmp-reg-msg\" class=\"tmpmp-auth-msg\" style=\"margin-bottom:10px;\"><\/div>\r\n\r\n                <button id=\"tmpmp-reg-btn\" class=\"tmpmp-pub-btn tmpmp-pub-btn--primary\" style=\"width:100%;justify-content:center;\">\r\n                    &#128275; Create Account &amp; Send Verification                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Google OAuth for register -->\r\n            \r\n            <p class=\"tmpmp-auth-note\" style=\"text-align:center;margin-top:14px;\">\r\n                Already have an account?                <a href=\"#\" class=\"tmpmp-switch-tab\" data-panel=\"tmpmp-panel-login\">Sign in \u2192<\/a>\r\n            <\/p>\r\n        <\/div><!-- \/register panel -->\r\n\r\n    <\/div><!-- \/.tmpmp-auth-card -->\r\n<\/div><!-- \/.tmpmp-auth-wrap -->\r\n<style>\r\n@keyframes spin{to{transform:rotate(360deg);}}\r\n\r\n\/* \u2500\u2500 Auth tab switcher \u2500\u2500 *\/\r\n.tmpmp-auth-tabs {\r\n    display: flex;\r\n    background: #f1f5f9;\r\n    border-radius: 12px;\r\n    padding: 4px;\r\n    gap: 4px;\r\n    margin-bottom: 22px;\r\n}\r\n.tmpmp-auth-tab {\r\n    flex: 1;\r\n    padding: 9px 0;\r\n    border: none;\r\n    border-radius: 9px;\r\n    background: transparent;\r\n    font-size: 13.5px;\r\n    font-weight: 700;\r\n    color: #64748b;\r\n    cursor: pointer;\r\n    transition: background .18s, color .18s, box-shadow .18s;\r\n}\r\n.tmpmp-auth-tab.active {\r\n    background: #fff;\r\n    color: #6366f1;\r\n    box-shadow: 0 1px 6px rgba(99,102,241,.15);\r\n}\r\n.tmpmp-auth-tab:hover:not(.active) { background: #e2e8f0; }\r\n\r\n\/* \u2500\u2500 Auth panels \u2500\u2500 *\/\r\n.tmpmp-auth-panel { display: none; }\r\n.tmpmp-auth-panel.active { display: block; }\r\n\r\n\/* \u2500\u2500 Verification banners \u2500\u2500 *\/\r\n.tmpmp-verify-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;margin-bottom:16px;font-size:13.5px;line-height:1.5;}\r\n.tmpmp-verify-banner--success{background:#f0fdf4;border:1.5px solid #86efac;color:#166534;}\r\n.tmpmp-verify-banner--info   {background:#eff6ff;border:1.5px solid #93c5fd;color:#1e40af;}\r\n.tmpmp-verify-banner--error  {background:#fff7ed;border:1.5px solid #fca5a5;color:#991b1b;}\r\n.tmpmp-vb-icon{font-size:20px;flex-shrink:0;margin-top:1px;}\r\n.tmpmp-resend-wrap{margin-bottom:14px;}\r\n.tmpmp-resend-label{margin:0 0 8px;font-size:12.5px;color:#64748b;}\r\n\r\n\/* \u2500\u2500 Register form \u2500\u2500 *\/\r\n.tmpmp-reg-field { margin-bottom: 14px; }\r\n.tmpmp-reg-field label {\r\n    display: block;\r\n    font-size: 11.5px;\r\n    font-weight: 700;\r\n    color: #64748b;\r\n    text-transform: uppercase;\r\n    letter-spacing: .5px;\r\n    margin-bottom: 5px;\r\n}\r\n.tmpmp-pass-wrap {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n.tmpmp-pass-wrap .tmpmp-auth-input { padding-right: 42px; }\r\n.tmpmp-eye-btn {\r\n    position: absolute;\r\n    right: 10px;\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    font-size: 16px;\r\n    color: #94a3b8;\r\n    padding: 0;\r\n    line-height: 1;\r\n}\r\n.tmpmp-eye-btn:hover { color: #6366f1; }\r\n\r\n\/* \u2500\u2500 Password strength \u2500\u2500 *\/\r\n.tmpmp-strength-wrap {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-top: 7px;\r\n}\r\n.tmpmp-strength-bars {\r\n    display: flex;\r\n    gap: 3px;\r\n}\r\n.tmpmp-strength-bars span {\r\n    width: 36px;\r\n    height: 4px;\r\n    border-radius: 2px;\r\n    background: #e2e8f0;\r\n    transition: background .2s;\r\n}\r\n.tmpmp-strength-bars span.very-weak   { background: #ef4444; }\r\n.tmpmp-strength-bars span.weak        { background: #f97316; }\r\n.tmpmp-strength-bars span.fair        { background: #eab308; }\r\n.tmpmp-strength-bars span.strong      { background: #22c55e; }\r\n.tmpmp-strength-bars span.very-strong { background: #10b981; }\r\n.tmpmp-strength-label { font-size: 11px; font-weight: 700; }\r\n.tmpmp-strength-label.very-weak   { color: #ef4444; }\r\n.tmpmp-strength-label.weak        { color: #f97316; }\r\n.tmpmp-strength-label.fair        { color: #eab308; }\r\n.tmpmp-strength-label.strong      { color: #22c55e; }\r\n.tmpmp-strength-label.very-strong { color: #10b981; }\r\n\r\n\/* \u2500\u2500 Misc \u2500\u2500 *\/\r\n.tmpmp-pub-btn--outline{padding:10px 18px;border-radius:9px;border:1.5px solid #6366f1;background:transparent;color:#6366f1;font:600 13px\/1 inherit;cursor:pointer;transition:background .15s;}\r\n.tmpmp-pub-btn--outline:hover{background:rgba(99,102,241,.08);}\r\n.tmpmp-auth-note { font-size: 12.5px; color: #64748b; margin-top: 12px; }\r\n.tmpmp-auth-note a { color: #6366f1; font-weight: 700; text-decoration: none; }\r\n.tmpmp-auth-note a:hover { text-decoration: underline; }\r\n<\/style>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/earncryptobd.online\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/earncryptobd.online\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/earncryptobd.online\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/earncryptobd.online\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/earncryptobd.online\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":0,"href":"https:\/\/earncryptobd.online\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/earncryptobd.online\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}