Upload styles.css

styles.css

@@ -16,6 +16,7 @@
   --radius: 16px;
   --glass-opacity: 0.8;
   --glass-blur: 10px;
+  --tap-scale: 0.95;
 }
 
 /* 2.  Apply Gagalin globally */
@@ -237,3 +238,14 @@ footer {
 .header, .stat-card, .card, .modal-card, .docs, .load-more {
   @extend .glassy;
 }
+
+/* 14.  Tap Animation */
+@keyframes tap-animation {
+  0% { transform: scale(1); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
+  50% { transform: scale(var(--tap-scale)); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); }
+  100% { transform: scale(1); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
+}
+
+.card:active {
+  animation: tap-animation 0.2s forwards;
+}