Free Time Capsule 2026: Send a Message to the Future | Metaverse Planet<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap');\n \n body { \n font-family: 'Plus Jakarta Sans', sans-serif;\n background: #020205;\n color: #fff;\n margin: 0;\n overflow-x: hidden;\n }\n\n .ether-bg {\n background: radial-gradient(circle at 50% -20%, #1e124a 0%, #020205 80%);\n min-height: 100vh;\n }\n\n .neon-wrapper {\n position: relative;\n padding: 2px;\n background: rgba(255, 255, 255, 0.03);\n border-radius: 30px;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n @media (min-width: 768px) {\n .neon-wrapper { border-radius: 52px; padding: 3px; }\n }\n\n .neon-wrapper::before {\n content: '';\n position: absolute;\n width: 200%;\n height: 200%;\n background-image: conic-gradient(transparent, transparent, transparent, #f9316a);\n animation: rotateNeon 4s linear infinite;\n z-index: 0;\n }\n\n @keyframes rotateNeon {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n .input-card {\n background: #05050a;\n border-radius: 28px;\n width: 100%;\n height: 100%;\n z-index: 1;\n position: relative;\n }\n\n @media (min-width: 768px) {\n .input-card { border-radius: 50px; }\n }\n\n .main-container {\n width: 100%;\n max-width: 100%;\n padding: 0 1rem;\n }\n\n @media (min-width: 1024px) {\n .main-container { padding: 0 4rem; }\n }\n\n .btn-prime {\n background: linear-gradient(135deg, #f9316a 0%, #fb6992 100%);\n border-radius: 9999px;\n box-shadow: 0 10px 30px rgba(249, 49, 106, 0.3);\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n }\n\n .btn-prime:hover {\n transform: scale(1.02);\n box-shadow: 0 15px 40px rgba(249, 49, 106, 0.5);\n }\n\n .option-pill {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.05);\n border-radius: 9999px;\n transition: all 0.2s ease;\n cursor: pointer;\n color: rgba(255, 255, 255, 0.4);\n font-weight: 800;\n }\n\n .option-pill.active {\n background: #fff;\n color: #000;\n }\n\n #letter-input { \n min-height: 300px; \n caret-color: #f9316a; \n width: 100%;\n border: none;\n background: transparent;\n color: white;\n outline: none;\n font-size: 1.25rem;\n line-height: 1.4;\n }\n\n @media (min-width: 768px) {\n #letter-input { font-size: 1.875rem; min-height: 400px; }\n }\n\n #letter-input::placeholder {\n color: rgba(255, 255, 255, 0.15);\n }\n <\/style>\n<\/head>\n<body class=\"ether-bg\">\n\n <div id=\"toast-container\" class=\"fixed top-4 left-1\/2 -translate-x-1\/2 z-50 w-[90%] max-w-sm\"><\/div>\n\n <main class=\"w-full relative z-10 py-8 lg:py-12\">\n \n <header class=\"text-center mb-8 lg:mb-16 px-4\">\n <h2 class=\"text-3xl md:text-6xl font-extrabold tracking-tighter mb-4 bg-clip-text text-transparent bg-gradient-to-b from-white to-gray-600\">\n Send a Message to the Future\n <\/h2>\n <p class=\"text-gray-400 text-sm md:text-2xl font-light tracking-widest max-w-4xl mx-auto\">\n Your legacy, encoded for the future. \n <span class=\"text-[#f9316a] font-bold block md:inline\">Launch your essence into 2026.<\/span>\n <\/p>\n <\/header>\n\n <div class=\"main-container space-y-6 lg:space-y-8\">\n \n <div class=\"neon-wrapper shadow-2xl\">\n <section class=\"input-card p-6 lg:p-16\">\n <div class=\"flex items-center justify-between mb-6 lg:mb-10 text-white\/30 font-black\">\n <div class=\"flex items-center gap-2\">\n <div class=\"w-2 h-2 rounded-full bg-[#f9316a] animate-pulse\"><\/div>\n <span class=\"text-[10px] lg:text-xs uppercase tracking-[0.4em]\">Protocol: 2026<\/span>\n <\/div>\n <button onclick=\"resetMatrix()\" class=\"text-[9px] lg:text-[10px] hover:text-[#f9316a] uppercase tracking-widest transition-all bg-transparent border-none cursor-pointer\">Reset<\/button>\n <\/div>\n\n <textarea id=\"letter-input\" placeholder=\"Write your message...\"><\/textarea>\n\n <div class=\"mt-6 lg:mt-12 flex flex-col md:flex-row items-center justify-between gap-4 border-t border-white\/5 pt-6 lg:pt-8\">\n <button onclick=\"sparkInspiration()\" class=\"w-full md:w-auto px-10 py-3 rounded-full bg-white\/5 border border-white\/10 text-[10px] lg:text-xs font-black text-[#f9316a] hover:bg-[#f9316a] hover:text-white transition-all uppercase tracking-widest flex items-center justify-center gap-2 cursor-pointer\">\n <i data-lucide=\"sparkles\" class=\"w-4 h-4\"><\/i> Spark Inspiration\n <\/button>\n <span id=\"word-count\" class=\"text-[9px] lg:text-xs font-black text-white\/10 uppercase tracking-widest\">0 WORDS<\/span>\n <\/div>\n <\/section>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-4 gap-4 lg:gap-6\">\n \n <div class=\"bg-white\/5 backdrop-blur-md p-6 lg:p-8 rounded-[30px] border border-white\/5\">\n <h3 class=\"text-[10px] font-black text-white\/30 uppercase tracking-[0.3em] mb-4 text-center\">Horizon<\/h3>\n <div class=\"flex justify-center gap-2\" id=\"time-options\"><\/div>\n <\/div>\n\n <div class=\"lg:col-span-2 bg-white\/5 backdrop-blur-md p-6 lg:p-8 rounded-[30px] border border-white\/5\">\n <h3 class=\"text-[10px] font-black text-white\/30 uppercase tracking-[0.3em] mb-4 text-center\">Identity Link<\/h3>\n <div class=\"flex flex-col md:flex-row gap-3\">\n <input type=\"text\" id=\"recipient-input\" class=\"w-full bg-white\/5 border border-white\/5 rounded-full px-6 py-3 text-xs lg:text-sm focus:border-[#f9316a] outline-none text-center text-white\" placeholder=\"NAME\">\n <input type=\"email\" id=\"email-input\" class=\"w-full bg-white\/5 border border-white\/5 rounded-full px-6 py-3 text-xs lg:text-sm focus:border-[#f9316a] outline-none text-center text-white\" placeholder=\"EMAIL\">\n <\/div>\n <\/div>\n\n <div class=\"lg:col-span-1\">\n <button id=\"send-btn\" class=\"btn-prime w-full h-full min-h-[70px] flex items-center justify-center gap-4 group\">\n <span class=\"text-2xl lg:text-3xl font-black uppercase tracking-widest text-white\">SEND<\/span>\n <i data-lucide=\"send\" class=\"w-6 h-6 group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform text-white\"><\/i>\n <\/button>\n <\/div>\n\n <\/div>\n <\/div>\n\n <footer class=\"mt-12 text-center text-[9px] font-black text-white\/10 uppercase tracking-[0.5em]\">\n Metaverse Planet | Time Protocol v2.6\n <\/footer>\n <\/main>\n\n <script>\n let state = { letter: \"\", selectedTime: \"1 year\", recipientName: \"\", email: \"\" };\n const timeOptions = [\"1Y\", \"3Y\", \"5Y\", \"10Y\"];\n const inspirations = [\n \"I am incredibly happy right now, and I hope you are feeling this same joy in 2026.\",\n \"I wonder if you finally managed to turn those big dreams into reality?\",\n \"If you're going through a tough time, remember your current strength.\",\n \"I hope you've stayed true to our values.\",\n \"I wonder who is sitting next to you as you read this.\"\n ];\n\n const letterInput = document.getElementById('letter-input');\n const wordCountDisplay = document.getElementById('word-count');\n const timeOptionsContainer = document.getElementById('time-options');\n const recipientInput = document.getElementById('recipient-input');\n const emailInput = document.getElementById('email-input');\n const sendBtn = document.getElementById('send-btn');\n const toastContainer = document.getElementById('toast-container');\n\n function init() {\n lucide.createIcons();\n renderTimeOptions();\n letterInput.addEventListener('input', (e) => { state.letter = e.target.value; updateWordCount(); });\n recipientInput.addEventListener('input', (e) => { state.recipientName = e.target.value; });\n emailInput.addEventListener('input', (e) => { state.email = e.target.value; });\n sendBtn.addEventListener('click', handleSendLetter);\n }\n\n window.sparkInspiration = () => {\n const msg = inspirations[Math.floor(Math.random() * inspirations.length)];\n letterInput.value = msg; state.letter = msg; updateWordCount();\n showToast(\"Inspiration Matrix Loaded.\");\n };\n\n window.resetMatrix = () => {\n letterInput.value = \"\"; state.letter = \"\"; updateWordCount();\n showToast(\"Matrix Reset.\");\n };\n\n function renderTimeOptions() {\n timeOptionsContainer.innerHTML = timeOptions.map(time => {\n const label = time === \"1Y\" ? \"1 year\" : time === \"3Y\" ? \"3 years\" : time === \"5Y\" ? \"5 years\" : \"10 years\";\n return `<button onclick=\"setTime('${label}')\" class=\"option-pill px-4 py-2 text-[10px] font-black transition-all ${state.selectedTime === label ? 'active' : 'text-white\/40'}\">${time}<\/button>`;\n }).join('');\n }\n\n function updateWordCount() {\n const count = state.letter.trim().split(\/\\s+\/).filter(Boolean).length;\n wordCountDisplay.textContent = `${count} WORDS`;\n }\n\n window.setTime = (time) => { state.selectedTime = time; renderTimeOptions(); };\n\n async function handleSendLetter() {\n if (state.letter.trim().length < 5) { showToast(\"Protocol Error: Too short.\"); return; }\n if (!recipientInput.value.trim()) { showToast(\"Name is required.\"); return; }\n \n sendBtn.disabled = true;\n sendBtn.innerHTML = `<span class=\"animate-pulse text-xs\">UPLOADING...<\/span>`;\n\n try {\n const response = await fetch('\/wp-json\/future-letter\/v1\/send', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n letter: state.letter,\n deliveryTime: state.selectedTime,\n recipientName: state.recipientName,\n email: state.email\n }),\n });\n if (response.ok) {\n showToast(\"Success: Message Sent.\");\n resetMatrix();\n } else { throw new Error('API Error'); }\n } catch (error) {\n showToast(\"System Error.\");\n } finally {\n sendBtn.disabled = false;\n sendBtn.innerHTML = `<span class=\"text-2xl lg:text-3xl font-black uppercase tracking-widest text-white\">SEND<\/span><i data-lucide=\"send\" class=\"w-6 h-6 text-white\"><\/i>`;\n lucide.createIcons();\n }\n }\n\n function showToast(msg) {\n const t = document.createElement('div');\n t.className = \"bg-white text-black px-6 py-3 rounded-full text-[10px] font-black text-center shadow-2xl animate-bounce mb-2\";\n t.textContent = msg;\n toastContainer.appendChild(t);\n setTimeout(() => t.remove(), 3000);\n }\n\n init();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<div class=\"future-container\" style=\"width: 100%; color: white; font-family: 'Plus Jakarta Sans', sans-serif; margin-top: 60px; padding-bottom: 100px;\">\n \n <section style=\"width: 100%; padding: 40px 5%;\">\n <div style=\"width: 100%; max-width: 1400px; margin: 0 auto;\">\n <div style=\"background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 60px; padding: 60px 40px; text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,0.3);\">\n \n <h2 style=\"font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 800; margin-bottom: 2rem; letter-spacing: -1.5px; line-height: 1.2; background: linear-gradient(to bottom, #ffffff, #a1a1a1); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">\n The Mission: Bridging the Gap Between Today and Tomorrow\n <\/h2>\n \n <div style=\"width: 100%; max-width: 1000px; margin: 0 auto;\">\n <p style=\"color: #9ca3af; font-size: 1.15rem; line-height: 1.8; margin-bottom: 1.5rem; font-weight: 300;\">\n At <strong>Metaverse Planet<\/strong>, we believe that the most powerful form of time travel is the evolution of the human soul. Our <strong>2026 Digital Time Capsule<\/strong> protocol is designed to capture your current thoughts, emotions, and aspirations, preserving them in the digital nebula until the perfect moment arrives.\n <\/p>\n <p style=\"color: #9ca3af; font-size: 1.15rem; line-height: 1.8; font-weight: 300; margin-bottom: 0;\">\n Whether it is a promise to yourself, a message to a loved one, or a strategic vision for your career, our platform ensures your <strong>free message to the future<\/strong> is stored securely and delivered precisely when you need it most. We are not just sending data; we are launching legacies.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section style=\"width: 100%; padding: 40px 5%;\">\n <div style=\"width: 100%; max-width: 1400px; margin: 0 auto;\">\n <div style=\"text-align: center; margin-bottom: 50px;\">\n <h2 style=\"font-size: 2.2rem; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px; color: #ffffff;\">Frequently Asked Questions<\/h2>\n <div style=\"width: 80px; height: 3px; background: #f9316a; margin: 0 auto; border-radius: 99px; box-shadow: 0 0 15px rgba(249, 49, 106, 0.4);\"><\/div>\n <\/div>\n\n <div class=\"meta-accordion\">\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq1\" class=\"meta-input\">\n <label for=\"mfaq1\" class=\"meta-label\">Is sending a message to the future free?<\/label>\n <div class=\"meta-content\">\n <p>Yes, the Metaverse Planet Time Capsule protocol is completely free of charge for all users in 2026. Our mission is to provide a digital legacy for everyone.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq2\" class=\"meta-input\">\n <label for=\"mfaq2\" class=\"meta-label\">How many years into the future can I send a message?<\/label>\n <div class=\"meta-content\">\n <p>You can currently choose temporal targets of 1 year, 3 years, 5 years, or 10 years depending on your future vision.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq3\" class=\"meta-input\">\n <label for=\"mfaq3\" class=\"meta-label\">Is my digital time capsule secure and private?<\/label>\n <div class=\"meta-content\">\n <p>Absolutely. Your messages are encrypted and stored within our secure protocol. No one can read your message until its delivery date.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq4\" class=\"meta-input\">\n <label for=\"mfaq4\" class=\"meta-label\">Can I edit or delete my message after sending?<\/label>\n <div class=\"meta-content\">\n <p>Once a message is launched into the digital nebula, it is sealed to preserve the integrity of the experience and cannot be modified.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq5\" class=\"meta-input\">\n <label for=\"mfaq5\" class=\"meta-label\">What if I change my email address in the future?<\/label>\n <div class=\"meta-content\">\n <p>We highly recommend using a permanent personal email address (like Gmail or iCloud) that you intend to use for a long time.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq6\" class=\"meta-input\">\n <label for=\"mfaq6\" class=\"meta-label\">How will I receive my message when the time comes?<\/label>\n <div class=\"meta-content\">\n <p>On the exact date you selected, our system will automatically trigger a transmission to your registered email address.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq7\" class=\"meta-input\">\n <label for=\"mfaq7\" class=\"meta-label\">Can I send a message to someone else?<\/label>\n <div class=\"meta-content\">\n <p>Yes! You can write a letter to a loved one as long as you provide an email address they will have access to in the future.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq8\" class=\"meta-input\">\n <label for=\"mfaq8\" class=\"meta-label\">What is the purpose of Metaverse Planet?<\/label>\n <div class=\"meta-content\">\n <p>Metaverse Planet is an ecosystem dedicated to merging physical and digital worlds, creating tools that preserve human experiences.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq9\" class=\"meta-input\">\n <label for=\"mfaq9\" class=\"meta-label\">Does this time capsule support images or video?<\/label>\n <div class=\"meta-content\">\n <p>Currently, Version 2.6 supports text-based data only. Multimedia support is planned for our next major protocol update.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n<\/div>\n\n<style>\n .meta-accordion {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .meta-item {\n background: rgba(255, 255, 255, 0.02);\n border: 1px solid rgba(255, 255, 255, 0.05);\n border-radius: 25px;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n .meta-input {\n display: none;\n }\n .meta-label {\n display: block;\n padding: 22px 30px;\n font-size: 1.05rem;\n font-weight: 700;\n cursor: pointer;\n position: relative;\n }\n .meta-label::after {\n content: '+';\n position: absolute;\n right: 30px;\n color: #f9316a;\n font-size: 22px;\n transition: transform 0.3s ease;\n }\n .meta-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n background: rgba(255, 255, 255, 0.01);\n }\n .meta-content p {\n padding: 0 30px 25px;\n margin: 0;\n color: #9ca3af;\n line-height: 1.6;\n }\n .meta-input:checked + .meta-label {\n color: #f9316a;\n }\n .meta-input:checked + .meta-label::after {\n content: '-';\n }\n .meta-input:checked ~ .meta-content {\n max-height: 250px;\n }\n .meta-item:hover {\n background: rgba(255, 255, 255, 0.04);\n border-color: rgba(249, 49, 106, 0.2);\n }\n @media (max-width: 768px) {\n .meta-label { padding: 18px 20px; font-size: 0.95rem; }\n .meta-label::after { right: 20px; }\n }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Free Time Capsule 2026: Send a Message to the Future | Metaverse Planet Send a Message to the Future Your legacy, encoded for the future. Launch your essence into 2026. Protocol: 2026 Reset Spark Inspiration 0 WORDS Horizon Identity Link SEND Metaverse Planet | Time Protocol v2.6 The Mission: Bridging the Gap Between Today and …<\/p>\n","protected":false},"author":1,"featured_media":14462,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"googlesitekit_rrm_CAown96uCw:productID":"","footnotes":""},"categories":[336],"tags":[338,307],"class_list":["post-36828","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-futurescience","tag-how-to-future","tag-tools"],"amp_enabled":false,"_links":{"self":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/posts\/36828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/comments?post=36828"}],"version-history":[{"count":0,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/posts\/36828\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/media\/14462"}],"wp:attachment":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/media?parent=36828"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/categories?post=36828"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/tags?post=36828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":36828,"date":"2025-12-17T06:44:33","date_gmt":"2025-12-17T06:44:33","guid":{"rendered":"https:\/\/metaverseplanet.net\/blog\/?p=36828"},"modified":"2026-01-05T12:35:15","modified_gmt":"2026-01-05T12:35:15","slug":"message-to-the-future-free","status":"publish","type":"post","link":"https:\/\/metaverseplanet.net\/blog\/message-to-the-future-free\/","title":{"rendered":"Free Time Capsule"},"content":{"rendered":"\n\n\n\n \n \n Free Time Capsule 2026: Send a Message to the Future | Metaverse Planet<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap');\n \n body { \n font-family: 'Plus Jakarta Sans', sans-serif;\n background: #020205;\n color: #fff;\n margin: 0;\n overflow-x: hidden;\n }\n\n .ether-bg {\n background: radial-gradient(circle at 50% -20%, #1e124a 0%, #020205 80%);\n min-height: 100vh;\n }\n\n .neon-wrapper {\n position: relative;\n padding: 2px;\n background: rgba(255, 255, 255, 0.03);\n border-radius: 30px;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n @media (min-width: 768px) {\n .neon-wrapper { border-radius: 52px; padding: 3px; }\n }\n\n .neon-wrapper::before {\n content: '';\n position: absolute;\n width: 200%;\n height: 200%;\n background-image: conic-gradient(transparent, transparent, transparent, #f9316a);\n animation: rotateNeon 4s linear infinite;\n z-index: 0;\n }\n\n @keyframes rotateNeon {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n .input-card {\n background: #05050a;\n border-radius: 28px;\n width: 100%;\n height: 100%;\n z-index: 1;\n position: relative;\n }\n\n @media (min-width: 768px) {\n .input-card { border-radius: 50px; }\n }\n\n .main-container {\n width: 100%;\n max-width: 100%;\n padding: 0 1rem;\n }\n\n @media (min-width: 1024px) {\n .main-container { padding: 0 4rem; }\n }\n\n .btn-prime {\n background: linear-gradient(135deg, #f9316a 0%, #fb6992 100%);\n border-radius: 9999px;\n box-shadow: 0 10px 30px rgba(249, 49, 106, 0.3);\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n }\n\n .btn-prime:hover {\n transform: scale(1.02);\n box-shadow: 0 15px 40px rgba(249, 49, 106, 0.5);\n }\n\n .option-pill {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.05);\n border-radius: 9999px;\n transition: all 0.2s ease;\n cursor: pointer;\n color: rgba(255, 255, 255, 0.4);\n font-weight: 800;\n }\n\n .option-pill.active {\n background: #fff;\n color: #000;\n }\n\n #letter-input { \n min-height: 300px; \n caret-color: #f9316a; \n width: 100%;\n border: none;\n background: transparent;\n color: white;\n outline: none;\n font-size: 1.25rem;\n line-height: 1.4;\n }\n\n @media (min-width: 768px) {\n #letter-input { font-size: 1.875rem; min-height: 400px; }\n }\n\n #letter-input::placeholder {\n color: rgba(255, 255, 255, 0.15);\n }\n <\/style>\n<\/head>\n<body class=\"ether-bg\">\n\n <div id=\"toast-container\" class=\"fixed top-4 left-1\/2 -translate-x-1\/2 z-50 w-[90%] max-w-sm\"><\/div>\n\n <main class=\"w-full relative z-10 py-8 lg:py-12\">\n \n <header class=\"text-center mb-8 lg:mb-16 px-4\">\n <h2 class=\"text-3xl md:text-6xl font-extrabold tracking-tighter mb-4 bg-clip-text text-transparent bg-gradient-to-b from-white to-gray-600\">\n Send a Message to the Future\n <\/h2>\n <p class=\"text-gray-400 text-sm md:text-2xl font-light tracking-widest max-w-4xl mx-auto\">\n Your legacy, encoded for the future. \n <span class=\"text-[#f9316a] font-bold block md:inline\">Launch your essence into 2026.<\/span>\n <\/p>\n <\/header>\n\n <div class=\"main-container space-y-6 lg:space-y-8\">\n \n <div class=\"neon-wrapper shadow-2xl\">\n <section class=\"input-card p-6 lg:p-16\">\n <div class=\"flex items-center justify-between mb-6 lg:mb-10 text-white\/30 font-black\">\n <div class=\"flex items-center gap-2\">\n <div class=\"w-2 h-2 rounded-full bg-[#f9316a] animate-pulse\"><\/div>\n <span class=\"text-[10px] lg:text-xs uppercase tracking-[0.4em]\">Protocol: 2026<\/span>\n <\/div>\n <button onclick=\"resetMatrix()\" class=\"text-[9px] lg:text-[10px] hover:text-[#f9316a] uppercase tracking-widest transition-all bg-transparent border-none cursor-pointer\">Reset<\/button>\n <\/div>\n\n <textarea id=\"letter-input\" placeholder=\"Write your message...\"><\/textarea>\n\n <div class=\"mt-6 lg:mt-12 flex flex-col md:flex-row items-center justify-between gap-4 border-t border-white\/5 pt-6 lg:pt-8\">\n <button onclick=\"sparkInspiration()\" class=\"w-full md:w-auto px-10 py-3 rounded-full bg-white\/5 border border-white\/10 text-[10px] lg:text-xs font-black text-[#f9316a] hover:bg-[#f9316a] hover:text-white transition-all uppercase tracking-widest flex items-center justify-center gap-2 cursor-pointer\">\n <i data-lucide=\"sparkles\" class=\"w-4 h-4\"><\/i> Spark Inspiration\n <\/button>\n <span id=\"word-count\" class=\"text-[9px] lg:text-xs font-black text-white\/10 uppercase tracking-widest\">0 WORDS<\/span>\n <\/div>\n <\/section>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-4 gap-4 lg:gap-6\">\n \n <div class=\"bg-white\/5 backdrop-blur-md p-6 lg:p-8 rounded-[30px] border border-white\/5\">\n <h3 class=\"text-[10px] font-black text-white\/30 uppercase tracking-[0.3em] mb-4 text-center\">Horizon<\/h3>\n <div class=\"flex justify-center gap-2\" id=\"time-options\"><\/div>\n <\/div>\n\n <div class=\"lg:col-span-2 bg-white\/5 backdrop-blur-md p-6 lg:p-8 rounded-[30px] border border-white\/5\">\n <h3 class=\"text-[10px] font-black text-white\/30 uppercase tracking-[0.3em] mb-4 text-center\">Identity Link<\/h3>\n <div class=\"flex flex-col md:flex-row gap-3\">\n <input type=\"text\" id=\"recipient-input\" class=\"w-full bg-white\/5 border border-white\/5 rounded-full px-6 py-3 text-xs lg:text-sm focus:border-[#f9316a] outline-none text-center text-white\" placeholder=\"NAME\">\n <input type=\"email\" id=\"email-input\" class=\"w-full bg-white\/5 border border-white\/5 rounded-full px-6 py-3 text-xs lg:text-sm focus:border-[#f9316a] outline-none text-center text-white\" placeholder=\"EMAIL\">\n <\/div>\n <\/div>\n\n <div class=\"lg:col-span-1\">\n <button id=\"send-btn\" class=\"btn-prime w-full h-full min-h-[70px] flex items-center justify-center gap-4 group\">\n <span class=\"text-2xl lg:text-3xl font-black uppercase tracking-widest text-white\">SEND<\/span>\n <i data-lucide=\"send\" class=\"w-6 h-6 group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform text-white\"><\/i>\n <\/button>\n <\/div>\n\n <\/div>\n <\/div>\n\n <footer class=\"mt-12 text-center text-[9px] font-black text-white\/10 uppercase tracking-[0.5em]\">\n Metaverse Planet | Time Protocol v2.6\n <\/footer>\n <\/main>\n\n <script>\n let state = { letter: \"\", selectedTime: \"1 year\", recipientName: \"\", email: \"\" };\n const timeOptions = [\"1Y\", \"3Y\", \"5Y\", \"10Y\"];\n const inspirations = [\n \"I am incredibly happy right now, and I hope you are feeling this same joy in 2026.\",\n \"I wonder if you finally managed to turn those big dreams into reality?\",\n \"If you're going through a tough time, remember your current strength.\",\n \"I hope you've stayed true to our values.\",\n \"I wonder who is sitting next to you as you read this.\"\n ];\n\n const letterInput = document.getElementById('letter-input');\n const wordCountDisplay = document.getElementById('word-count');\n const timeOptionsContainer = document.getElementById('time-options');\n const recipientInput = document.getElementById('recipient-input');\n const emailInput = document.getElementById('email-input');\n const sendBtn = document.getElementById('send-btn');\n const toastContainer = document.getElementById('toast-container');\n\n function init() {\n lucide.createIcons();\n renderTimeOptions();\n letterInput.addEventListener('input', (e) => { state.letter = e.target.value; updateWordCount(); });\n recipientInput.addEventListener('input', (e) => { state.recipientName = e.target.value; });\n emailInput.addEventListener('input', (e) => { state.email = e.target.value; });\n sendBtn.addEventListener('click', handleSendLetter);\n }\n\n window.sparkInspiration = () => {\n const msg = inspirations[Math.floor(Math.random() * inspirations.length)];\n letterInput.value = msg; state.letter = msg; updateWordCount();\n showToast(\"Inspiration Matrix Loaded.\");\n };\n\n window.resetMatrix = () => {\n letterInput.value = \"\"; state.letter = \"\"; updateWordCount();\n showToast(\"Matrix Reset.\");\n };\n\n function renderTimeOptions() {\n timeOptionsContainer.innerHTML = timeOptions.map(time => {\n const label = time === \"1Y\" ? \"1 year\" : time === \"3Y\" ? \"3 years\" : time === \"5Y\" ? \"5 years\" : \"10 years\";\n return `<button onclick=\"setTime('${label}')\" class=\"option-pill px-4 py-2 text-[10px] font-black transition-all ${state.selectedTime === label ? 'active' : 'text-white\/40'}\">${time}<\/button>`;\n }).join('');\n }\n\n function updateWordCount() {\n const count = state.letter.trim().split(\/\\s+\/).filter(Boolean).length;\n wordCountDisplay.textContent = `${count} WORDS`;\n }\n\n window.setTime = (time) => { state.selectedTime = time; renderTimeOptions(); };\n\n async function handleSendLetter() {\n if (state.letter.trim().length < 5) { showToast(\"Protocol Error: Too short.\"); return; }\n if (!recipientInput.value.trim()) { showToast(\"Name is required.\"); return; }\n \n sendBtn.disabled = true;\n sendBtn.innerHTML = `<span class=\"animate-pulse text-xs\">UPLOADING...<\/span>`;\n\n try {\n const response = await fetch('\/wp-json\/future-letter\/v1\/send', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n letter: state.letter,\n deliveryTime: state.selectedTime,\n recipientName: state.recipientName,\n email: state.email\n }),\n });\n if (response.ok) {\n showToast(\"Success: Message Sent.\");\n resetMatrix();\n } else { throw new Error('API Error'); }\n } catch (error) {\n showToast(\"System Error.\");\n } finally {\n sendBtn.disabled = false;\n sendBtn.innerHTML = `<span class=\"text-2xl lg:text-3xl font-black uppercase tracking-widest text-white\">SEND<\/span><i data-lucide=\"send\" class=\"w-6 h-6 text-white\"><\/i>`;\n lucide.createIcons();\n }\n }\n\n function showToast(msg) {\n const t = document.createElement('div');\n t.className = \"bg-white text-black px-6 py-3 rounded-full text-[10px] font-black text-center shadow-2xl animate-bounce mb-2\";\n t.textContent = msg;\n toastContainer.appendChild(t);\n setTimeout(() => t.remove(), 3000);\n }\n\n init();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<div class=\"future-container\" style=\"width: 100%; color: white; font-family: 'Plus Jakarta Sans', sans-serif; margin-top: 60px; padding-bottom: 100px;\">\n \n <section style=\"width: 100%; padding: 40px 5%;\">\n <div style=\"width: 100%; max-width: 1400px; margin: 0 auto;\">\n <div style=\"background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 60px; padding: 60px 40px; text-align: center; box-shadow: 0 20px 50px rgba(0,0,0,0.3);\">\n \n <h2 style=\"font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 800; margin-bottom: 2rem; letter-spacing: -1.5px; line-height: 1.2; background: linear-gradient(to bottom, #ffffff, #a1a1a1); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">\n The Mission: Bridging the Gap Between Today and Tomorrow\n <\/h2>\n \n <div style=\"width: 100%; max-width: 1000px; margin: 0 auto;\">\n <p style=\"color: #9ca3af; font-size: 1.15rem; line-height: 1.8; margin-bottom: 1.5rem; font-weight: 300;\">\n At <strong>Metaverse Planet<\/strong>, we believe that the most powerful form of time travel is the evolution of the human soul. Our <strong>2026 Digital Time Capsule<\/strong> protocol is designed to capture your current thoughts, emotions, and aspirations, preserving them in the digital nebula until the perfect moment arrives.\n <\/p>\n <p style=\"color: #9ca3af; font-size: 1.15rem; line-height: 1.8; font-weight: 300; margin-bottom: 0;\">\n Whether it is a promise to yourself, a message to a loved one, or a strategic vision for your career, our platform ensures your <strong>free message to the future<\/strong> is stored securely and delivered precisely when you need it most. We are not just sending data; we are launching legacies.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section style=\"width: 100%; padding: 40px 5%;\">\n <div style=\"width: 100%; max-width: 1400px; margin: 0 auto;\">\n <div style=\"text-align: center; margin-bottom: 50px;\">\n <h2 style=\"font-size: 2.2rem; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 12px; color: #ffffff;\">Frequently Asked Questions<\/h2>\n <div style=\"width: 80px; height: 3px; background: #f9316a; margin: 0 auto; border-radius: 99px; box-shadow: 0 0 15px rgba(249, 49, 106, 0.4);\"><\/div>\n <\/div>\n\n <div class=\"meta-accordion\">\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq1\" class=\"meta-input\">\n <label for=\"mfaq1\" class=\"meta-label\">Is sending a message to the future free?<\/label>\n <div class=\"meta-content\">\n <p>Yes, the Metaverse Planet Time Capsule protocol is completely free of charge for all users in 2026. Our mission is to provide a digital legacy for everyone.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq2\" class=\"meta-input\">\n <label for=\"mfaq2\" class=\"meta-label\">How many years into the future can I send a message?<\/label>\n <div class=\"meta-content\">\n <p>You can currently choose temporal targets of 1 year, 3 years, 5 years, or 10 years depending on your future vision.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq3\" class=\"meta-input\">\n <label for=\"mfaq3\" class=\"meta-label\">Is my digital time capsule secure and private?<\/label>\n <div class=\"meta-content\">\n <p>Absolutely. Your messages are encrypted and stored within our secure protocol. No one can read your message until its delivery date.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq4\" class=\"meta-input\">\n <label for=\"mfaq4\" class=\"meta-label\">Can I edit or delete my message after sending?<\/label>\n <div class=\"meta-content\">\n <p>Once a message is launched into the digital nebula, it is sealed to preserve the integrity of the experience and cannot be modified.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq5\" class=\"meta-input\">\n <label for=\"mfaq5\" class=\"meta-label\">What if I change my email address in the future?<\/label>\n <div class=\"meta-content\">\n <p>We highly recommend using a permanent personal email address (like Gmail or iCloud) that you intend to use for a long time.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq6\" class=\"meta-input\">\n <label for=\"mfaq6\" class=\"meta-label\">How will I receive my message when the time comes?<\/label>\n <div class=\"meta-content\">\n <p>On the exact date you selected, our system will automatically trigger a transmission to your registered email address.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq7\" class=\"meta-input\">\n <label for=\"mfaq7\" class=\"meta-label\">Can I send a message to someone else?<\/label>\n <div class=\"meta-content\">\n <p>Yes! You can write a letter to a loved one as long as you provide an email address they will have access to in the future.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq8\" class=\"meta-input\">\n <label for=\"mfaq8\" class=\"meta-label\">What is the purpose of Metaverse Planet?<\/label>\n <div class=\"meta-content\">\n <p>Metaverse Planet is an ecosystem dedicated to merging physical and digital worlds, creating tools that preserve human experiences.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"meta-item\">\n <input type=\"checkbox\" id=\"mfaq9\" class=\"meta-input\">\n <label for=\"mfaq9\" class=\"meta-label\">Does this time capsule support images or video?<\/label>\n <div class=\"meta-content\">\n <p>Currently, Version 2.6 supports text-based data only. Multimedia support is planned for our next major protocol update.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n<\/div>\n\n<style>\n .meta-accordion {\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .meta-item {\n background: rgba(255, 255, 255, 0.02);\n border: 1px solid rgba(255, 255, 255, 0.05);\n border-radius: 25px;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n .meta-input {\n display: none;\n }\n .meta-label {\n display: block;\n padding: 22px 30px;\n font-size: 1.05rem;\n font-weight: 700;\n cursor: pointer;\n position: relative;\n }\n .meta-label::after {\n content: '+';\n position: absolute;\n right: 30px;\n color: #f9316a;\n font-size: 22px;\n transition: transform 0.3s ease;\n }\n .meta-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n background: rgba(255, 255, 255, 0.01);\n }\n .meta-content p {\n padding: 0 30px 25px;\n margin: 0;\n color: #9ca3af;\n line-height: 1.6;\n }\n .meta-input:checked + .meta-label {\n color: #f9316a;\n }\n .meta-input:checked + .meta-label::after {\n content: '-';\n }\n .meta-input:checked ~ .meta-content {\n max-height: 250px;\n }\n .meta-item:hover {\n background: rgba(255, 255, 255, 0.04);\n border-color: rgba(249, 49, 106, 0.2);\n }\n @media (max-width: 768px) {\n .meta-label { padding: 18px 20px; font-size: 0.95rem; }\n .meta-label::after { right: 20px; }\n }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Free Time Capsule 2026: Send a Message to the Future | Metaverse Planet Send a Message to the Future Your legacy, encoded for the future. Launch your essence into 2026. Protocol: 2026 Reset Spark Inspiration 0 WORDS Horizon Identity Link SEND Metaverse Planet | Time Protocol v2.6 The Mission: Bridging the Gap Between Today and …<\/p>\n","protected":false},"author":1,"featured_media":14462,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"googlesitekit_rrm_CAown96uCw:productID":"","footnotes":""},"categories":[336],"tags":[338,307],"class_list":["post-36828","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-futurescience","tag-how-to-future","tag-tools"],"amp_enabled":false,"_links":{"self":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/posts\/36828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/comments?post=36828"}],"version-history":[{"count":0,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/posts\/36828\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/media\/14462"}],"wp:attachment":[{"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/media?parent=36828"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/categories?post=36828"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/metaverseplanet.net\/blog\/wp-json\/wp\/v2\/tags?post=36828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}