diff --git a/public/index.html b/public/index.html
index f1fb764..ddf996e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,20 +3,22 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-    <title>CASPER XD ULTRA | WHATSAPP BOT</title>
+    <!-- Crimson & Void Overhaul: Title rebranded for the MLTN-MD Domain -->
+    <title>MLTN-MD SYSTEM MATRIX</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         :root {
-            --primary: #7b2cbf;
-            --secondary: #9d4edd;
-            --accent: #ff9e00;
-            --dark: #10002b;
-            --darker: #0a0122;
+            /* Anime Villain Crimson & Void Dark Theme Palette */
+            --primary: #d90429;       /* Blood Crimson Neon */
+            --secondary: #ef233c;     /* Cursed Energy Aura Red */
+            --accent: #8d99ae;        /* Dark Metallic Steel */
+            --dark: #0b090a;          /* Absolute Shadow Void */
+            --darker: #050505;        /* Deepest Abyssal Black */
             --light: #f8f9fa;
-            --gray: #adb5bd;
+            --gray: #6c757d;
             --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-            --shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
-            --card-bg: rgba(255, 255, 255, 0.05);
+            --shadow: 0 0 25px rgba(217, 4, 41, 0.25);
+            --card-bg: rgba(11, 9, 10, 0.65);
         }
 
         * {
@@ -34,15 +36,16 @@
             min-height: 100vh;
             display: flex;
             flex-direction: column;
+            /* Radial cosmic matrix background style */
             background-image: 
-                radial-gradient(circle at 10% 20%, rgba(123, 44, 191, 0.1) 0%, transparent 20%),
-                radial-gradient(circle at 90% 80%, rgba(255, 158, 0, 0.1) 0%, transparent 20%);
-            animation: gradientPulse 15s ease infinite;
+                radial-gradient(circle at 10% 20%, rgba(217, 4, 41, 0.08) 0%, transparent 25%),
+                radial-gradient(circle at 90% 80%, rgba(141, 153, 174, 0.05) 0%, transparent 25%);
+            animation: matrixPulse 12s ease infinite;
         }
 
-        @keyframes gradientPulse {
+        @keyframes matrixPulse {
             0% { background-position: 10% 20%, 90% 80%; }
-            50% { background-position: 15% 25%, 85% 75%; }
+            50% { background-position: 12% 22%, 88% 78%; }
             100% { background-position: 10% 20%, 90% 80%; }
         }
 
@@ -50,12 +53,12 @@
             position: fixed;
             top: 0;
             width: 100%;
-            padding: 1.5rem 2rem;
-            background: rgba(16, 0, 43, 0.9);
-            backdrop-filter: blur(10px);
+            padding: 1.2rem 2rem;
+            background: rgba(5, 5, 5, 0.95);
+            backdrop-filter: blur(12px);
             z-index: 1000;
             box-shadow: var(--shadow);
-            border-bottom: 1px solid rgba(123, 44, 191, 0.2);
+            border-bottom: 1px solid rgba(217, 4, 41, 0.3);
         }
 
         .navbar-container {
@@ -73,19 +76,15 @@
             text-decoration: none;
         }
 
-        .logo-icon {
-            font-size: 2rem;
-            color: var(--primary);
-            animation: pulse 2s infinite;
-        }
-
         .logo-text {
-            font-size: 1.5rem;
-            font-weight: 700;
-            background: linear-gradient(to right, var(--primary), var(--accent));
+            font-size: 1.4rem;
+            font-weight: 800;
+            letter-spacing: 2px;
+            background: linear-gradient(to right, var(--primary), #ffffff);
             -webkit-background-clip: text;
             background-clip: text;
             color: transparent;
+            text-shadow: 0 0 15px rgba(217, 4, 41, 0.4);
         }
 
         .menu {
@@ -102,6 +101,7 @@
             display: flex;
             align-items: center;
             gap: 0.5rem;
+            font-size: 0.95rem;
         }
 
         .menu-link::after {
@@ -111,7 +111,8 @@
             height: 2px;
             bottom: 0;
             left: 0;
-            background: linear-gradient(to right, var(--primary), var(--accent));
+            background: var(--primary);
+            box-shadow: 0 0 8px var(--primary);
             transition: var(--transition);
         }
 
@@ -123,10 +124,6 @@
             color: var(--primary);
         }
 
