diff --git a/git_github_masterclass_unified.html b/git_github_masterclass_unified.html
index 8da5ad0..ef11c6a 100644
--- a/git_github_masterclass_unified.html
+++ b/git_github_masterclass_unified.html
@@ -52,9 +52,15 @@
             z-index: 10;
         }
 
-        /* Abstract Tech Background for Slide 1 */
+        /* Abstract Tech Background for Slide 1.
+           A layered radial-gradient sits under the hotlinked image so the slide
+           still looks intentional if the external asset fails to load. */
         .bg-neural-network {
-            background-image: url('https://png.pngtree.com/thumb_back/fw800/background/20251117/pngtree-abstract-network-of-glowing-neural-pathways-against-a-dark-blue-background-image_20333105.webp');
+            background-color: #0b1220;
+            background-image:
+                radial-gradient(circle at 20% 25%, rgba(56, 189, 248, 0.18), transparent 45%),
+                radial-gradient(circle at 80% 75%, rgba(129, 140, 248, 0.18), transparent 45%),
+                url('https://png.pngtree.com/thumb_back/fw800/background/20251117/pngtree-abstract-network-of-glowing-neural-pathways-against-a-dark-blue-background-image_20333105.webp');
             background-size: cover;
             background-position: center;
             background-repeat: no-repeat;
@@ -89,6 +95,20 @@
             background: rgba(255,255,255,0.2);
         }
 
+        /* Visible keyboard focus rings for accessibility */
+        .control-btn:focus-visible,
+        a:focus-visible {
+            outline: 2px solid #38bdf8;
+            outline-offset: 2px;
+        }
+
+        /* Honour users who prefer reduced motion */
+        @media (prefers-reduced-motion: reduce) {
+            .slide {
+                transition: opacity 0.01ms;
+            }
+        }
+
         #progress-bar {
             position: fixed;
             bottom: 0;
@@ -317,8 +337,8 @@ <h2 class="slide-header">Git vs. GitHub</h2>
                     <thead>
                         <tr>
                             <th class="w-1/4">Feature</th>
-                            <th class="w-3/8 text-orange-400"><i class="fa-brands fa-git-alt mr-2"></i> Git (The Tool)</th>
-                            <th class="w-3/8 text-white"><i class="fa-brands fa-github mr-2"></i> GitHub (The Service)</th>
+                            <th class="w-[37.5%] text-orange-400"><i class="fa-brands fa-git-alt mr-2" aria-hidden="true"></i> Git (The Tool)</th>
+                            <th class="w-[37.5%] text-white"><i class="fa-brands fa-github mr-2" aria-hidden="true"></i> GitHub (The Service)</th>
                         </tr>
                     </thead>
                     <tbody class="text-slate-300 text-sm">
@@ -832,7 +852,7 @@ <h4 class="font-bold text-white mt-4 mb-3 text-lg">Fork</h4>
                 <div class="bg-slate-800 border-t-4 border-blue-500 rounded-xl p-6 text-center shadow-lg relative">
                     <div class="absolute -top-5 left-1/2 -translate-x-1/2 w-10 h-10 rounded-full bg-blue-600 text-white font-bold flex items-center justify-center text-lg border-4 border-slate-900">3</div>
                     <h4 class="font-bold text-white mt-4 mb-3 text-lg">Edit</h4>
-                    <p class="text-xs text-slate-400 leading-relaxed">Open the filw, locate the <code class="text-blue-300">EDIT ME </code> line, and append your name to the file list.</p>
+                    <p class="text-xs text-slate-400 leading-relaxed">Open the file, locate the <code class="text-blue-300">EDIT ME</code> line, and append your name to the file list.</p>
                 </div>
 
                 <!-- Step 4 -->
@@ -870,11 +890,11 @@ <h3 class="text-xl font-bold text-white mb-6 border-b border-slate-700 pb-2 text
     </div>
 
     <!-- Global Controls & Progress -->
-    <div id="slide-counter">Slide 1 of 18</div>
+    <div id="slide-counter" role="status" aria-live="polite">Slide 1 of 18</div>
     
     <div id="controls">
-        <button class="control-btn" id="prevBtn" onclick="prevSlide()"><i class="fa-solid fa-chevron-left"></i></button>
-        <button class="control-btn" id="nextBtn" onclick="nextSlide()"><i class="fa-solid fa-chevron-right"></i></button>
+        <button class="control-btn" id="prevBtn" onclick="prevSlide()" aria-label="Previous slide"><i class="fa-solid fa-chevron-left" aria-hidden="true"></i></button>
+        <button class="control-btn" id="nextBtn" onclick="nextSlide()" aria-label="Next slide"><i class="fa-solid fa-chevron-right" aria-hidden="true"></i></button>
     </div>
 
     <div id="progress-bar" style="width: 0%;"></div>
