{"id":8,"date":"2026-02-02T00:08:35","date_gmt":"2026-02-02T00:08:35","guid":{"rendered":"https:\/\/modularmath.org\/?page_id=8"},"modified":"2026-02-08T17:17:48","modified_gmt":"2026-02-08T17:17:48","slug":"modular-math","status":"publish","type":"page","link":"https:\/\/modularmath.org\/","title":{"rendered":"Modular Math"},"content":{"rendered":"\n\n<section style=\"padding: 80px 20px 40px; background: radial-gradient(circle at center, #111, #000); color: #fff; text-align: center; font-family: 'Segoe UI', sans-serif; position: relative; overflow: hidden;\">\n\n  <!-- \ud83c\udf0a Wave Animation -->\n  <svg viewBox=\"0 0 1200 150\" preserveAspectRatio=\"none\" style=\"position:absolute; top:0; left:0; width:100%; height:150px; z-index:1;\">\n    <defs>\n      <linearGradient id=\"waveGradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n        <stop offset=\"0%\" style=\"stop-color:#ff6600;stop-opacity:0.6\" \/>\n        <stop offset=\"50%\" style=\"stop-color:#b10dc9;stop-opacity:0.4\" \/>\n        <stop offset=\"100%\" style=\"stop-color:#ccc;stop-opacity:0.3\" \/>\n      <\/linearGradient>\n    <\/defs>\n    <path d=\"M0,100 C200,50 400,150 600,100 C800,50 1000,150 1200,100 L1200,0 L0,0 Z\" fill=\"url(#waveGradient)\">\n      <animate attributeName=\"d\" dur=\"6s\" repeatCount=\"indefinite\" values=\"\n        M0,100 C200,50 400,150 600,100 C800,50 1000,150 1200,100 L1200,0 L0,0 Z;\n        M0,100 C200,150 400,50 600,100 C800,150 1000,50 1200,100 L1200,0 L0,0 Z;\n        M0,100 C200,50 400,150 600,100 C800,50 1000,150 1200,100 L1200,0 L0,0 Z\n      \" \/>\n    <\/path>\n  <\/svg>\n\n  <!-- \u2728 Hero Title -->\n  <h1 style=\"font-size: clamp(2.2rem, 5vw, 3rem); line-height: 1.2; margin-bottom: 20px; background: linear-gradient(to right, #00ffe7, #ffd700); -webkit-background-clip: text; color: transparent; position: relative; z-index: 2;\">\n    Unlock the Hidden Geometry<br> of Modular Mathematics\n  <\/h1>\n\n  <!-- \ud83d\udcdc Subheading -->\n  <p style=\"font-size: 1.25rem; max-width: 680px; margin: 0 auto 30px; color: #ccc; position: relative; z-index: 2;\">\n    Numbers don\u2019t just move\u2014they resonate. Dive into the cyclical language of primes, patterns, and symmetry where time and space fold through modular logic.\n  <\/p>\n\n  <!-- \ud83d\udd18 CTA -->\n  <a href=\"https:\/\/modularmath.org\/?page_id=12\" style=\"display: inline-block; padding: 14px 28px; font-size: 1rem; background: #00ffe7; color: #111; border-radius: 8px; text-decoration: none; font-weight: 600; box-shadow: 0 0 12px rgba(0,255,231,0.4); transition: all 0.3s ease; position: relative; z-index: 2;\">\n    \u27a4 View Interactive Modules\n  <\/a>\n\n  <div style=\"height: 60px;\"><\/div>\n\n  <!-- \ud83e\uddee Matrix Rain Canvas -->\n  <canvas id=\"matrixCanvas\" aria-hidden=\"true\" style=\"display: block; width: 100%; height: 200px; background: #000;\"><\/canvas>\n\n  <!-- \ud83d\udd34 Ticker 1 -->\n  <a href=\"https:\/\/modularmath.org\/?page_id=25\" style=\"text-decoration: none;\">\n    <div style=\"width: 100%; overflow: hidden; background: linear-gradient(to right, #aa3300, #d4af37); border-top: 2px solid #ffccaa; border-bottom: 2px solid #ffccaa; cursor:pointer;\">\n      <div style=\"display: inline-block; white-space: nowrap; animation: tickerScroll 24s linear infinite; font-size: 1.1rem; font-family: 'Courier New', monospace; color: #fff; padding: 10px 0;\">\n        \u03c6(n) = n \u00d7 \u220f(1 \u2212 1\/p) \u2022 a<sup>\u03c6(m)<\/sup> \u2261 1 mod m \u2022 x \u2261 y (mod n) \u21d4 n | (x\u2212y) \u2022 gcd(a, m) = 1 \u2022 a\u207b\u00b9 \u2261 a<sup>\u03c6(m)\u22121<\/sup> mod m \u2022 \u03a8\u00b3\u00b9 \u00b7 M\u00f6b(E\u2088) \u2022 totient(n) \u2194 resonance field\n      <\/div>\n    <\/div>\n  <\/a>\n\n  <!-- \ud83d\udd35 Ticker 2 -->\n  <a href=\"https:\/\/modularmath.org\" style=\"text-decoration: none;\">\n    <div style=\"width: 100%; overflow: hidden; background: linear-gradient(to right, #001f3f, #ffd700); border-top: 2px solid #ccddff; border-bottom: 2px solid #ccddff; cursor:pointer;\">\n      <div style=\"display: inline-block; white-space: nowrap; animation: tickerScrollAlt 32s linear infinite; font-size: 1.1rem; font-family: 'Segoe UI', sans-serif; color: #fff; padding: 10px 0;\">\n        Modular Residue \u2022 Totient Function \u2022 Euler\u2019s Theorem \u2022 M\u00f6bius Strip \u2022 Harmonic Mapping \u2022 RGQF Kernel \u2022 Prime Loop Fields \u2022 Modular Time Encoding\n      <\/div>\n    <\/div>\n  <\/a>\n\n  <!-- \ud83d\udcd8 Book Visual -->\n  <figure class=\"wp-block-image size-large\" style=\"margin-top: 40px; z-index: 2; position: relative; animation: floatIn 2.5s ease-out 0.5s both;\">\n    <img decoding=\"async\" src=\"https:\/\/modularmath.org\/wp-content\/uploads\/2026\/02\/A8BDBAE5-6E80-4062-B9C5-8BF08CC291D1-683x1024.png\" alt=\"ModularMath Book Cover\" style=\"max-width: 280px; width: 100%; height: auto; border-radius: 12px; border: 2px solid silver; box-shadow: 0 0 20px rgba(192,192,192,0.4); transform: rotateY(4deg); transition: transform 0.4s ease;\">\n  <\/figure>\n\n  <!-- \u2728 Quote -->\n  <blockquote style=\"margin-top: 40px; font-size: 1.1rem; color: #ccc; max-width: 640px; margin-left: auto; margin-right: auto; font-style: italic; position: relative; z-index: 2;\">\n    \u201cIn modular mathematics, time bends into circles, primes sing in orbit, and the invisible structure of the universe begins to hum.\u201d\n  <\/blockquote>\n\n  <!-- \ud83d\udcd6 Tap to Learn Terms -->\n  <h2 style=\"font-size: 2rem; color: #ffd700; margin: 50px 0 20px;\">\ud83e\udde0 Tap to Learn the Terms<\/h2>\n  <style>\n    details {\n      background: rgba(255, 255, 255, 0.05);\n      border: 1px solid #00ffe7;\n      border-radius: 8px;\n      margin: 10px auto;\n      max-width: 420px;\n      padding: 10px 16px;\n      text-align: left;\n    }\n    summary {\n      cursor: pointer;\n      font-weight: 600;\n      font-size: 1.1rem;\n      color: #00ffe7;\n      list-style: none;\n    }\n    details[open] summary {\n      color: #ffcc00;\n    }\n    details p {\n      margin-top: 8px;\n      color: #eee;\n      font-size: 1rem;\n      line-height: 1.4;\n    }\n  <\/style>\n\n  <div style=\"display: flex; flex-direction: column; align-items: center; gap: 10px;\">\n    <details><summary>Residue<\/summary><p>The <strong>residue<\/strong> is the remainder after division&#8230;<\/p><\/details>\n    <details><summary>Modulus<\/summary><p>The <strong>modulus<\/strong> defines the ring for modular calculations.<\/p><\/details>\n    <details><summary>Totient<\/summary><p>Euler\u2019s <strong>totient<\/strong> \u03c6(n) counts integers coprime to n.<\/p><\/details>\n    <details><summary>Rank<\/summary><p><strong>Rank<\/strong> measures dimension or position in modular space.<\/p><\/details>\n    <details><summary>Order<\/summary><p><strong>Order<\/strong> is how often an element cycles back to identity.<\/p><\/details>\n    <details><summary>Class<\/summary><p>A <strong>congruence class<\/strong> is a group of numbers sharing a remainder.<\/p><\/details>\n    <details><summary>Winding Number<\/summary><p><strong>Winding number<\/strong> counts how many times a loop wraps a point.<\/p><\/details>\n    <details><summary>Conformal Mapping<\/summary><p><strong>Conformal maps<\/strong> preserve angles in transformations.<\/p><\/details>\n    <details><summary>Recursive<\/summary><p><strong>Recursive<\/strong> definitions use self-reference to build structure.<\/p><\/details>\n  <\/div>\n\n  <!-- \ud83d\udd17 Social Buttons -->\n  <div style=\"margin-top: 60px; padding: 20px; background: linear-gradient(to right, #111, #000); border-top: 2px solid #444;\">\n    <h2 style=\"color: #ffd700; font-size: 1.6rem; margin-bottom: 20px;\">Follow on other platforms<\/h2>\n    <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 16px;\">\n\n      <a href=\"https:\/\/www.reddit.com\/user\/MikeTateMath\" target=\"_blank\" style=\"text-decoration: none;\">\n        <button style=\"background: #ff4500; color: white; padding: 12px 20px; border: none; border-radius: 8px; font-weight: 600; box-shadow: 0 0 10px #ff4500aa;\">Reddit \ud83e\uddee<\/button>\n      <\/a>\n\n      <a href=\"https:\/\/www.linkedin.com\/in\/mike-tate-839001380\" target=\"_blank\" style=\"text-decoration: none;\">\n        <button style=\"background: #0077b5; color: white; padding: 12px 20px; border: none; border-radius: 8px; font-weight: 600; box-shadow: 0 0 10px #0077b599;\">LinkedIn \ud83d\udd17<\/button>\n      <\/a>\n\n      <a href=\"https:\/\/m.youtube.com\/@miketatemath\" target=\"_blank\" style=\"text-decoration: none;\">\n        <button style=\"background: #ff0000; color: white; padding: 12px 20px; border: none; border-radius: 8px; font-weight: 600; box-shadow: 0 0 10px #ff0000aa;\">YouTube \u25b6\ufe0f<\/button>\n      <\/a>\n\n      <a href=\"https:\/\/www.tiktok.com\/@mike.tate.math\" target=\"_blank\" style=\"text-decoration: none;\">\n        <button style=\"background: #000; color: #00fff7; padding: 12px 20px; border: 2px solid #00fff7; border-radius: 8px; font-weight: 600; box-shadow: 0 0 10px #00fff788;\">TikTok \ud83c\udfb5<\/button>\n      <\/a>\n\n      <a href=\"https:\/\/bsky.app\/profile\/miketatemath.bsky.social\" target=\"_blank\" style=\"text-decoration: none;\">\n        <button style=\"background: #2f60ff; color: white; padding: 12px 20px; border: none; border-radius: 8px; font-weight: 600; box-shadow: 0 0 10px #2f60ffaa;\">Bluesky \ud83c\udf0c<\/button>\n      <\/a>\n\n      <a href=\"https:\/\/miketatemath.org\" target=\"_blank\" style=\"text-decoration: none;\">\n        <button style=\"background: #111; color: #ffd700; padding: 12px 20px; border: 2px solid #ffd700; border-radius: 8px; font-weight: 600; box-shadow: 0 0 10px #ffd70088;\">Website \ud83c\udf10<\/button>\n      <\/a>\n\n      <a href=\"https:\/\/linktr.ee\/miketatemath\" target=\"_blank\" style=\"text-decoration: none;\">\n        <button style=\"background: #43e660; color: #000; padding: 12px 20px; border: none; border-radius: 8px; font-weight: 600; box-shadow: 0 0 10px #43e660aa;\">Linktree \ud83c\udf32<\/button>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  @keyframes tickerScroll { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }\n  @keyframes tickerScrollAlt { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }\n  @keyframes floatIn { 0% { opacity: 0; transform: translateY(60px) scale(0.95); } 100% { opacity: 1; transform: translateY(0) scale(1); } }\n  figure.wp-block-image img:hover { transform: rotateY(0deg) scale(1.05); }\n<\/style>\n\n<script>\n  const canvas = document.getElementById('matrixCanvas');\n  const ctx = canvas.getContext('2d');\n  function resizeCanvas() {\n    canvas.width = window.innerWidth;\n    canvas.height = 200;\n  }\n  resizeCanvas();\n  window.addEventListener('resize', resizeCanvas);\n\n  const letters = \"0123456789ABCDEF\";\n  const fontSize = 14;\n  let columns, drops;\n\n  function initMatrix() {\n    columns = Math.floor(canvas.width \/ fontSize);\n    drops = Array(columns).fill(1);\n  }\n\n  initMatrix();\n\n  function randomColor() {\n    const colors = [\"#00ffe7\", \"#ff6600\", \"#b10dc9\", \"#ffffff\", \"#76ff03\"];\n    return colors[Math.floor(Math.random() * colors.length)];\n  }\n\n  function drawMatrix() {\n    ctx.fillStyle = \"rgba(0, 0, 0, 0.05)\";\n    ctx.fillRect(0, 0, canvas.width, canvas.height);\n    ctx.font = `${fontSize}px monospace`;\n\n    for (let i = 0; i < drops.length; i++) {\n      const text = letters.charAt(Math.floor(Math.random() * letters.length));\n      ctx.fillStyle = randomColor();\n      ctx.fillText(text, i * fontSize, drops[i] * fontSize);\n      if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) drops[i] = 0;\n      drops[i]++;\n    }\n  }\n\n  setInterval(drawMatrix, 33);\n<\/script>\n\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><ul class=\"wp-block-page-list\"><li class=\"wp-block-pages-list__item\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/modularmath.org\/?page_id=143\">Deep Delve: Nestfall<\/a><\/li><li class=\"wp-block-pages-list__item\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/modularmath.org\/?page_id=137\">Euclidean Algorithm<\/a><\/li><li class=\"wp-block-pages-list__item\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/modularmath.org\/?page_id=245\">Fermat\u2019s Little Theorem<\/a><\/li><li class=\"wp-block-pages-list__item\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/modularmath.org\/?page_id=60\">Games<\/a><\/li><li class=\"wp-block-pages-list__item menu-item-home\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/modularmath.org\/\">Modular Math<\/a><\/li><li class=\"wp-block-pages-list__item\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/modularmath.org\/?page_id=12\">Residue Fields<\/a><\/li><li class=\"wp-block-pages-list__item\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/modularmath.org\/?page_id=149\">Solving the Resonance Riddle: Number Particles Puzzle<\/a><\/li><li class=\"wp-block-pages-list__item\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/modularmath.org\/?page_id=25\">Visualizations<\/a><\/li><\/ul><\/div>\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>ModularMath.org brings number theory to life through cycles, resonance, and interactive symmetry. Discover how modular arithmetic shapes the hidden patterns of reality.<\/p>\n","protected":false},"author":1,"featured_media":45,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","footnotes":""},"class_list":["post-8","page","type-page","status-publish","has-post-thumbnail","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/modularmath.org\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/modularmath.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/modularmath.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/modularmath.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/modularmath.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":4,"href":"https:\/\/modularmath.org\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/modularmath.org\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/82"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/modularmath.org\/index.php?rest_route=\/wp\/v2\/media\/45"}],"wp:attachment":[{"href":"https:\/\/modularmath.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}