-        .menu-link i {
-            font-size: 1.1rem;
-        }
-
         .menu-toggle {
             display: none;
             background: none;
@@ -138,11 +135,11 @@
         }
 
         .hero {
-            padding: 10rem 2rem 5rem;
+            padding: 11rem 2rem 5rem;
             text-align: center;
             position: relative;
             overflow: hidden;
-            margin-top: 2rem;
+            margin-top: 1rem;
         }
 
         .hero-content {
@@ -153,25 +150,28 @@
         }
 
         .hero-title {
-            font-size: 3.5rem;
+            font-size: 3.8rem;
             margin-bottom: 1.5rem;
-            background: linear-gradient(to right, var(--primary), var(--accent));
+            font-weight: 900;
+            letter-spacing: -1px;
+            background: linear-gradient(to right, #ffffff, var(--primary), #ffffff);
             -webkit-background-clip: text;
             background-clip: text;
             color: transparent;
-            line-height: 1.2;
+            line-height: 1.1;
             opacity: 0;
             transform: translateY(20px);
             animation: fadeInUp 1s ease-out forwards;
         }
 
         .hero-subtitle {
-            font-size: 1.3rem;
-            color: var(--gray);
+            font-size: 1.15rem;
+            color: var(--accent);
             margin-bottom: 2.5rem;
-            max-width: 700px;
+            max-width: 650px;
             margin-left: auto;
             margin-right: auto;
+            letter-spacing: 0.5px;
             opacity: 0;
             transform: translateY(20px);
             animation: fadeInUp 1s ease-out 0.3s forwards;
@@ -179,7 +179,7 @@
 
         .hero-buttons {
             display: flex;
-            gap: 1rem;
+            gap: 1.2rem;
             justify-content: center;
             margin-top: 2rem;
             opacity: 0;
@@ -188,37 +188,43 @@
         }
 
         .btn {
-            padding: 0.8rem 2rem;
-            border-radius: 50px;
-            font-weight: 600;
+            padding: 0.9rem 2.5rem;
+            border-radius: 4px; /* Sleek, edgy industrial look instead of round pill buttons */
+            font-weight: 700;
+            text-transform: uppercase;
+            letter-spacing: 1.5px;
             text-decoration: none;
             display: inline-flex;
             align-items: center;
-            gap: 0.5rem;
+            gap: 0.6rem;
             transition: var(--transition);
-            box-shadow: var(--shadow);
+            border: 1px solid transparent;
         }
 
         .btn-primary {
-            background: linear-gradient(135deg, var(--primary), var(--secondary));
+            background: var(--primary);
             color: white;
+            box-shadow: 0 0 15px rgba(217, 4, 41, 0.4);
         }
 
         .btn-primary:hover {
-            transform: translateY(-3px);
-            box-shadow: 0 15px 30px rgba(123, 44, 191, 0.4);
+            transform: translateY(-2px);
+            background: var(--secondary);
+            box-shadow: 0 0 25px rgba(217, 4, 41, 0.7);
         }
 
         .btn-secondary {
-            background: rgba(255, 255, 255, 0.1);
+            background: rgba(255, 255, 255, 0.03);
             color: var(--light);
             backdrop-filter: blur(5px);
-            border: 1px solid rgba(255, 255, 255, 0.1);
+            border: 1px solid rgba(217, 4, 41, 0.3);
         }
 
         .btn-secondary:hover {
-            background: rgba(255, 255, 255, 0.2);
-            transform: translateY(-3px);
+            background: rgba(217, 4, 41, 0.1);
+            border-color: var(--primary);
+            transform: translateY(-2px);
+            box-shadow: 0 0 15px rgba(217, 4, 41, 0.3);
         }
 
         .features {
@@ -229,155 +235,148 @@
 
         .section-title {
             text-align: center;
-            font-size: 2.5rem;
-            margin-bottom: 3rem;
-            background: linear-gradient(to right, var(--primary), var(--accent));
-            -webkit-background-clip: text;
-            background-clip: text;
-            color: transparent;
-            opacity: 0;
-            transform: translateY(20px);
-            animation: fadeInUp 1s ease-out forwards;
+            font-size: 2.2rem;
+            font-weight: 800;
+            letter-spacing: 2px;
+            margin-bottom: 4rem;
+            color: var(--light);
+            position: relative;
+        }
+        
+        .section-title::after {
+            content: '';
+            position: absolute;
+            bottom: -10px;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 60px;
+            height: 3px;
+            background: var(--primary);
+            box-shadow: 0 0 8px var(--primary);
         }
 
         .features-grid {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-            gap: 2rem;
+            gap: 2.5rem;
         }
 
         .feature-card {
             background: var(--card-bg);
-            border-radius: 15px;
-            padding: 2rem;
+            border-radius: 4px;
+            padding: 2.5rem 2rem;
             text-align: center;
             backdrop-filter: blur(10px);
-            border: 1px solid rgba(123, 44, 191, 0.2);
+            border: 1px solid rgba(141, 153, 174, 0.15);
             opacity: 0;
             transform: translateY(20px);
-            animation: fadeInUp 0.8s ease-out forwards;
         }
 
-        .feature-card:nth-child(1) { animation-delay: 0.2s; }
-        .feature-card:nth-child(2) { animation-delay: 0.4s; }
-        .feature-card:nth-child(3) { animation-delay: 0.6s; }
-        .feature-card:nth-child(4) { animation-delay: 0.8s; }
-        .feature-card:nth-child(5) { animation-delay: 1s; }
-
         .feature-card:hover {
-            transform: translateY(-10px);
-            box-shadow: 0 20px 40px rgba(123, 44, 191, 0.3);
-            border-color: rgba(123, 44, 191, 0.4);
+            transform: translateY(-8px);
+            box-shadow: var(--shadow);
+            border-color: var(--primary);
         }
 
         .feature-icon {
-            font-size: 3rem;
+            font-size: 2.5rem;
             margin-bottom: 1.5rem;
             color: var(--primary);
+            text-shadow: 0 0 10px rgba(217, 4, 41, 0.5);
         }
 
         .feature-title {
-            font-size: 1.5rem;
+            font-size: 1.35rem;
+            font-weight: 700;
             margin-bottom: 1rem;
             color: var(--light);
+            letter-spacing: 0.5px;
         }
 
         .feature-description {
-            color: var(--gray);
-            font-size: 1rem;
+            color: var(--accent);
+            font-size: 0.95rem;
             line-height: 1.6;
         }
 
         .cta {
-            padding: 5rem 2rem;
+            padding: 6rem 2rem;
             text-align: center;
-            background: rgba(123, 44, 191, 0.1);
-            margin: 3rem 0;
-            border-top: 1px solid rgba(123, 44, 191, 0.2);
-            border-bottom: 1px solid rgba(123, 44, 191, 0.2);
+            background: rgba(217, 4, 41, 0.03);
+            margin: 4rem 0 0;
+            border-top: 1px solid rgba(217, 4, 41, 0.2);
         }
 
         .cta-content {
-            max-width: 800px;
+            max-width: 750px;
             margin: 0 auto;
         }
 
         .cta-title {
-            font-size: 2.2rem;
+            font-size: 2.4rem;
+            font-weight: 800;
             margin-bottom: 1.5rem;
             color: var(--light);
         }
 
         .cta-text {
-            color: var(--gray);
-            margin-bottom: 2rem;
-            font-size: 1.1rem;
+            color: var(--accent);
+            margin-bottom: 2.5rem;
+            font-size: 1.05rem;
             line-height: 1.7;
         }
 
         footer {
             background: var(--darker);
-            padding: 3rem 2rem 2rem;
-            margin-top: auto;
-            border-top: 1px solid rgba(123, 44, 191, 0.2);
+            padding: 4rem 2rem 2rem;
+            border-top: 1px solid rgba(217, 4, 41, 0.3);
         }
 
         .footer-content {
             max-width: 1200px;
             margin: 0 auto;
             display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-            gap: 2rem;
-        }
-
-        .footer-logo {
-            display: flex;
-            align-items: center;
-            gap: 0.8rem;
-            margin-bottom: 1.5rem;
-            text-decoration: none;
-        }
-
-        .footer-logo-icon {
-            font-size: 1.8rem;
-            color: var(--primary);
+            grid-template-columns: 2fr 1fr 1fr;
+            gap: 4rem;
         }
 
         .footer-logo-text {
-            font-size: 1.3rem;
-            font-weight: 700;
-            background: linear-gradient(to right, var(--primary), var(--accent));
-            -webkit-background-clip: text;
-            background-clip: text;
-            color: transparent;
+            font-size: 1.4rem;
+            font-weight: 800;
+            letter-spacing: 1px;
+            color: var(--light);
         }
 
         .footer-description {
-            color: var(--gray);
+            color: var(--accent);
+            margin-top: 1rem;
             margin-bottom: 1.5rem;
             line-height: 1.6;
+            font-size: 0.95rem;
         }
 
         .footer-links {
             display: flex;
-            gap: 1rem;
+            gap: 1.2rem;
         }
 
         .footer-link {
-            color: var(--gray);
-            font-size: 1.2rem;
+            color: var(--accent);
+            font-size: 1.3rem;
             transition: var(--transition);
         }
 
         .footer-link:hover {
             color: var(--primary);
-            transform: translateY(-3px);
+            transform: translateY(-2px);
         }
 
         .footer-column h3 {
             color: var(--light);
             margin-bottom: 1.5rem;
-            font-size: 1.2rem;
+            font-size: 1.1rem;
+            text-transform: uppercase;
+            letter-spacing: 1px;
             position: relative;
             padding-bottom: 0.5rem;
         }
@@ -385,11 +384,11 @@
         .footer-column h3::after {
             content: '';
             position: absolute;
-            width: 40px;
+            width: 30px;
             height: 2px;
             bottom: 0;
             left: 0;
-            background: linear-gradient(to right, var(--primary), var(--accent));
+            background: var(--primary);
         }
 
         .footer-menu {
@@ -401,8 +400,9 @@
         }
 
         .footer-menu-link {
-            color: var(--gray);
+            color: var(--accent);
             text-decoration: none;
+            font-size: 0.95rem;
             transition: var(--transition);
             display: flex;
             align-items: center;
@@ -414,17 +414,14 @@
             padding-left: 5px;
         }
 
-        .footer-menu-link i {
-            font-size: 0.9rem;
-        }
-
         .copyright {
             text-align: center;
-            margin-top: 3rem;
+            margin-top: 4rem;
             padding-top: 2rem;
-            border-top: 1px solid rgba(255, 255, 255, 0.1);
+            border-top: 1px solid rgba(141, 153, 174, 0.1);
             color: var(--gray);
-            font-size: 0.9rem;
+            font-size: 0.85rem;
+            letter-spacing: 0.5px;
         }
 
         .copyright a {
@@ -444,88 +441,55 @@
             }
         }
 
-        @keyframes pulse {
-            0% { transform: scale(1); }
-            50% { transform: scale(1.1); }
-            100% { transform: scale(1); }
-        }
-
         @media (max-width: 768px) {
             .menu {
                 position: fixed;
                 top: 0;
                 left: -100%;
-                width: 80%;
+                width: 85%;
                 height: 100vh;
                 background: var(--darker);
                 flex-direction: column;
                 align-items: flex-start;
                 justify-content: center;
-                padding: 2rem;
-                gap: 1.5rem;
+                padding: 3rem 2rem;
+                gap: 2rem;
                 z-index: 1000;
-                transition: var(--transition);
-                box-shadow: 5px 0 30px rgba(0, 0, 0, 0.3);
-            }
-
-            .menu.active {
-                left: 0;
-            }
-
-            .menu-toggle {
-                display: block;
+                border-right: 1px solid rgba(217, 4, 41, 0.2);
             }
 
-            .hero {
-                padding: 8rem 1.5rem 3rem;
-            }
-
-            .hero-title {
-                font-size: 2.5rem;
-            }
-
-            .hero-subtitle {
-                font-size: 1.1rem;
-            }
-
-            .hero-buttons {
-                flex-direction: column;
-                align-items: center;
-            }
-
-            .btn {
-                width: 100%;
-                justify-content: center;
-            }
-
-            .section-title {
-                font-size: 2rem;
-            }
-
-            .footer-content {
-                grid-template-columns: 1fr;
-            }
+            .menu.active { left: 0; }
+            .menu-toggle { display: block; }
+            .hero { padding: 9rem 1.5rem 4rem; }
+            .hero-title { font-size: 2.4rem; }
+            .hero-subtitle { font-size: 1rem; }
+            .hero-buttons { flex-direction: column; gap: 0.8rem; }
+            .btn { width: 100%; justify-content: center; }
+            .footer-content { grid-template-columns: 1fr; gap: 2.5rem; }
         }
 
-        #rightClickMessage {
+        #restrictAuraMessage {
             display: none;
             position: fixed;
             top: 50%;
             left: 50%;
             transform: translate(-50%, -50%);
-            background: rgba(16, 0, 43, 0.95);
-            color: var(--accent);
-            padding: 1rem 2rem;
-            border-radius: 8px;
-            box-shadow: 0 0 30px rgba(123, 44, 191, 0.5);
+            background: rgba(5, 5, 5, 0.98);
+            color: var(--primary);
+            padding: 1.2rem 2.5rem;
+            border-radius: 4px;
+            box-shadow: 0 0 40px rgba(217, 4, 41, 0.5);
             z-index: 9999;
-            font-size: 1rem;
+            font-size: 0.95rem;
+            font-weight: 700;
+            letter-spacing: 1px;
+            text-transform: uppercase;
             text-align: center;
             backdrop-filter: blur(10px);
             border: 1px solid var(--primary);
         }
 
-        .particles {
+        .void-particles {
             position: fixed;
             top: 0;
             left: 0;
@@ -535,37 +499,33 @@
             overflow: hidden;
         }
 
-        .particle {
+        .void-spark {
             position: absolute;
-            background: rgba(123, 44, 191, 0.3);
+            background: rgba(217, 4, 41, 0.25);
             border-radius: 50%;
-            animation: float linear infinite;
+            animation: rise linear infinite;
         }
 
-        @keyframes float {
-            0% { transform: translateY(0) rotate(0deg); }
-            100% { transform: translateY(-100vh) rotate(360deg); }
+        @keyframes rise {
+            0% { transform: translateY(0) scale(1); opacity: 0; }
+            20% { opacity: 0.6; }
+            100% { transform: translateY(-100vh) scale(0.4); opacity: 0; }
         }
     </style>
 </head>
 <body>
-    <div class="particles" id="particles"></div>
+    <div class="void-particles" id="particles"></div>
     
-    <!-- Navigation -->
+    <!-- Navigation Section -->
     <nav class="navbar">
         <div class="navbar-container">
             <a href="#" class="logo">
-                <svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
-                    <defs>
-                        <linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
-                            <stop offset="0%" style="stop-color:#7b2cbf"/>
-                            <stop offset="100%" style="stop-color:#ff9e00"/>
-                        </linearGradient>
-                    </defs>
-                    <rect x="2" y="2" width="36" height="36" rx="10" ry="10" fill="none" stroke="url(#logoGrad)" stroke-width="2.5"/>
-                    <text x="20" y="26" text-anchor="middle" fill="url(#logoGrad)" font-family="Poppins, sans-serif" font-size="11" font-weight="700">CASPER</text>
+                <!-- Edgy, crimson custom SVG glyph for MLTN-MD Core -->
+                <svg width="35" height="35" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+                    <rect x="3" y="3" width="34" height="34" rx="4" fill="none" stroke="#d90429" stroke-width="2.5"/>
+                    <path d="M12 28V12L20 22L28 12V28" fill="none" stroke="#d90429" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
                 </svg>
-                <span class="logo-text">CASPER XD ULTRA</span>
+                <span class="logo-text">MLTN-MD BOT</span>
             </a>
             
             <button class="menu-toggle" id="menuToggle">
@@ -573,244 +533,140 @@
             </button>
             
             <div class="menu" id="menu">
-                <a href="/pairing" class="menu-link">
-                    <i class="fab fa-github"></i> Source Code
-                </a>
-                <a href="./pair" class="menu-link">
-                    <i class="fas fa-link"></i> Pair Code
-                </a>
-                <a href="./qr" class="menu-link">
-                    <i class="fas fa-qrcode"></i> QR Code
-                </a>
-                <a href="/projects" class="menu-link">
-                    <i class="fas fa-project-diagram"></i> Other Projects
-                </a>
-                <a href="#" class="menu-link" data-url="https://t.me/casper_tech_ke" target="_blank">
-                    <i class="fab fa-telegram"></i> Support
-                </a>
+                <a href="/pairing" class="menu-link"><i class="fab fa-github"></i> Core Terminal</a>
+                <a href="./pair" class="menu-link"><i class="fas fa-link"></i> Link Core</a>
+                <a href="./qr" class="menu-link"><i class="fas fa-qrcode"></i> Scan Sigil</a>
+                <a href="/projects" class="menu-link"><i class="fas fa-shield-alt"></i> Other Realms</a>
             </div>
         </div>
     </nav>
 
-    <!-- Hero Section -->
+    <!-- Main Command Hero -->
     <section class="hero">
         <div class="hero-content">
-            <h1 class="hero-title">Advanced WhatsApp Bot Solution</h1>
+            <h1 class="hero-title">MLTN-MD CORE INTERFACE</h1>
             <p class="hero-subtitle">
-                Casper XD Ultra provides powerful automation and integration features for WhatsApp with enhanced security and reliability
+                Awaken absolute group automation, deployment mechanics, and secure multi-device synchronization streams instantly.
             </p>
             <div class="hero-buttons">
                 <a href="./pair" class="btn btn-primary">
-                    <i class="fas fa-link"></i> Get Pair Code
+                    <i class="fas fa-link"></i> Request Pair Code
                 </a>
                 <a href="./qr" class="btn btn-secondary">
-                    <i class="fas fa-qrcode"></i> Scan QR Code
+                    <i class="fas fa-qrcode"></i> Deploy Via QR
                 </a>
             </div>
         </div>
     </section>
 
-    <!-- Features Section -->
+    <!-- System Features Block -->
     <section class="features">
-        <h2 class="section-title">Key Features</h2>
+        <h2 class="section-title">SYSTEM PROTOCOLS</h2>
         <div class="features-grid">
             <div class="feature-card" data-url="./pair">
-                <div class="feature-icon">
-                    <i class="fas fa-link"></i>
-                </div>
-                <h3 class="feature-title">Pair Code Login</h3>
-                <p class="feature-description">
-                    Securely connect your WhatsApp account using a simple pairing code without needing physical access to your phone
-                </p>
+                <div class="feature-icon"><i class="fas fa-bolt"></i></div>
+                <h3 class="feature-title">Instant Numeric Sync</h3>
+                <p class="feature-description"> Establish connection sequences directly via safe 8-digit client requests bypasses physical device scanning steps.</p>
             </div>
             
             <div class="feature-card" data-url="./qr">
-                <div class="feature-icon">
-                    <i class="fas fa-qrcode"></i>
-                </div>
-                <h3 class="feature-title">QR Code Login</h3>
-                <p class="feature-description">
-                    Traditional QR code scanning method for quick and easy connection to your WhatsApp account
-                </p>
+                <div class="feature-icon"><i class="fas fa-eye"></i></div>
+                <h3 class="feature-title">QR Visual Stream</h3>
+                <p class="feature-description">Initiate traditional cryptographic binding scans directly connected to your master engine loop.</p>
             </div>
             
             <div class="feature-card" data-url="/pairing">
-                <div class="feature-icon">
-                    <i class="fas fa-code"></i>
-                </div>
-                <h3 class="feature-title">Source Code</h3>
-                <p class="feature-description">
-                    Fully available codebase that you can customize and extend according to your needs
-                </p>
-            </div>
-            
-            <div class="feature-card" data-url="https://t.me/casper_tech_ke" target="_blank">
-                <div class="feature-icon">
-                    <i class="fas fa-headset"></i>
-                </div>
-                <h3 class="feature-title">Premium Support</h3>
-                <p class="feature-description">
-                    Get dedicated support from our team to help you set up and customize your bot
-                </p>
-            </div>
-            
-            <div class="feature-card" data-url="https://whatsapp.com/channel/0029VbCK8vlKwqSSkFkC1l2k" target="_blank">
-                <div class="feature-icon">
-                    <i class="fab fa-whatsapp"></i>
-                </div>
-                <h3 class="feature-title">Regular Updates</h3>
-                <p class="feature-description">
-                    Stay updated with the latest features and improvements through our WhatsApp channel
-                </p>
+                <div class="feature-icon"><i class="fas fa-terminal"></i></div>
+                <h3 class="feature-title">Open Matrix Code</h3>
+                <p class="feature-description">Inspect, modify, and duplicate the underlying codebase structure smoothly across your own private branches.</p>
             </div>
         </div>
     </section>
 
-    <!-- CTA Section -->
+    <!-- Call to Action System -->
     <section class="cta">
         <div class="cta-content">
-            <h2 class="cta-title">Ready to Enhance Your WhatsApp Experience?</h2>
+            <h2 class="cta-title">CONTAIN THE MAXIMUM POWER</h2>
             <p class="cta-text">
-                Casper XD Ultra offers a seamless way to automate your WhatsApp messaging, manage groups efficiently, 
-                and integrate with external services through a simple, user-friendly interface.
+                Unshackle fluid response rates and deep automated parameters directly within your WhatsApp application channels.
             </p>
             <div class="hero-buttons">
-                <a href="./pair" class="btn btn-primary">
-                    <i class="fas fa-link"></i> Connect Now
-                </a>
-                <a href="/pairing" class="btn btn-secondary">
-                    <i class="fab fa-github"></i> View on GitHub
-                </a>
+                <a href="./pair" class="btn btn-primary"><i class="fas fa-unlock-alt"></i> Initialize Stream</a>
             </div>
         </div>
     </section>
 
-    <!-- Footer -->
+    <!-- Footer System (ALL extra clutter options safely expunged below output card structures) -->
     <footer>
         <div class="footer-content">
             <div class="footer-column">
-                <a href="#" class="footer-logo">
-                    <svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
-                        <defs>
-                            <linearGradient id="footerLogoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
-                                <stop offset="0%" style="stop-color:#7b2cbf"/>
-                                <stop offset="100%" style="stop-color:#ff9e00"/>
-                            </linearGradient>
-                        </defs>
-                        <rect x="2" y="2" width="36" height="36" rx="10" ry="10" fill="none" stroke="url(#footerLogoGrad)" stroke-width="2.5"/>
-                        <text x="20" y="26" text-anchor="middle" fill="url(#footerLogoGrad)" font-family="Poppins, sans-serif" font-size="11" font-weight="700">CASPER</text>
-                    </svg>
-                    <span class="footer-logo-text">CASPER XD ULTRA</span>
-                </a>
+                <span class="footer-logo-text">⚡ MLTN-MD MATRIX</span>
                 <p class="footer-description">
-                    Advanced WhatsApp bot solution with powerful automation features and seamless integration capabilities.
+                    A sleek high-velocity WhatsApp modular mainframe framework engineered for ultimate stability and dark stylistic clarity.
                 </p>
-                <div class="footer-links">
-                    <a href="https://github.com/Casper-Tech-ke" class="footer-link" target="_blank">
-                        <i class="fab fa-github"></i>
-                    </a>
-                    <a href="https://t.me/casper_tech_ke" class="footer-link" target="_blank">
-                        <i class="fab fa-telegram"></i>
-                    </a>
-                    <a href="https://whatsapp.com/channel/0029VbCK8vlKwqSSkFkC1l2k" class="footer-link" target="_blank">
-                        <i class="fab fa-whatsapp"></i>
-                    </a>
-                    <a href="https://whatsapp.com/channel/0029Vb6XJQQHrDZi1RzKu90t" class="footer-link" target="_blank">
-                        <i class="fab fa-whatsapp"></i>
-                    </a>
-                </div>
             </div>
             
             <div class="footer-column">
-                <h3>Quick Links</h3>
+                <h3>Navigation</h3>
                 <ul class="footer-menu">
-                    <li class="footer-menu-item">
-                        <a href="./pair" class="footer-menu-link">
-                            <i class="fas fa-chevron-right"></i> Pair Code
-                        </a>
-                    </li>
-                    <li class="footer-menu-item">
-                        <a href="./qr" class="footer-menu-link">
-                            <i class="fas fa-chevron-right"></i> QR Code
-                        </a>
-                    </li>
-                    <li class="footer-menu-item">
-                        <a href="/pairing" class="footer-menu-link">
-                            <i class="fas fa-chevron-right"></i> Source Code
-                        </a>
-                    </li>
-                    <li class="footer-menu-item">
-                        <a href="/projects" class="footer-menu-link">
-                            <i class="fas fa-chevron-right"></i> Other Projects
-                        </a>
-                    </li>
+                    <li class="footer-menu-item"><a href="./pair" class="footer-menu-link"><i class="fas fa-angle-right"></i> Pairing Unit</a></li>
+                    <li class="footer-menu-item"><a href="./qr" class="footer-menu-link"><i class="fas fa-angle-right"></i> QR Engine</a></li>
                 </ul>
             </div>
             
             <div class="footer-column">
-                <h3>Support</h3>
+                <h3>Channels</h3>
                 <ul class="footer-menu">
-                    <li class="footer-menu-item">
-                        <a href="https://t.me/casper_tech_ke" class="footer-menu-link" target="_blank">
-                            <i class="fas fa-chevron-right"></i> Telegram
-                        </a>
-                    </li>
-                    <li class="footer-menu-item">
-                        <a href="https://whatsapp.com/channel/0029VbCK8vlKwqSSkFkC1l2k" class="footer-menu-link" target="_blank">
-                            <i class="fas fa-chevron-right"></i> WhatsApp Channel
-                        </a>
-                    </li>
-                    <li class="footer-menu-item">
-                        <a href="https://github.com/Casper-Tech-ke" class="footer-menu-link" target="_blank">
-                            <i class="fas fa-chevron-right"></i> Report Issues
-                        </a>
-                    </li>
+                    <li class="footer-menu-item"><a href="https://github.com/Casper-Tech-ke" class="footer-menu-link" target="_blank"><i class="fab fa-github"></i> Core Source</a></li>
                 </ul>
             </div>
         </div>
         
         <div class="copyright">
-            &copy; <span id="currentYear"></span> Made with <i class="fas fa-heart" style="color: var(--accent);"></i> by <a href="https://github.com/Casper-Tech-ke" target="_blank">TRABY CASPER</a>
+            &copy; <span id="currentYear"></span> MATRIX STRUCTURE | RE-ARCHITECTED BY EXILE SYSTEMS
         </div>
     </footer>
 
-    <div id="rightClickMessage">Action restricted by CasperTech</div>
+    <div id="restrictAuraMessage">MALICIOUS INTERACTION RESTRICTED BY THE VOID MATRIX</div>
 
     <script>
-        function createParticles() {
-            const particlesContainer = document.getElementById('particles');
-            const particleCount = window.innerWidth < 768 ? 20 : 40;
+        /**
+         * "Generating shadow energy coordinates..."
+         * Spawns rising ambient particle sparks matching villain aesthetic colors
+         */
+        function createVoidParticles() {
+            const container = document.getElementById('particles');
+            const count = window.innerWidth < 768 ? 15 : 35;
             
-            for (let i = 0; i < particleCount; i++) {
-                const particle = document.createElement('div');
-                particle.classList.add('particle');
+            for (let i = 0; i < count; i++) {
+                const spark = document.createElement('div');
+                spark.classList.add('void-spark');
                 
-                const size = Math.random() * 10 + 5;
-                particle.style.width = `${size}px`;
-                particle.style.height = `${size}px`;
+                const size = Math.random() * 6 + 3;
+                spark.style.width = `${size}px`;
+                spark.style.height = `${size}px`;
                 
-                particle.style.left = `${Math.random() * 100}%`;
-                particle.style.top = `${Math.random() * 100}%`;
+                spark.style.left = `${Math.random() * 100}%`;
+                spark.style.bottom = `-${Math.random() * 20}px`;
 
-                const duration = Math.random() * 20 + 10;
-                particle.style.animationDuration = `${duration}s`;
-                particle.style.animationDelay = `${Math.random() * 5}s`;
-                
-                particle.style.opacity = Math.random() * 0.5 + 0.1;
+                const duration = Math.random() * 15 + 8;
+                spark.style.animationDuration = `${duration}s`;
+                spark.style.animationDelay = `${Math.random() * 6}s`;
+                spark.style.opacity = Math.random() * 0.4 + 0.1;
                 
-                particlesContainer.appendChild(particle);
+                container.appendChild(spark);
             }
         }
-        
-        createParticles();
+        createVoidParticles();
 
+        // Responsive Sidebar Mechanics
         const menuToggle = document.getElementById('menuToggle');
         const menu = document.getElementById('menu');
 
         menuToggle.addEventListener('click', () => {
             menu.classList.toggle('active');
             menuToggle.innerHTML = menu.classList.contains('active') 
-                ? '<i class="fas fa-times"></i>' 
+                ? '<i class="fas fa-times" style="color: var(--primary)"></i>' 
                 : '<i class="fas fa-bars"></i>';
         });
 
@@ -823,49 +679,42 @@ <h3>Support</h3>
 
         document.getElementById('currentYear').textContent = new Date().getFullYear();
 
-        const animateOnScroll = () => {
-            const elements = document.querySelectorAll('.feature-card, .section-title');
-            
-            elements.forEach(element => {
-                const elementPosition = element.getBoundingClientRect().top;
-                const screenPosition = window.innerHeight / 1.2;
-                
-                if (elementPosition < screenPosition) {
-                    element.style.animation = `fadeInUp 0.8s ease-out forwards`;
+        // Dynamic viewport scroll animations tracking entry vectors
+        const triggerScrollReveal = () => {
+            const items = document.querySelectorAll('.feature-card, .section-title');
+            items.forEach(item => {
+                const elementTop = item.getBoundingClientRect().top;
+                const activeThreshold = window.innerHeight / 1.15;
+                if (elementTop < activeThreshold) {
+                    item.style.animation = `fadeInUp 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards`;
                 }
             });
         };
+        window.addEventListener('scroll', triggerScrollReveal);
+        window.addEventListener('load', triggerScrollReveal);
 
-        window.addEventListener('scroll', animateOnScroll);
-        window.addEventListener('load', animateOnScroll);
-
-        document.querySelectorAll('[data-url]').forEach(element => {
-            element.addEventListener('click', function(e) {
+        // Explicit redirection intercepts 
+        document.querySelectorAll('[data-url]').forEach(btn => {
+            btn.addEventListener('click', function(e) {
                 e.preventDefault();
-                const url = this.getAttribute('data-url');
+                const path = this.getAttribute('data-url');
                 const target = this.getAttribute('target') || '_self';
-                window.open(url, target);
+                window.open(path, target);
             });
         });
 
+        // Strict Domain Protection Rules (Right-click restriction blocks)
         document.addEventListener('contextmenu', function(e) {
             e.preventDefault();
-            const message = document.getElementById('rightClickMessage');
-            message.style.display = 'block';
-            setTimeout(() => {
-                message.style.display = 'none';
-            }, 2000);
+            const alertBox = document.getElementById('restrictAuraMessage');
+            alertBox.style.display = 'block';
+            setTimeout(() => { alertBox.style.display = 'none'; }, 2000);
         });
 
-        document.querySelectorAll('[data-url]').forEach(link => {
-            link.addEventListener('dragstart', function(e) {
-                e.preventDefault();
-            });
-        });
-
-        document.addEventListener('selectstart', function(e) {
-            e.preventDefault();
+        document.addEventListener('selectstart', function(e) { e.preventDefault(); });
+        document.querySelectorAll('[data-url]').forEach(node => {
+            node.addEventListener('dragstart', function(e) { e.preventDefault(); });
         });
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>
