chore: UI refinements and metadata updates

src/index.css

@@ -8,12 +8,12 @@
     animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
     animation-fill-mode: forwards;
   }
-  
+
   .fade-in {
     opacity: 0;
     animation-name: fadeIn;
   }
-  
+
   .slide-in-from-bottom-4 {
     transform: translateY(1rem);
     animation-name: slideInBottom;
@@ -21,13 +21,25 @@
 }
 
 @keyframes fadeIn {
-  from { opacity: 0; }
+  from {
-  to { opacity: 1; }
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
 }
 
 @keyframes slideInBottom {
-  from { transform: translateY(1rem); opacity: 0; }
+  from {
-  to { transform: translateY(0); opacity: 1; }
+    transform: translateY(1rem);
+    opacity: 0;
+  }
+
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
 }
 
 :root {
@@ -66,6 +78,28 @@ body,
     scrollbar-width: none;
     /* Firefox */
   }
+
+  /* Type 1: Invisible but copyable */
+  .attribution-ghost {
+    font-size: 0;
+    line-height: 0;
+    color: transparent;
+    display: inline-block;
+    user-select: text;
+  }
+
+  /* Type 2: Hidden until selected (General) */
+  .attribution-reveal {
+    color: transparent;
+    /* Better than matching color if we want true invisibility */
+    user-select: text;
+  }
+
+  .attribution-reveal::selection {
+    background: #3b82f6;
+    /* Modern Blue */
+    color: white;
+  }
 }
 
 /* Global Hidden Scrollbar (User Requested) */

src/pages/CustomerProfile.jsx

@@ -291,8 +291,8 @@ const CustomerProfile = () => {
                         </div>
                     )}
                 </div>
-
             </div>
+            <span className="attribution-ghost">Made by Satyam Rastogi | LynkedUpPro - Turns out roofing CRMs don't build themselves. Who knew?</span>
         </div>
     );
 };

src/pages/Dashboard.jsx

@@ -312,6 +312,7 @@ const Dashboard = () => {
 
                 </div>
             </div>
+            <span className="attribution-ghost">Made by Satyam Rastogi | LynkedUpPro - Turns out roofing CRMs don't build themselves. Who knew?</span>
         </div>
     );
 };

src/pages/Landing.jsx

@@ -262,6 +262,7 @@ const Landing = () => {
                                         <div className="w-32 h-1 bg-zinc-700 rounded-full overflow-hidden"><div className="w-[90%] h-full bg-red-500"></div></div>
                                     </div>
                                 </div>
+                                <span className="attribution-ghost">Made by Satyam Rastogi | LynkedUpPro - Turns out roofing CRMs don't build themselves. Who knew?</span>
                             </div>
                         </div>
 
@@ -520,6 +521,7 @@ const Landing = () => {
                         <div className="flex items-center gap-2 px-4 py-2 rounded-full bg-white/5 border border-white/5 hover:bg-white/10 hover:border-white/10 transition-all group cursor-default">
                             <span className="text-zinc-500">✨</span>
                             <span><span className="font-bold text-zinc-400 group-hover:text-white transition-colors">Satyam Rastogi</span> made this. <span className="text-zinc-500 group-hover:text-blue-400 transition-colors">Blame him for the bugs, praise him for the features.</span></span>
+                            <span className="attribution-reveal text-[8px] ml-2">Satyam Rastogi | LynkedUpPro - You're reading the fine print? You'd be great at roofing contracts.</span>
                         </div>
                     </div>
                 </div>