diff --git a/public/assets/css/style.css b/public/assets/css/style.css index d4bc214..9824afb 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -450,10 +450,21 @@ body { } .product-features { - display: flex; - flex-direction: column; - gap: var(--spacing-sm); + list-style: disc; + padding-left: var(--spacing-xl); 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 {