diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 3366c73..7050d3e 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -70,19 +70,19 @@ const Footer = () => {
             <motion.div variants={fadeInUp} className="w-48">
               <div className="text-left" style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-start', gap: '0.5rem' }}>
                 <p className="text-white font-mono uppercase tracking-wide text-xxs">
-                  <a href="/#manifesto" className="no-underline hover:text-bright-cyan transition-colors duration-200">MISSION</a>
+                  <a href="/#manifesto" className="no-underline text-white hover:text-bright-cyan transition-colors duration-200">MISSION</a>
                 </p>
                 <p className="text-white font-mono uppercase tracking-wide text-xxs">
-                  <a href="/#foundations" className="no-underline hover:text-bright-cyan transition-colors duration-200">FOUNDATION</a>
+                  <a href="/#foundations" className="no-underline text-white hover:text-bright-cyan transition-colors duration-200">FOUNDATION</a>
                 </p>
                 <p className="text-white font-mono uppercase tracking-wide text-xxs">
-                  <a href="/#foryou" className="no-underline hover:text-bright-cyan transition-colors duration-200">USERS</a>
+                  <a href="/#foryou" className="no-underline text-white hover:text-bright-cyan transition-colors duration-200">USERS</a>
                 </p>
                 <p className="text-white font-mono uppercase tracking-wide text-xxs">
-                  <a href="/membership" className="no-underline hover:text-bright-cyan transition-colors duration-200">MEMBERSHIP</a>
+                  <a href="/membership" className="no-underline text-white hover:text-bright-cyan transition-colors duration-200">MEMBERSHIP</a>
                 </p>
                 <p className="text-white font-mono uppercase tracking-wide text-xxs">
-                  <a href="/membership#referral" className="no-underline hover:text-bright-cyan transition-colors duration-200">REFERRAL</a>
+                  <a href="/membership#referral" className="no-underline text-white hover:text-bright-cyan transition-colors duration-200">REFERRAL</a>
                 </p>
               </div>
             </motion.div>
@@ -90,10 +90,10 @@ const Footer = () => {
             <motion.div variants={fadeInUp} className="w-48">
               <div className="text-left" style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-start', gap: '0.5rem' }}>
                 <p className="text-white font-mono uppercase tracking-wide text-xxs">
-                  <a href="https://docs.mycelium.tf" target="_blank" rel="noopener noreferrer" className="no-underline hover:text-bright-cyan transition-colors duration-200">DOCS</a>
+                  <a href="https://docs.mycelium.tf" target="_blank" rel="noopener noreferrer" className="no-underline text-white hover:text-bright-cyan transition-colors duration-200">DOCS</a>
                 </p>
                 <p className="text-white font-mono uppercase tracking-wide text-xxs">
-                  <a href="https://platform.mycelium.tf" target="_blank" rel="noopener noreferrer" className="no-underline hover:text-bright-cyan transition-colors duration-200">MEMBER PLATFORM</a>
+                  <a href="https://platform.mycelium.tf" target="_blank" rel="noopener noreferrer" className="no-underline text-white hover:text-bright-cyan transition-colors duration-200">MEMBER PLATFORM</a>
                 </p>
               </div>
             </motion.div>
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index bab306c..7f0aff3 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -12,7 +12,7 @@ function Header() {
             <div className="flex justify-between items-center h-16">
               {/* Left: Mycelium Society */}
               <div className="flex-shrink-0 min-w-fit">
-                <span className="text-xl sm:text-2xl font-bold text-bright-cyan font-mono tracking-tight whitespace-nowrap">
+                <span className="text-xl sm:text-2xl font-bold text-white font-mono tracking-tight whitespace-nowrap">
                   Mycelium Society
                 </span>
               </div>
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index 7cc86db..e9e8c93 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -49,7 +49,7 @@ const Hero = () => {
           >
             <span className="text-white">Welcome to</span>
             <br />
-            <span className="text-bright-cyan">Mycelium Society</span>
+            <span className="text-white">Mycelium Society</span>
           </motion.h1>
 
           {/* Tagline */}
@@ -75,13 +75,13 @@ const Hero = () => {
             >
               > ENTER THE NETWORK
             </motion.button>
-            <a href="https://docs.ourworld.tf/mycelium_society/docs/" target="_blank" rel="noopener noreferrer">
+            <a href="https://docs.mycelium.tf" target="_blank" rel="noopener noreferrer">
               <motion.button
                 className="btn-primary"
                 whileHover={{ scale: 1.05 }}
                 whileTap={{ scale: 0.95 }}
               >
-                > LEARN MORE
+                > DOCS
               </motion.button>
             </a>
           </motion.div>
diff --git a/src/components/MembershipOptions.jsx b/src/components/MembershipOptions.jsx
index 366974b..12fb26c 100644
--- a/src/components/MembershipOptions.jsx
+++ b/src/components/MembershipOptions.jsx
@@ -197,7 +197,7 @@ const MembershipOptions = () => {
             {/* CTA Button for Explorer Tier */}
             <div className="flex justify-center">
               <motion.button
-                className="w-full btn-primary animate-pulse-glow whitespace-nowrap font-mono"
+                className="btn-primary animate-pulse-glow whitespace-nowrap"
                 onClick={() => setShowSocietyTerminal(true)}
               >
                 Explore the Network
@@ -353,7 +353,7 @@ const MembershipOptions = () => {
               {/* CTA Button */}
               <div className="flex justify-center">
                 <motion.button
-                  className="w-full btn-primary animate-pulse-glow whitespace-nowrap font-mono"
+                  className="btn-primary animate-pulse-glow whitespace-nowrap"
                   onClick={() => setShowSocietyTerminal(true)}
                 >
                   Become a Digital Resident
diff --git a/src/components/SocietyTerminal.jsx b/src/components/SocietyTerminal.jsx
index 5d890e9..0d90bc6 100644
--- a/src/components/SocietyTerminal.jsx
+++ b/src/components/SocietyTerminal.jsx
@@ -27,7 +27,7 @@ function SocietyTerminal({ showTerminal, setShowTerminal }) {
                 }
             } else {
                 setTimeout(() => {
-                    window.location.href = 'https://docs.ourworld.tf/mycelium_society/docs/';
+                    window.location.href = 'https://platform.mycelium.tf';
                 }, 1000);
             }
         }
diff --git a/src/components/referral.jsx b/src/components/referral.jsx
index eb2b17a..8be2977 100644
--- a/src/components/referral.jsx
+++ b/src/components/referral.jsx
@@ -37,7 +37,7 @@ const Referral = () => {
             className="text-lg md:text-xl text-gray-300 leading-relaxed max-w-4xl mx-auto"
             variants={fadeInUp}
           >
-            Mycelium Society grows through its members. As a paid Digital Resident, you can invite others to join and help expand the community while earning rewards for successful referrals.
+            Mycelium Society grows through its members. As a Digital Resident, you can invite others to join and help expand the community while earning rewards for successful referrals.
           </motion.p>
         </div>