diff --git a/src/components/FooterSection.astro b/src/components/FooterSection.astro
index e68a694..68a75b0 100644
--- a/src/components/FooterSection.astro
+++ b/src/components/FooterSection.astro
@@ -6,11 +6,12 @@
         <div class="footer-logo">AETHEX</div>
         <p class="footer-tagline">Infrastructure for the Metaverse</p>
         <div class="footer-links">
-            <a href="/foundation" class="footer-link">Foundation</a>
-            <a href="/corporation" class="footer-link">Corporation</a>
-            <a href="/labs" class="footer-link">Labs</a>
-            <a href="/docs" class="footer-link">Documentation</a>
-            <a href="/community" class="footer-link">Community</a>
+            <a href="https://aethex.foundation" class="footer-link">Foundation</a>
+            <a href="https://aethex.biz" class="footer-link">Corporation</a>
+            <a href="https://aethex.studio" class="footer-link">Labs</a>
+            <a href="https://docs.aethex.tech" class="footer-link">Docs</a>
+            <a href="https://aethex.network" class="footer-link">Community</a>
+            <a href="https://aethex.support" class="footer-link">Support</a>
         </div>
         <p class="copyright">© 2026 AeThex • Building Digital Reality</p>
     </div>
diff --git a/src/pages/about.astro b/src/pages/about.astro
deleted file mode 100644
index f07b0e6..0000000
--- a/src/pages/about.astro
+++ /dev/null
@@ -1,78 +0,0 @@
----
-// About Page
-import MainLayout from '../layouts/MainLayout.astro';
----
-
-<MainLayout>
-  <nav class="container">
-    <div class="logo">AETHEX</div>
-    <div class="nav-links">
-      <a href="/foundation" class="nav-link">Foundation</a>
-      <a href="/corporation" class="nav-link">Corporation</a>
-      <a href="/labs" class="nav-link">Labs</a>
-      <a href="/products" class="nav-link">Products</a>
-      <a href="/community" class="nav-link">Community</a>
-      <a href="/docs" class="nav-link">Docs</a>
-      <a href="/about" class="nav-link">About</a>
-    </div>
-  </nav>
-  <main class="page about">
-    <section class="hero-banner">
-      <div class="hero-bg"></div>
-      <div class="hero-content">
-        <h1 class="page-title animated">
-          <span class="fade-in">About AeThex</span>
-        </h1>
-        <p class="page-desc fade-in-delay">Building Infrastructure for the Metaverse</p>
-      </div>
-    </section>
-    <div class="glass-card">
-      <section class="fade-in-section">
-        <h2>Our Mission</h2>
-        <p>AeThex is dedicated to creating the foundational infrastructure that powers the next generation of immersive digital experiences.</p>
-        <ul>
-          <li>Open-source Foundation</li>
-          <li>Enterprise Solutions</li>
-          <li>Research & Innovation</li>
-          <li>Developer Community</li>
-          <li>Global Infrastructure</li>
-        </ul>
-      </section>
-    </div>
-    <footer class="page-footer">
-      <span>© AeThex 2026</span>
-      <a href="/">Home</a>
-      <a href="/community">Community</a>
-    </footer>
-    <style>
-      .fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
-      @keyframes fadeInSection { to { opacity: 1; transform: none; } }
-      .page.about { background: linear-gradient(120deg, #0a0a0a 55%, #ff3366 80%, #ff6699 100%); min-height: 100vh; font-family: 'Inter', 'Segoe UI', Arial, sans-serif; }
-      .nav-link { color: #fff; margin: 0 12px; text-decoration: none; font-weight: 600; transition: color 0.2s, text-shadow 0.2s; }
-      .nav-link:hover { color: #ff6699; text-shadow: 0 0 8px #ff6699; }
-      .hero-banner { position: relative; height: 340px; display: flex; align-items: center; justify-content: center; margin-bottom: 32px; }
-      .hero-bg { position: absolute; inset: 0; background: radial-gradient(circle at 60% 40%, #ff3366 0%, #0a0a0a 80%); opacity: 0.7; z-index: 1; }
-      .hero-content { position: relative; z-index: 2; text-align: center; }
-      .page-title { font-size: 3em; font-weight: 900; margin-bottom: 12px; letter-spacing: 2px; color: #fff; }
-      .page-title.animated .fade-in { animation: fadeInDown 1s cubic-bezier(.77,0,.175,1) both; display: inline-block; }
-      .page-desc.fade-in-delay { animation: fadeInUp 1.2s cubic-bezier(.77,0,.175,1) both; display: block; }
-      @keyframes fadeInDown { from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateY(0); } }
-      @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
-      .page-desc { font-size: 1.2em; margin-bottom: 24px; color: #fff; }
-      .glass-card { background: rgba(255,255,255,0.10); border-radius: 28px; box-shadow: 0 4px 32px #ff336680; backdrop-filter: blur(16px); margin: 40px auto; max-width: 650px; padding: 40px 36px; color: #fff; border: 2px solid #ff3366; }
-      ul { color: #fff; margin-top: 24px; padding-left: 24px; }
-      ul li { margin-bottom: 14px; transition: color 0.2s, transform 0.2s; cursor: pointer; font-size: 1.08em; }
-      ul li:hover { color: #ff6699; transform: scale(1.05); }
-      .page-footer { text-align: center; margin-top: 48px; color: #fff; font-size: 1em; opacity: 0.7; }
-      .page-footer a { color: #ff6699; margin-left: 16px; text-decoration: underline; }
-
-      @media (max-width: 768px) {
-        .hero-banner { height: auto; min-height: 280px; padding: 40px 20px; }
-        .page-title { font-size: 2em; }
-        .page-desc { font-size: 1em; }
-        .glass-card { margin: 24px 16px; padding: 28px 20px; }
-        ul li { font-size: 1em; }
-      }
-    </style>
-  </main>
-</MainLayout>
diff --git a/src/pages/community.astro b/src/pages/community.astro
deleted file mode 100644
index a5023a3..0000000
--- a/src/pages/community.astro
+++ /dev/null
@@ -1,78 +0,0 @@
----
-// Community Page
-import MainLayout from '../layouts/MainLayout.astro';
----
-
-<MainLayout>
-  <nav class="container">
-    <div class="logo">AETHEX</div>
-    <div class="nav-links">
-      <a href="/foundation" class="nav-link">Foundation</a>
-      <a href="/corporation" class="nav-link">Corporation</a>
-      <a href="/labs" class="nav-link">Labs</a>
-      <a href="/products" class="nav-link">Products</a>
-      <a href="/community" class="nav-link">Community</a>
-      <a href="/docs" class="nav-link">Docs</a>
-      <a href="/about" class="nav-link">About</a>
-    </div>
-  </nav>
-  <main class="page community">
-    <section class="hero-banner">
-      <div class="hero-bg"></div>
-      <div class="hero-content">
-        <h1 class="page-title animated">
-          <span class="fade-in">Community</span>
-        </h1>
-        <p class="page-desc fade-in-delay">Join the AeThex Developer Community</p>
-      </div>
-    </section>
-    <div class="glass-card">
-      <section class="fade-in-section">
-        <h2>Get Involved</h2>
-        <p>Connect with developers, creators, and enthusiasts building the future of the metaverse.</p>
-        <ul>
-          <li>Discord Server</li>
-          <li>Developer Forums</li>
-          <li>GitHub Discussions</li>
-          <li>Monthly Meetups</li>
-          <li>Contributor Program</li>
-        </ul>
-      </section>
-    </div>
-    <footer class="page-footer">
-      <span>© AeThex 2026</span>
-      <a href="/">Home</a>
-      <a href="/about">About</a>
-    </footer>
-    <style>
-      .fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
-      @keyframes fadeInSection { to { opacity: 1; transform: none; } }
-      .page.community { background: linear-gradient(120deg, #0a0a0a 55%, #00cc99 80%, #00ff99 100%); min-height: 100vh; font-family: 'Inter', 'Segoe UI', Arial, sans-serif; }
-      .nav-link { color: #fff; margin: 0 12px; text-decoration: none; font-weight: 600; transition: color 0.2s, text-shadow 0.2s; }
-      .nav-link:hover { color: #00ff99; text-shadow: 0 0 8px #00ff99; }
-      .hero-banner { position: relative; height: 340px; display: flex; align-items: center; justify-content: center; margin-bottom: 32px; }
-      .hero-bg { position: absolute; inset: 0; background: radial-gradient(circle at 60% 40%, #00cc99 0%, #0a0a0a 80%); opacity: 0.7; z-index: 1; }
-      .hero-content { position: relative; z-index: 2; text-align: center; }
-      .page-title { font-size: 3em; font-weight: 900; margin-bottom: 12px; letter-spacing: 2px; color: #fff; }
-      .page-title.animated .fade-in { animation: fadeInDown 1s cubic-bezier(.77,0,.175,1) both; display: inline-block; }
-      .page-desc.fade-in-delay { animation: fadeInUp 1.2s cubic-bezier(.77,0,.175,1) both; display: block; }
-      @keyframes fadeInDown { from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateY(0); } }
-      @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
-      .page-desc { font-size: 1.2em; margin-bottom: 24px; color: #fff; }
-      .glass-card { background: rgba(255,255,255,0.10); border-radius: 28px; box-shadow: 0 4px 32px #00cc9980; backdrop-filter: blur(16px); margin: 40px auto; max-width: 650px; padding: 40px 36px; color: #fff; border: 2px solid #00cc99; }
-      ul { color: #fff; margin-top: 24px; padding-left: 24px; }
-      ul li { margin-bottom: 14px; transition: color 0.2s, transform 0.2s; cursor: pointer; font-size: 1.08em; }
-      ul li:hover { color: #00ff99; transform: scale(1.05); }
-      .page-footer { text-align: center; margin-top: 48px; color: #fff; font-size: 1em; opacity: 0.7; }
-      .page-footer a { color: #00ff99; margin-left: 16px; text-decoration: underline; }
-
-      @media (max-width: 768px) {
-        .hero-banner { height: auto; min-height: 280px; padding: 40px 20px; }
-        .page-title { font-size: 2em; }
-        .page-desc { font-size: 1em; }
-        .glass-card { margin: 24px 16px; padding: 28px 20px; }
-        ul li { font-size: 1em; }
-      }
-    </style>
-  </main>
-</MainLayout>
diff --git a/src/pages/corporation.astro b/src/pages/corporation.astro
index 34aa0c4..54fc933 100644
--- a/src/pages/corporation.astro
+++ b/src/pages/corporation.astro
@@ -7,13 +7,10 @@ import MainLayout from '../layouts/MainLayout.astro';
   <nav class="container">
     <div class="logo">AETHEX</div>
     <div class="nav-links">
+      <a href="/" class="nav-link">Home</a>
       <a href="/foundation" class="nav-link">Foundation</a>
       <a href="/corporation" class="nav-link">Corporation</a>
       <a href="/labs" class="nav-link">Labs</a>
-      <a href="/products" class="nav-link">Products</a>
-      <a href="/community" class="nav-link">Community</a>
-      <a href="/docs" class="nav-link">Docs</a>
-      <a href="/about" class="nav-link">About</a>
     </div>
   </nav>
   <main class="entity-page corporation">
@@ -25,7 +22,7 @@ import MainLayout from '../layouts/MainLayout.astro';
           <span class="fade-in">AeThex Corporation</span>
         </h1>
         <p class="entity-desc fade-in-delay">Commercial Services • Production</p>
-        <a href="/products" class="cta-btn">Explore Products</a>
+        <a href="https://aethex.biz" class="cta-btn">Learn More</a>
       </div>
     </section>
     <div class="glass-card">
@@ -43,9 +40,7 @@ import MainLayout from '../layouts/MainLayout.astro';
     </div>
     <footer class="entity-footer">
       <span>© AeThex Corporation 2026</span>
-      <a href="/about">About</a>
-      <a href="/corporation" style="margin-left:16px; color:#0066ff;">Corporation Home</a>
-      <a href="/products" style="margin-left:16px; color:#0066ff;">Products</a>
+      <a href="/">Home</a>
     </footer>
     <style>
         .fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
diff --git a/src/pages/docs.astro b/src/pages/docs.astro
deleted file mode 100644
index ba1ca78..0000000
--- a/src/pages/docs.astro
+++ /dev/null
@@ -1,78 +0,0 @@
----
-// Documentation Page
-import MainLayout from '../layouts/MainLayout.astro';
----
-
-<MainLayout>
-  <nav class="container">
-    <div class="logo">AETHEX</div>
-    <div class="nav-links">
-      <a href="/foundation" class="nav-link">Foundation</a>
-      <a href="/corporation" class="nav-link">Corporation</a>
-      <a href="/labs" class="nav-link">Labs</a>
-      <a href="/products" class="nav-link">Products</a>
-      <a href="/community" class="nav-link">Community</a>
-      <a href="/docs" class="nav-link">Docs</a>
-      <a href="/about" class="nav-link">About</a>
-    </div>
-  </nav>
-  <main class="page docs">
-    <section class="hero-banner">
-      <div class="hero-bg"></div>
-      <div class="hero-content">
-        <h1 class="page-title animated">
-          <span class="fade-in">Documentation</span>
-        </h1>
-        <p class="page-desc fade-in-delay">Guides, APIs & Technical References</p>
-      </div>
-    </section>
-    <div class="glass-card">
-      <section class="fade-in-section">
-        <h2>Developer Resources</h2>
-        <p>Everything you need to build with AeThex infrastructure.</p>
-        <ul>
-          <li>Getting Started Guide</li>
-          <li>API Reference</li>
-          <li>SDK Documentation</li>
-          <li>Tutorials & Examples</li>
-          <li>Best Practices</li>
-        </ul>
-      </section>
-    </div>
-    <footer class="page-footer">
-      <span>© AeThex 2026</span>
-      <a href="/">Home</a>
-      <a href="/about">About</a>
-    </footer>
-    <style>
-      .fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
-      @keyframes fadeInSection { to { opacity: 1; transform: none; } }
-      .page.docs { background: linear-gradient(120deg, #0a0a0a 55%, #3399ff 80%, #66ccff 100%); min-height: 100vh; font-family: 'Inter', 'Segoe UI', Arial, sans-serif; }
-      .nav-link { color: #fff; margin: 0 12px; text-decoration: none; font-weight: 600; transition: color 0.2s, text-shadow 0.2s; }
-      .nav-link:hover { color: #66ccff; text-shadow: 0 0 8px #66ccff; }
-      .hero-banner { position: relative; height: 340px; display: flex; align-items: center; justify-content: center; margin-bottom: 32px; }
-      .hero-bg { position: absolute; inset: 0; background: radial-gradient(circle at 60% 40%, #3399ff 0%, #0a0a0a 80%); opacity: 0.7; z-index: 1; }
-      .hero-content { position: relative; z-index: 2; text-align: center; }
-      .page-title { font-size: 3em; font-weight: 900; margin-bottom: 12px; letter-spacing: 2px; color: #fff; }
-      .page-title.animated .fade-in { animation: fadeInDown 1s cubic-bezier(.77,0,.175,1) both; display: inline-block; }
-      .page-desc.fade-in-delay { animation: fadeInUp 1.2s cubic-bezier(.77,0,.175,1) both; display: block; }
-      @keyframes fadeInDown { from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateY(0); } }
-      @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
-      .page-desc { font-size: 1.2em; margin-bottom: 24px; color: #fff; }
-      .glass-card { background: rgba(255,255,255,0.10); border-radius: 28px; box-shadow: 0 4px 32px #3399ff80; backdrop-filter: blur(16px); margin: 40px auto; max-width: 650px; padding: 40px 36px; color: #fff; border: 2px solid #3399ff; }
-      ul { color: #fff; margin-top: 24px; padding-left: 24px; }
-      ul li { margin-bottom: 14px; transition: color 0.2s, transform 0.2s; cursor: pointer; font-size: 1.08em; }
-      ul li:hover { color: #66ccff; transform: scale(1.05); }
-      .page-footer { text-align: center; margin-top: 48px; color: #fff; font-size: 1em; opacity: 0.7; }
-      .page-footer a { color: #66ccff; margin-left: 16px; text-decoration: underline; }
-
-      @media (max-width: 768px) {
-        .hero-banner { height: auto; min-height: 280px; padding: 40px 20px; }
-        .page-title { font-size: 2em; }
-        .page-desc { font-size: 1em; }
-        .glass-card { margin: 24px 16px; padding: 28px 20px; }
-        ul li { font-size: 1em; }
-      }
-    </style>
-  </main>
-</MainLayout>
diff --git a/src/pages/foundation.astro b/src/pages/foundation.astro
index ff9459d..490dd72 100644
--- a/src/pages/foundation.astro
+++ b/src/pages/foundation.astro
@@ -7,13 +7,10 @@ import MainLayout from '../layouts/MainLayout.astro';
   <nav class="container">
     <div class="logo">AETHEX</div>
     <div class="nav-links">
+      <a href="/" class="nav-link">Home</a>
       <a href="/foundation" class="nav-link">Foundation</a>
       <a href="/corporation" class="nav-link">Corporation</a>
       <a href="/labs" class="nav-link">Labs</a>
-      <a href="/products" class="nav-link">Products</a>
-      <a href="/community" class="nav-link">Community</a>
-      <a href="/docs" class="nav-link">Docs</a>
-      <a href="/about" class="nav-link">About</a>
     </div>
   </nav>
   <main class="entity-page foundation">
@@ -25,7 +22,7 @@ import MainLayout from '../layouts/MainLayout.astro';
           <span class="fade-in">AeThex Foundation</span>
         </h1>
         <p class="entity-desc fade-in-delay">Critical Infrastructure • Nonprofit</p>
-        <a href="/community" class="cta-btn">Join the Community</a>
+        <a href="https://aethex.network" class="cta-btn">Join the Community</a>
       </div>
     </section>
     <div class="glass-card">
@@ -43,9 +40,7 @@ import MainLayout from '../layouts/MainLayout.astro';
     </div>
     <footer class="entity-footer">
       <span>© AeThex Foundation 2026</span>
-      <a href="/about">About</a>
-      <a href="/foundation" style="margin-left:16px; color:#ff0000;">Foundation Home</a>
-      <a href="/community" style="margin-left:16px; color:#ff0000;">Community</a>
+      <a href="/">Home</a>
     </footer>
     <style>
         .fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
diff --git a/src/pages/labs.astro b/src/pages/labs.astro
index 952a8a3..c80054e 100644
--- a/src/pages/labs.astro
+++ b/src/pages/labs.astro
@@ -7,13 +7,10 @@ import MainLayout from '../layouts/MainLayout.astro';
   <nav class="container">
     <div class="logo">AETHEX</div>
     <div class="nav-links">
+      <a href="/" class="nav-link">Home</a>
       <a href="/foundation" class="nav-link">Foundation</a>
       <a href="/corporation" class="nav-link">Corporation</a>
       <a href="/labs" class="nav-link">Labs</a>
-      <a href="/products" class="nav-link">Products</a>
-      <a href="/community" class="nav-link">Community</a>
-      <a href="/docs" class="nav-link">Docs</a>
-      <a href="/about" class="nav-link">About</a>
     </div>
   </nav>
   <main class="entity-page labs">
@@ -43,9 +40,7 @@ import MainLayout from '../layouts/MainLayout.astro';
     </div>
     <footer class="entity-footer">
       <span>© AeThex Labs 2026</span>
-      <a href="/about">About</a>
-      <a href="/labs" style="margin-left:16px; color:#ffa500;">Labs Home</a>
-      <a href="/labs#projects" style="margin-left:16px; color:#ffa500;">R&D Projects</a>
+      <a href="/">Home</a>
     </footer>
     <style>
         .fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
diff --git a/src/pages/products.astro b/src/pages/products.astro
deleted file mode 100644
index e568d77..0000000
--- a/src/pages/products.astro
+++ /dev/null
@@ -1,78 +0,0 @@
----
-// Products Page
-import MainLayout from '../layouts/MainLayout.astro';
----
-
-<MainLayout>
-  <nav class="container">
-    <div class="logo">AETHEX</div>
-    <div class="nav-links">
-      <a href="/foundation" class="nav-link">Foundation</a>
-      <a href="/corporation" class="nav-link">Corporation</a>
-      <a href="/labs" class="nav-link">Labs</a>
-      <a href="/products" class="nav-link">Products</a>
-      <a href="/community" class="nav-link">Community</a>
-      <a href="/docs" class="nav-link">Docs</a>
-      <a href="/about" class="nav-link">About</a>
-    </div>
-  </nav>
-  <main class="page products">
-    <section class="hero-banner">
-      <div class="hero-bg"></div>
-      <div class="hero-content">
-        <h1 class="page-title animated">
-          <span class="fade-in">Products</span>
-        </h1>
-        <p class="page-desc fade-in-delay">Tools & Services for Metaverse Development</p>
-      </div>
-    </section>
-    <div class="glass-card">
-      <section class="fade-in-section">
-        <h2>Our Products</h2>
-        <p>Enterprise-grade tools and services built for metaverse creators and developers.</p>
-        <ul>
-          <li>AeThex Studio IDE</li>
-          <li>Nexus Engine</li>
-          <li>Asset Marketplace</li>
-          <li>Cloud Infrastructure</li>
-          <li>Analytics Dashboard</li>
-        </ul>
-      </section>
-    </div>
-    <footer class="page-footer">
-      <span>© AeThex 2026</span>
-      <a href="/">Home</a>
-      <a href="/about">About</a>
-    </footer>
-    <style>
-      .fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
-      @keyframes fadeInSection { to { opacity: 1; transform: none; } }
-      .page.products { background: linear-gradient(120deg, #0a0a0a 55%, #6633ff 80%, #9966ff 100%); min-height: 100vh; font-family: 'Inter', 'Segoe UI', Arial, sans-serif; }
-      .nav-link { color: #fff; margin: 0 12px; text-decoration: none; font-weight: 600; transition: color 0.2s, text-shadow 0.2s; }
-      .nav-link:hover { color: #9966ff; text-shadow: 0 0 8px #9966ff; }
-      .hero-banner { position: relative; height: 340px; display: flex; align-items: center; justify-content: center; margin-bottom: 32px; }
-      .hero-bg { position: absolute; inset: 0; background: radial-gradient(circle at 60% 40%, #6633ff 0%, #0a0a0a 80%); opacity: 0.7; z-index: 1; }
-      .hero-content { position: relative; z-index: 2; text-align: center; }
-      .page-title { font-size: 3em; font-weight: 900; margin-bottom: 12px; letter-spacing: 2px; color: #fff; }
-      .page-title.animated .fade-in { animation: fadeInDown 1s cubic-bezier(.77,0,.175,1) both; display: inline-block; }
-      .page-desc.fade-in-delay { animation: fadeInUp 1.2s cubic-bezier(.77,0,.175,1) both; display: block; }
-      @keyframes fadeInDown { from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateY(0); } }
-      @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
-      .page-desc { font-size: 1.2em; margin-bottom: 24px; color: #fff; }
-      .glass-card { background: rgba(255,255,255,0.10); border-radius: 28px; box-shadow: 0 4px 32px #6633ff80; backdrop-filter: blur(16px); margin: 40px auto; max-width: 650px; padding: 40px 36px; color: #fff; border: 2px solid #6633ff; }
-      ul { color: #fff; margin-top: 24px; padding-left: 24px; }
-      ul li { margin-bottom: 14px; transition: color 0.2s, transform 0.2s; cursor: pointer; font-size: 1.08em; }
-      ul li:hover { color: #9966ff; transform: scale(1.05); }
-      .page-footer { text-align: center; margin-top: 48px; color: #fff; font-size: 1em; opacity: 0.7; }
-      .page-footer a { color: #9966ff; margin-left: 16px; text-decoration: underline; }
-
-      @media (max-width: 768px) {
-        .hero-banner { height: auto; min-height: 280px; padding: 40px 20px; }
-        .page-title { font-size: 2em; }
-        .page-desc { font-size: 1em; }
-        .glass-card { margin: 24px 16px; padding: 28px 20px; }
-        ul li { font-size: 1em; }
-      }
-    </style>
-  </main>
-</MainLayout>