Update style.css

style.css

@@ -1,28 +1,46 @@
-body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
+/* FarmSmart Agentic AI - Rwanda */
+/* Custom styles beyond Tailwind */
+
+.crop-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
+}
+
+.nav-link:hover {
+    color: #4d7c0f;
 }
 
-h1 {
-	font-size: 16px;
-	margin-top: 0;
+.season-indicator {
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    display: inline-block;
+    margin-right: 5px;
 }
 
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
+.spring { background-color: #4ade80; }
+.summer { background-color: #f59e0b; }
+.autumn { background-color: #f97316; }
+.winter { background-color: #60a5fa; }
+
+.progress-step {
+    transition: all 0.3s ease;
 }
 
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
+#agent-thinking {
+    display: none;
 }
 
-.card p:last-child {
-	margin-bottom: 0;
+.recommendation-card {
+    border-left: 4px solid #166534;
 }
+
+.chart-container {
+    height: 300px;
+}
+
+@media (max-width: 768px) {
+    .chart-container {
+        height: 200px;
+    }
+}