Initial commit of project without large files

src/styles/CounterCard.css

@@ -0,0 +1,81 @@
+/* ============================
+   Counters Grid - Compact Vertical Line by Line
+============================ */
+.counters-grid {
+  display: flex;
+  flex-direction: column; /* vertical stacking */
+  gap: 1rem;              /* smaller gap between cards */
+  padding: 15px;
+  max-width: 360px;       /* narrower width for compact look */
+  margin: 0 auto;         /* center horizontally */
+}
+
+/* Individual Counter Cards */
+.counter-card {
+  position: relative;
+  background-color: #ffffff;
+  border-radius: 10px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+  padding: 15px 20px;      /* smaller padding */
+  display: flex;
+  flex-direction: row;      /* icon on left, number+label on right */
+  align-items: center;
+  gap: 12px;
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+  min-height: 70px;         /* compact height */
+}
+
+/* Optional left accent bar */
+.counter-card::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 5px;
+  height: 100%;
+  background-color: #0284c7;
+  border-radius: 10px 0 0 10px;
+}
+
+/* Number */
+.counter-card h3 {
+  font-size: 1.8rem;
+  font-weight: 700;
+  color: #0284c7;
+  margin: 0;
+}
+
+/* Description */
+.counter-card p {
+  font-size: 1rem;
+  font-weight: 500;
+  color: #1f2937;
+  margin: 0;
+}
+
+/* Hover effect */
+.counter-card:hover {
+  transform: translateY(-3px);
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
+}
+
+/* Responsive Adjustments */
+
+/* Tablet */
+@media (max-width: 768px) {
+  .counter-card h3 { font-size: 1.6rem; }
+  .counter-card p { font-size: 0.95rem; }
+}
+
+/* Mobile */
+@media (max-width: 480px) {
+  .counters-grid { max-width: 100%; gap: 0.8rem; }
+  .counter-card {
+    flex-direction: column; /* icon on top, number + label below */
+    align-items: flex-start;
+    padding: 12px 15px;
+    min-height: 60px;
+  }
+  .counter-card h3 { font-size: 1.4rem; margin-bottom: 3px; }
+  .counter-card p { font-size: 0.9rem; }
+}