.project-card{border:1px solid var(--color-border);border-radius:var(--border-radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827b3;flex-direction:column;transition:all .35s;display:flex;overflow:hidden}.project-card:hover{border-color:#6366f166;transform:translateY(-8px);box-shadow:0 20px 60px #00000080,0 0 0 1px #6366f11a}.pc-image-wrap{height:220px;position:relative;overflow:hidden}.pc-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .pc-image{transform:scale(1.06)}.pc-overlay{opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080b14d9;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:absolute;inset:0}.project-card:hover .pc-overlay{opacity:1}.pc-overlay-links{gap:1rem;display:flex}.pc-overlay-btn{transition:all var(--transition-fast);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;box-shadow:0 4px 15px var(--color-primary-glow);border-radius:50px;align-items:center;gap:.45rem;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.pc-overlay-btn:hover{color:#fff;transform:scale(1.05)}.pc-overlay-btn--ghost{color:var(--color-text);background:0 0;border:1.5px solid #ffffff4d}.pc-overlay-btn--ghost:hover{color:#fff;background:#ffffff1a}.pc-type-badge{text-transform:uppercase;letter-spacing:.07em;color:#fff;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6366f1e6;border-radius:6px;padding:.25rem .65rem;font-size:.72rem;font-weight:700;position:absolute;top:12px;left:12px}.pc-body{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex}.pc-title{color:var(--color-text);font-size:1.15rem;font-weight:700;line-height:1.3}.pc-desc{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.9rem;line-height:1.7;display:-webkit-box;overflow:hidden}.pc-tags{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.pc-tag{font-size:.78rem;font-weight:600;font-family:var(--font-mono);transition:transform var(--transition-fast);border:1px solid;border-radius:6px;padding:.25rem .65rem}.pc-tag:hover{transform:translateY(-2px)}.pc-footer-links{border-top:1px solid var(--color-border);gap:.75rem;margin-top:auto;padding-top:.75rem;display:flex}.pc-link{transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .875rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.pc-link.primary{color:var(--color-primary-light);background:#6366f11f;border:1px solid #6366f133}.pc-link.primary:hover{color:#fff;border-color:var(--color-primary);background:#6366f138}.pc-link.ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:#ffffff0a}.pc-link.ghost:hover{color:var(--color-text);background:#ffffff14}
.work-page{padding-top:7rem}.work-subtitle{color:var(--color-text-muted);max-width:600px;margin-top:.75rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-bottom:3rem;display:flex}.filter-btn{color:var(--color-text-muted);border:1px solid var(--color-border);transition:all var(--transition-fast);cursor:pointer;background:#ffffff0a;border-radius:50px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600}.filter-btn:hover{color:var(--color-primary-light);border-color:var(--color-primary);background:#6366f11a}.filter-btn.active{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;box-shadow:0 4px 15px var(--color-primary-glow);border-color:#0000}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;display:grid}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.filter-tabs{gap:.5rem}.filter-btn{padding:.4rem 1rem;font-size:.8rem}}