:root{--primary: #a78bfa;--primary-dark: #7c3aed;--primary-light: #c4b5fd;--secondary: #38bdf8;--accent: #fb923c;--green: #34d399;--bg: #0d0d1a;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .08);--text: #f1f5f9;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--gradient: linear-gradient(135deg, #a78bfa, #38bdf8);--shadow: 0 8px 32px rgba(167, 139, 250, .2);--radius: 20px}.projects-section{background:linear-gradient(180deg,transparent 0%,rgba(var(--secondary),.03) 50%,transparent 100%)}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:48px}.filter-tab{padding:8px 18px;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:.3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif}.filter-tab:hover{border-color:var(--primary);color:var(--primary-light);background:rgba(var(--primary),.08)}.filter-tab.active{background:var(--gradient);border-color:transparent;color:#fff;box-shadow:0 4px 16px rgba(var(--primary),.4),0 0 24px rgba(var(--primary),.2)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:14px;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1);position:relative}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:hover{background:var(--bg-card-hover);border-color:var(--card-color, var(--primary));box-shadow:0 8px 40px #00000040,0 0 20px color-mix(in srgb,var(--card-color, #a78bfa) 20%,transparent);transform:translateY(-8px)}.project-card.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 0 16px rgba(var(--primary),.5)}.project-header{display:flex;justify-content:space-between;align-items:flex-start}.project-emoji{font-size:1.9rem;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:10px;border:1px solid var(--border)}.project-links{display:flex;gap:8px}.proj-link{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:7px;color:var(--text-muted);transition:.3s cubic-bezier(.4,0,.2,1)}.proj-link:hover{color:var(--card-color, var(--primary));border-color:var(--card-color, var(--primary));transform:translateY(-2px)}.project-body{flex:1;display:flex;flex-direction:column;gap:8px}.project-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.featured-badge{font-size:.7rem;font-weight:700;color:var(--accent);background:rgba(var(--accent),.12);border:1px solid rgba(var(--accent),.3);padding:2px 8px;border-radius:100px}.client-badge{font-size:.7rem;font-weight:700;color:var(--primary-light);background:rgba(var(--primary),.1);border:1px solid rgba(var(--primary),.25);padding:2px 8px;border-radius:100px}.project-category{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.project-title{font-size:1.05rem;font-weight:700;color:var(--text);line-height:1.3}.project-desc{font-size:.86rem;color:var(--text-muted);line-height:1.7}.project-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:4px;background:rgba(var(--primary),.1);color:var(--primary-light);border:1px solid rgba(var(--primary),.2)}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.projects-grid{grid-template-columns:1fr}}