Enhance CSS styles for product features, values, team, and technology sections: Added new styles for lists, grid layouts, and improved text alignment and spacing for better visual presentation.

public/assets/css/style.css

@@ -450,10 +450,21 @@ body {
 }
 
 .product-features {
-    display: flex;
+    list-style: disc;
-    flex-direction: column;
+    padding-left: var(--spacing-xl);
-    gap: var(--spacing-sm);
     margin-bottom: var(--spacing-lg);
+    text-align: left;
+}
+
+.product-features li {
+    color: var(--text-secondary);
+    font-size: var(--font-size-sm);
+    padding: var(--spacing-xs) 0;
+    line-height: 1.5;
+}
+
+.product-features li::marker {
+    color: var(--primary-color);
 }
 
 .feature {
@@ -1176,6 +1187,13 @@ body {
     padding: var(--spacing-3xl) 0;
 }
 
+.values-grid {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: var(--spacing-xl);
+    margin-top: var(--spacing-2xl);
+}
+
 .values-list {
     display: grid;
     gap: var(--spacing-lg);
@@ -1183,9 +1201,93 @@ body {
 
 .value-item {
     display: flex;
-    align-items: flex-start;
+    align-items: center;
+    gap: var(--spacing-xl);
+    padding: var(--spacing-xl) var(--spacing-2xl);
+}
+
+.value-icon {
+    width: 32px;
+    height: 32px;
+    min-width: 32px;
+    color: var(--primary-color);
+}
+
+.value-item h3 {
+    font-size: var(--font-size-lg);
+    font-weight: 600;
+    margin-bottom: 0;
+    min-width: 180px;
+}
+
+.value-item p {
+    color: var(--text-secondary);
+    line-height: 1.5;
+    margin: 0;
+}
+
+/* Team Section */
+.team {
+    padding: var(--spacing-3xl) 0;
+}
+
+.team-content {
+    margin-top: var(--spacing-2xl);
+}
+
+.team-text {
+    margin-bottom: var(--spacing-2xl);
+}
+
+.team-text p {
+    color: var(--text-secondary);
+    line-height: 1.6;
+    margin-bottom: var(--spacing-lg);
+}
+
+.team-stats {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
     gap: var(--spacing-lg);
+    padding: var(--spacing-2xl);
+    text-align: center;
+}
+
+/* Technology Section */
+.technology {
+    padding: var(--spacing-3xl) 0;
+    background: rgba(255, 255, 255, 0.02);
+}
+
+.tech-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: var(--spacing-xl);
+    margin-top: var(--spacing-2xl);
+}
+
+.tech-item {
     padding: var(--spacing-xl);
+    text-align: center;
+}
+
+.tech-item .tech-icon {
+    width: 48px;
+    height: 48px;
+    margin: 0 auto var(--spacing-lg);
+    color: var(--primary-color);
+}
+
+.tech-item h3 {
+    font-size: var(--font-size-lg);
+    font-weight: 600;
+    margin-bottom: var(--spacing-md);
+}
+
+.tech-item p {
+    color: var(--text-secondary);
+    line-height: 1.6;
+    font-size: var(--font-size-sm);
 }
 
 .value-number {