Add a copy button to the installation command on the homepage

Add a copy-to-clipboard button to the `$ pip install pycleora` command in `index.html` and corresponding styles in `style.css`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ec794acd-c4a5-47f6-b906-d70ac3c316ee
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: bd287782-2034-4249-8a79-ae5a0c74c7c7
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/28ec11df-9ccf-40bc-9ff4-d0523e5b6a98/ec794acd-c4a5-47f6-b906-d70ac3c316ee/gB0CJOR
Replit-Helium-Checkpoint-Created: true

Author: JacekDabrowski1

website/static/style.css

@@ -284,10 +284,34 @@ nav {
     font-size: 0.9rem;
     color: var(--green);
     text-align: left;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
 }
 
 .install-block .prompt { color: var(--text-dim); }
 
+.copy-btn {
+    background: none;
+    border: 1px solid rgba(255,255,255,0.1);
+    border-radius: 6px;
+    padding: 6px;
+    cursor: pointer;
+    color: var(--text-dim);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s;
+    flex-shrink: 0;
+    margin-left: 12px;
+}
+.copy-btn:hover { color: var(--text); border-color: rgba(255,255,255,0.25); background: rgba(255,255,255,0.05); }
+.copy-btn .check-icon { display: none; }
+.copy-btn.copied .copy-icon { display: none; }
+.copy-btn.copied .check-icon { display: block; }
+.copy-btn.copied { color: var(--green); border-color: var(--green); }
+
 /* SECTIONS */
 .section {
     max-width: 1200px;

website/templates/index.html

@@ -17,6 +17,10 @@ <h1 class="animate-in delay-1">#1 Accuracy.<br>Every Dataset.</h1>
     </div>
     <div class="install-block animate-in delay-4">
         <span class="prompt">$</span> pip install pycleora
+        <button class="copy-btn" onclick="navigator.clipboard.writeText('pip install pycleora').then(function(){var b=document.querySelector('.copy-btn');b.classList.add('copied');setTimeout(function(){b.classList.remove('copied')},1500)})" aria-label="Copy to clipboard">
+            <svg class="copy-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
+            <svg class="check-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
+        </button>
     </div>
 </section>