@@ -885,19 +905,27 @@ <h3 class="text-xl font-bold text-white mb-6 border-b border-slate-700 pb-2 text
         const progressBar = document.getElementById('progress-bar');
         const slideCounter = document.getElementById('slide-counter');
 
+        const prevBtn = document.getElementById('prevBtn');
+        const nextBtn = document.getElementById('nextBtn');
+
         function updateSlides() {
             slides.forEach((slide, index) => {
-                if (index === currentSlide) {
-                    slide.classList.add('active');
-                } else {
-                    slide.classList.remove('active');
-                }
+                const isActive = index === currentSlide;
+                slide.classList.toggle('active', isActive);
+                // Hide off-screen slides from assistive tech and tab order
+                slide.setAttribute('aria-hidden', isActive ? 'false' : 'true');
             });
 
             // Update Progress Bar & Counter
             const progress = (currentSlide / (slides.length - 1)) * 100;
             progressBar.style.width = `${progress}%`;
             slideCounter.textContent = `Slide ${currentSlide + 1} of ${slides.length}`;
+
+            // Reflect navigation limits for keyboard / screen-reader users
+            prevBtn.disabled = currentSlide === 0;
+            nextBtn.disabled = currentSlide === slides.length - 1;
+            prevBtn.style.opacity = prevBtn.disabled ? '0.4' : '1';
+            nextBtn.style.opacity = nextBtn.disabled ? '0.4' : '1';
         }
 
         function nextSlide() {
@@ -917,9 +945,19 @@ <h3 class="text-xl font-bold text-white mb-6 border-b border-slate-700 pb-2 text
         // Keyboard Navigation
         document.addEventListener('keydown', (e) => {
             if (e.key === 'ArrowRight' || e.key === ' ') {
+                e.preventDefault(); // stop Space from scrolling the page
                 nextSlide();
             } else if (e.key === 'ArrowLeft') {
+                e.preventDefault();
                 prevSlide();
+            } else if (e.key === 'Home') {
+                e.preventDefault();
+                currentSlide = 0;
+                updateSlides();
+            } else if (e.key === 'End') {
+                e.preventDefault();
+                currentSlide = slides.length - 1;
+                updateSlides();
             }
         });
 
diff --git a/index.html b/index.html
index cfa7059..c1e4df1 100644
--- a/index.html
+++ b/index.html
@@ -24,22 +24,71 @@
             }
         }
 
+        function showCopied(buttonElement) {
+            const icon = buttonElement.querySelector('i');
+            if (!icon) return;
+            const originalClass = icon.className;
+            icon.className = 'fa-solid fa-check text-emerald-400';
+            setTimeout(() => {
+                icon.className = originalClass;
+            }, 1500);
+        }
+
+        // Fallback for insecure contexts (e.g. opening this file via file://),
+        // where the async Clipboard API is unavailable.
+        function legacyCopy(text) {
+            const textarea = document.createElement('textarea');
+            textarea.value = text;
+            textarea.style.position = 'fixed';
+            textarea.style.opacity = '0';
+            document.body.appendChild(textarea);
+            textarea.select();
+            let ok = false;
+            try {
+                ok = document.execCommand('copy');
+            } catch (err) {
+                ok = false;
+            }
+            document.body.removeChild(textarea);
+            return ok;
+        }
+
         function copyToClipboard(text, buttonElement) {
-            navigator.clipboard.writeText(text.trim()).then(() => {
-                const icon = buttonElement.querySelector('i');
-                const originalClass = icon.className;
-                icon.className = 'fa-solid fa-check text-emerald-400';
-
-                setTimeout(() => {
-                    icon.className = originalClass;
-                }, 1500);
-            }).catch(err => {
-                console.error('Failed to copy text: ', err);
-            });
+            const value = text.trim();
+            if (navigator.clipboard && window.isSecureContext) {
+                navigator.clipboard.writeText(value)
+                    .then(() => showCopied(buttonElement))
+                    .catch(() => {
+                        if (legacyCopy(value)) showCopied(buttonElement);
+                    });
+            } else if (legacyCopy(value)) {
+                showCopied(buttonElement);
+            }
         }
     </script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
     <style>
