.projects-hero {
            background: linear-gradient(135deg, rgba(194,150,3,0.08) 0%, rgba(194,150,3,0.02) 100%);
            background-color: #ffffff;
        }

        [data-theme="dark"] .projects-hero {
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
            background-color: #0f172a;
        }

        .projects-hero h1 {
            color: #1f2937;
        }
        [data-theme="dark"] .projects-hero h1 {
            color: #C29603ff;
        }

        .projects-hero p {
            color: #6b7280;
        }
        [data-theme="dark"] .projects-hero p {
            color: #94a3b8;
        }

        .project-img-placeholder {
            background: linear-gradient(135deg, #1e293b, #334155);
        }
        [data-theme="dark"] .project-img-placeholder {
            background: linear-gradient(135deg, #0f172a, #1e293b);
        }

        .project-card:hover .project-img-overlay {
            opacity: 1;
        }

        .filter-btn {
            background-color: var(--color-bg-secondary, #f3f4f6);
            color: var(--color-text-secondary, #374151);
            transition: all 0.2s;
        }
        [data-theme="dark"] .filter-btn {
            background-color: #334155;
            color: #cbd5e1;
        }
        .filter-btn.active {
            background-color: var(--color-primary);
            color: #ffffff;
            box-shadow: 0 4px 6px -1px rgba(194,150,3,0.3);
        }

        .project-card {
            background: linear-gradient(135deg, #ffffff 0%, rgba(194,150,3,0.08) 100%);
            border: 1px solid rgba(194,150,3,0.2);
        }

        [data-theme="dark"] .project-card {
            background: var(--color-bg);
            border-color: var(--color-border);
        }

        .meta-badge {
            background: linear-gradient(135deg, rgba(194,150,3,0.12), rgba(194,150,3,0.04));
            color: #1f2937;
            border: 1px solid rgba(194,150,3,0.2);
        }

        [data-theme="dark"] .meta-badge {
            background: #334155;
            color: #cbd5e1;
            border-color: #475569;
        }

        .project-img-placeholder {
            background: linear-gradient(135deg, #ffffff 0%, rgba(194,150,3,0.15) 100%);
            color: var(--color-primary);
        }

        [data-theme="dark"] .project-img-placeholder {
            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
            color: #fbbf24;
        }

        .pagination {
            display: flex;
            justify-content: center;
            gap: 0.5rem;
        }
        .pagination .page-item {
            list-style: none;
        }
        .pagination .page-link {
            display: inline-block;
            padding: 0.5rem 1rem;
            border-radius: 0.5rem;
            background-color: var(--color-bg-secondary);
            color: var(--color-text);
            transition: 0.2s;
        }
        .pagination .page-item.active .page-link {
            background-color: var(--color-primary);
            color: #fff;
        }

        .project-card {
            cursor: pointer;
        }

        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }