.projects-page-section{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:60vh}.projects-filter{display:flex;justify-content:center;margin-bottom:3rem}.filter-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;list-style:none;padding:0;margin:0}.filter-item{background:none;border:none;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-family:inherit;font-size:1.25rem;letter-spacing:.05em;text-transform:uppercase}.filter-item .filter-text{color:#9ca3af;font-weight:300;transition:all .3s ease}.filter-item.active .filter-text{color:#1f2937;font-weight:700}.filter-item:hover .filter-text{color:#4b5563}.filter-item.active:hover .filter-text{color:#1f2937}.filter-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;display:none;flex-shrink:0}.filter-item.active .filter-dot{display:block}.filter-separator{color:#d1d5db;font-size:.875rem;margin:0 .5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.project-card-page{display:flex;flex-direction:column;justify-content:space-between;background:white;border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px #00000014;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease}.project-card-page:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001f}.project-card-page:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);z-index:1}.project-image-container-page{position:relative;height:220px;overflow:hidden;background:#f3f4f6}.project-image-page{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .4s ease}.project-card-page:hover .project-image-page{transform:scale(1.1)}.project-overlay-page{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.project-card-page:hover .project-overlay-page{opacity:1}.project-actions-page{display:flex;gap:1rem}.project-action-btn-page{width:48px;height:48px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;text-decoration:none;transition:all .3s ease}.project-action-btn-page:hover{background:rgba(255,255,255,.3);transform:scale(1.1);border-color:#ffffff80}.project-content-page{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-header-page{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.project-name-page{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;flex-grow:1}.project-type-page{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.project-description-page{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:1rem;font-weight:300;flex-grow:1}.project-technologies-page{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.project-tech-tag-page{background:#f3f4f6;color:#4b5563;padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;transition:all .2s ease}.project-tech-tag-page:hover{background:#e5e7eb;transform:translateY(-2px)}.project-footer-page{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.project-link-page{display:flex;align-items:center;justify-content:space-between;color:#3b82f6;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease}.project-link-page:hover{color:#1e40af}.project-link-page i{transition:transform .3s ease}.project-link-page:hover i{transform:translate(4px)}.empty-projects-page{text-align:center;padding:4rem 2rem;background:white;border-radius:1rem;box-shadow:0 4px 20px #00000014}.empty-icon-page{width:80px;height:80px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#9ca3af;font-size:2rem}.empty-title-page{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.empty-description-page{color:#6b7280;font-size:1rem;font-weight:300}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}.filter-list{flex-wrap:wrap;justify-content:center}.filter-item{font-size:.75rem}.filter-separator{font-size:.75rem;margin:0 .25rem}.filter-dot{width:6px;height:6px}.project-image-container-page{height:180px}.project-name-page{font-size:1.25rem}.project-content-page{padding:1.25rem}}@media (max-width: 480px){.filter-list{gap:.25rem}.filter-item{font-size:.7rem}.filter-separator{margin:0 .2rem;font-size:.7rem}}