+        /* Smooth in-page navigation; scroll-padding keeps anchored sections
+           from being hidden underneath the sticky top nav (h-16 = 4rem). */
+        html {
+            scroll-behavior: smooth;
+            scroll-padding-top: 5rem;
+        }
+
+        @media (prefers-reduced-motion: reduce) {
+            html {
+                scroll-behavior: auto;
+            }
+        }
+
+        /* Visible keyboard focus rings for links and buttons */
+        a:focus-visible,
+        button:focus-visible {
+            outline: 2px solid #58a6ff;
+            outline-offset: 2px;
+            border-radius: 4px;
+        }
+
         /* Modern Scrollbar Styling for WebKit Engines (Chrome, Safari, Edge) */
         ::-webkit-scrollbar {
             width: 8px;
@@ -135,8 +184,8 @@ <h2 class="text-2xl font-bold text-white flex items-center gap-2">
                 <div
                     class="bg-devCard border border-devBorder p-5 rounded-xl space-y-2 hover:border-devBlue/30 transition">
                     <div class="text-devBlue font-bold text-sm tracking-wide uppercase">Step 3: Modify Code</div>
-                    <p class="text-sm text-slate-400">Open the folder in VS Code (`code .`). Locate the
-                        <code>&lt;!-- EDIT ME --&gt;</code> tag and append your structured profile badge block right
+                    <p class="text-sm text-slate-400">Open the folder in VS Code (<code class="bg-black text-devBlue px-1 rounded text-xs">code .</code>). Locate the
+                        <code class="bg-black text-devBlue px-1 rounded text-xs">&lt;!-- EDIT ME --&gt;</code> tag and append your structured profile badge block right
                         into the list.</p>
                 </div>
 
@@ -180,6 +229,16 @@ <h4 class="font-medium text-white text-sm">Sunim Fuyal</h4> <!-- EDIT ME -->
                         class="text-xs bg-devBlue/10 text-devBlue border border-devBlue/20 px-2 py-0.5 rounded font-medium">Contributor</span>
                 </div>
 
+                <div
+                    class="bg-slate-900/60 border border-devBorder p-3 rounded-lg flex items-center justify-between hover:border-slate-700 transition">
+                    <div>
+                        <h4 class="font-medium text-white text-sm">Trilochan Sharma</h4>
+                        <span class="text-xs text-slate-500 font-mono">Roll: 37 (CS-1st Yr, 2nd Sem)</span>
+                    </div>
+                    <span
+                        class="text-xs bg-devBlue/10 text-devBlue border border-devBlue/20 px-2 py-0.5 rounded font-medium">Contributor</span>
+                </div>
+
             </div>
         </div>
     </main>
@@ -212,8 +271,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devBlue p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git config --global user.name "Your Name"</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Sets your name globally for all future
                                 commit snapshots.</span>
@@ -223,8 +282,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devBlue p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git config --global user.email "you@example.com"</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Configures your email address associated
                                 with your Git commits.</span>
@@ -234,8 +293,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devBlue p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git init</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Initializes a brand-new, empty Git
                                 repository in the current directory.</span>
@@ -245,8 +304,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devBlue p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git clone &lt;repo-url&gt;</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Clones an existing remote repository
                                 onto your local system.</span>
@@ -256,8 +315,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devBlue p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git remote add origin &lt;repo-url&gt;</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Links your local workspace to a newly
                                 created remote URL destination.</span>
@@ -267,8 +326,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devBlue p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git remote set-url origin &lt;repo-url&gt;</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Changes/updates the URL destination of
                                 an existing remote target.</span>
@@ -293,8 +352,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devGreen p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git status</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Checks which files are modified,
                                 untracked, or staged.</span>
@@ -304,8 +363,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devGreen p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git add &lt;file-name&gt;</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Stages a specific file ready to be
                                 committed next.</span>
@@ -315,8 +374,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devGreen p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git add .</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Stages *all* modified, deleted, and new
                                 files in the repo.</span>
@@ -326,8 +385,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devGreen p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git commit -m "feat: core tracking"</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Saves your staged modifications as a
                                 historical checkpoint.</span>
@@ -337,8 +396,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devGreen p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git push -u origin &lt;branch-name&gt;</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Uploads local commits to a remote
                                 branch, setting upstream flags.</span>
@@ -348,8 +407,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devGreen p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git pull</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Fetches remote adjustments and merges
                                 them automatically into your workspace.</span>
@@ -374,8 +433,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-purple-400 p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git checkout -b &lt;branch-name&gt;</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Creates a new feature branch and jumps
                                 directly into it.</span>
@@ -385,8 +444,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-purple-400 p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git checkout &lt;branch-name&gt;</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Switches between active branches in the
                                 repository workspace.</span>
@@ -396,8 +455,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-purple-400 p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git switch &lt;branch-name&gt;</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Modern, safer alternative to switch
                                 branches cleanly.</span>
@@ -407,8 +466,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-purple-400 p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git branch -a</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Lists all local and remote branches
                                 tracked in your repository.</span>
@@ -418,8 +477,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-purple-400 p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git merge &lt;branch-name&gt;</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Integrates history from target branch
                                 into the active branch.</span>
@@ -429,8 +488,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-purple-400 p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git branch -d &lt;branch-name&gt;</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Safely deletes a local branch that is
                                 already merged into primary history.</span>
@@ -455,8 +514,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devOrange p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git stash</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Temporarily shelves all current
                                 uncommitted adjustments to a clean slate.</span>
@@ -466,8 +525,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devOrange p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git stash list</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Lists your historically stored stashes
                                 in descending order.</span>
@@ -477,8 +536,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devOrange p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git stash pop</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Pulls the latest stashed files back into
                                 the working directory and clears the stash entry.</span>
@@ -488,8 +547,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devOrange p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git stash apply</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Applies stashed modifications back into
                                 workspace but retains it inside the stash store.</span>
@@ -514,8 +573,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-teal-400 p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git log --oneline --graph --all</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Displays a beautiful, scannable ASCII
                                 tree layout of all history.</span>
@@ -525,8 +584,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-teal-400 p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git diff</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Shows unstaged changes between your
                                 current files and the last commit.</span>
@@ -536,8 +595,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-teal-400 p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git diff --staged</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Highlights diffs between staged
                                 modifications and your last commit.</span>
@@ -547,8 +606,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-teal-400 p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git blame &lt;file-name&gt;</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Shows authors and commit stamps for
                                 every single line inside a file.</span>
@@ -573,8 +632,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devRed p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git checkout -- &lt;file-name&gt;</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Discards local uncommitted updates in a
                                 target file to match the last commit.</span>
@@ -584,8 +643,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devRed p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git restore &lt;file-name&gt;</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Modern, safer standard to revert
                                 uncommitted local modifications.</span>
@@ -595,8 +654,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devRed p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git reset HEAD &lt;file-name&gt;</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Removes a specific file from staging
                                 area, retaining physical contents.</span>
@@ -606,8 +665,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devRed p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git commit --amend -m "new message"</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Overwrites the latest commit description
                                 message or appends staged changes.</span>
@@ -617,8 +676,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devRed p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git reset --hard HEAD~1</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Nukes the absolute latest local commit
                                 completely out of existence. Use with caution!</span>
@@ -628,8 +687,8 @@ <h2 class="text-3xl font-extrabold text-white tracking-tight">
                                 class="bg-black text-[11px] text-devRed p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">git revert &lt;commit-hash&gt;</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                             <span class="text-[10px] text-slate-500 block mt-1">Creates a new commit reversing all
                                 changes made in specified historical commit.</span>
@@ -673,8 +732,8 @@ <h3 class="text-lg font-bold text-white">SSH Key Authentication (Highly Recommen
                                 class="bg-black text-[11px] text-devBlue p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">ssh-keygen -t ed25519 -C "your.email@example.com"</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2.5 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                         </div>
                     </li>
@@ -687,8 +746,8 @@ <h3 class="text-lg font-bold text-white">SSH Key Authentication (Highly Recommen
                                 class="bg-black text-[11px] text-devBlue p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">cat ~/.ssh/id_ed25519.pub</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2.5 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                         </div>
                     </li>
@@ -708,8 +767,8 @@ <h3 class="text-lg font-bold text-white">SSH Key Authentication (Highly Recommen
                                 class="bg-black text-[11px] text-devBlue p-2 pr-8 rounded block font-mono select-all overflow-x-auto whitespace-nowrap border border-slate-900">ssh -T git@github.com</code>
                             <button onclick="copyToClipboard(this.previousElementSibling.innerText, this)"
                                 class="absolute right-2.5 top-2 text-slate-500 hover:text-white transition opacity-0 group-hover:opacity-100 focus:opacity-100"
-                                title="Copy to clipboard">
-                                <i class="fa-regular fa-copy"></i>
+                                title="Copy to clipboard" aria-label="Copy command to clipboard">
+                                <i class="fa-regular fa-copy" aria-hidden="true"></i>
                             </button>
                         </div>
                     </li>