diff --git a/homepage/index.html b/homepage/index.html index 46c1108..0d8160f 100644 --- a/homepage/index.html +++ b/homepage/index.html @@ -292,29 +292,44 @@ section { padding: 90px 0; } .client-team-grid { display: grid; grid-template-columns: 1fr 1fr; - gap: 24px; - align-items: start; + gap: 28px; + align-items: stretch; } -.client-side { padding: 32px 28px; } -.client-side h3 { font-size: 22px; } -.client-side p { font-size: 14px; margin-bottom: 6px; } -.client-side .platforms { margin-bottom: 20px; } +.client-side { + padding: 40px 36px; + display: flex; + flex-direction: column; + justify-content: space-between; + min-height: 100%; +} +.client-side h3 { font-size: 28px; margin-bottom: 16px; } +.client-side p { font-size: 15px; margin-bottom: 10px; line-height: 1.7; } +.client-side .platforms { margin-bottom: 28px; font-size: 13px; } +.client-side .btn-primary { align-self: center; } .team-side { padding: 0; } +.team-group-title { + font-family: 'JetBrains Mono', monospace; + font-size: 13px; color: var(--accent); + text-transform: uppercase; letter-spacing: 0.12em; + margin-bottom: 14px; + padding-bottom: 12px; + border-bottom: 1px solid var(--border); +} .team-tree { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); - padding: 18px 0; + padding: 20px 0; font-family: 'JetBrains Mono', monospace; - font-size: 13px; } .tree-item { display: flex; align-items: baseline; - padding: 8px 22px; + padding: 10px 24px; border-left: 2px solid transparent; transition: all 0.2s; + font-size: 14px; } .tree-item:hover { border-left-color: var(--accent); @@ -323,8 +338,9 @@ section { padding: 90px 0; } .tree-item::before { content: '├─'; color: var(--text-muted); - margin-right: 10px; + margin-right: 12px; flex-shrink: 0; + font-size: 13px; } .tree-item:last-child::before { content: '└─'; @@ -332,12 +348,13 @@ section { padding: 90px 0; } .tree-name { color: var(--text-primary); font-weight: 500; - margin-right: 12px; - min-width: 60px; + margin-right: 16px; + min-width: 64px; + font-size: 14px; } .tree-code { - color: var(--text-muted); - font-size: 12px; + color: var(--text-secondary); + font-size: 13px; flex: 1; }