diff --git a/index.html b/index.html index eee712f..1fda39f 100644 --- a/index.html +++ b/index.html @@ -262,8 +262,7 @@

🌐 - Public Services - Open Access + Public Services

@@ -326,8 +325,7 @@

🔒 - Private Services - Restricted Access + Private Services

diff --git a/styles.css b/styles.css index e1a421e..531577b 100644 --- a/styles.css +++ b/styles.css @@ -1708,24 +1708,28 @@ body { } .category-title { - font-family: 'Space Grotesk', sans-serif; - font-size: 1.1rem; - font-weight: 600; - color: var(--color-text-muted); - margin-bottom: 1.5rem; - display: flex; + display: inline-flex; align-items: center; gap: 0.5rem; - text-transform: uppercase; - letter-spacing: 1px; + padding: 0.5rem 1rem; + background: rgba(234, 179, 8, 0.1); + border: 1px solid rgba(234, 179, 8, 0.3); + border-radius: 100px; + font-family: 'Space Grotesk', sans-serif; + font-size: 0.8rem; + font-weight: 500; + color: var(--color-primary); + margin-bottom: 1.5rem; +} + +.services-category:last-child .category-title { + background: rgba(239, 68, 68, 0.1); + border-color: rgba(239, 68, 68, 0.3); + color: #ef4444; } .category-title .category-icon { - font-size: 1.2rem; -} - -.category-title-text { - color: var(--color-text); + font-size: 1rem; } .category-icon { @@ -1792,30 +1796,30 @@ body { } .skill-category { - background: var(--color-bg-card); + background: rgba(20, 20, 30, 0.6) !important; backdrop-filter: blur(20px); - border: 1px solid var(--color-border); - border-radius: var(--radius-lg); - padding: 1.5rem; - transition: var(--transition-normal); + border: 1px solid rgba(255, 255, 255, 0.08) !important; + border-radius: 20px !important; + padding: 1.5rem !important; + transition: all 0.3s ease; } .skill-category:hover { transform: translateY(-3px); - border-color: rgba(234, 179, 8, 0.3); - box-shadow: var(--shadow-card); + border-color: rgba(234, 179, 8, 0.3) !important; + box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4); } .skill-cat-title { font-family: 'Space Grotesk', sans-serif; - font-size: 0.9rem; + font-size: 0.8rem; font-weight: 600; - color: var(--color-text-muted); + color: #94a3b8; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1rem; - padding-bottom: 0.5rem; - border-bottom: 1px solid var(--color-border); + padding-bottom: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .skill-tags { @@ -1827,17 +1831,17 @@ body { .skill-tag { padding: 0.4rem 0.8rem; background: rgba(255, 255, 255, 0.05); - border: 1px solid var(--color-border); + border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 100px; font-size: 0.85rem; - color: var(--color-text); - transition: var(--transition-fast); + color: #f8fafc; + transition: all 0.2s ease; } .skill-tag:hover { background: rgba(234, 179, 8, 0.1); border-color: rgba(234, 179, 8, 0.3); - color: var(--color-primary); + color: #eab308; } @media (max-width: 1024px) {