.nav-logo-dot{background:var(--gradient-primary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.nav-link.active{color:var(--text-primary);background:#6b46c133}.filter-section{padding:var(--space-2xl) 0;z-index:100;background:linear-gradient(to bottom, var(--bg-dark), #0f172af2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:72px}.filter-wrapper{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.filter-label{align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:.875rem;font-weight:500;display:flex}.filter-tabs{gap:var(--space-sm);flex-wrap:wrap;display:flex}.filter-tab{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;font-size:.9375rem;font-weight:500;display:flex}.filter-tab:hover{background:#ffffff1a;border-color:#fff3}.filter-tab.active{border-color:var(--color-primary);color:var(--text-primary);background:#6b46c133}.filter-tab-dot{background:var(--text-muted);width:8px;height:8px;transition:background var(--transition-fast);border-radius:50%}.filter-tab.active .filter-tab-dot{background:var(--color-accent)}.projects-section{padding:var(--space-xl) 0 var(--space-4xl)}.projects-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--bg-card);border-radius:var(--radius-lg);transition:all var(--transition-normal);border:1px solid #ffffff0d;position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-glow);border-color:#6b46c14d;transform:translateY(-8px)}.project-card-visual{aspect-ratio:16/10;position:relative;overflow:hidden}.project-card-image{background:linear-gradient(135deg, var(--bg-dark-light) 0%, var(--bg-card) 100%);width:100%;height:100%}.project-card-placeholder{width:100%;height:100%;color:var(--color-primary);transition:all var(--transition-normal);background:linear-gradient(135deg,#6b46c11a 0%,#3b82f61a 100%);justify-content:center;align-items:center;font-size:4rem;display:flex}.project-card-placeholder.desktop{color:var(--color-accent);background:linear-gradient(135deg,#ec48991a 0%,#6b46c11a 100%)}.project-card:hover .project-card-placeholder{transform:scale(1.05)}.project-card-overlay{opacity:0;transition:opacity var(--transition-normal);background:#0f172acc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card:hover .project-card-overlay{opacity:1}.project-card-actions{gap:var(--space-md);display:flex}.project-card-action{width:48px;height:48px;color:var(--text-primary);transition:all var(--transition-fast);opacity:0;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;transform:translateY(20px)}.project-card:hover .project-card-action{opacity:1;transform:translateY(0)}.project-card:hover .project-card-action:nth-child(2){transition-delay:50ms}.project-card-action:hover{background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.1)}.project-card-glow{opacity:0;transition:opacity var(--transition-normal);pointer-events:none;background:radial-gradient(circle at 50% 0,#6b46c14d,#0000 70%);position:absolute;inset:0}.project-card-glow.desktop{background:radial-gradient(circle at 50% 0,#ec48994d,#0000 70%)}.project-card:hover .project-card-glow{opacity:1}.project-card-content{padding:var(--space-lg)}.project-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.project-card-badge{padding:var(--space-xs) var(--space-sm);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.project-card-badge.web{color:#60a5fa;background:#3b82f633}.project-card-badge.desktop{color:#f472b6;background:#ec489933}.project-card-date{color:var(--text-muted);font-size:.875rem}.project-card-title{font-family:var(--font-heading);margin-bottom:var(--space-sm);font-size:1.5rem;font-weight:600;line-height:1.3}.project-card-title a{transition:color var(--transition-fast)}.project-card-title a:hover{color:var(--color-accent)}.project-card-description{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.9375rem;line-height:1.6}.project-card-tech{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.tech-tag{padding:var(--space-xs) var(--space-sm);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;font-size:.75rem;font-weight:500}.tech-tag:hover{border-color:var(--color-primary);color:var(--text-primary);background:#6b46c133}.project-card-footer{padding-top:var(--space-md);border-top:1px solid #ffffff0d}.project-card-link{align-items:center;gap:var(--space-sm);color:var(--color-accent);transition:gap var(--transition-fast);font-size:.9375rem;font-weight:500;display:inline-flex}.project-card-link:hover{gap:var(--space-md)}.cta-section{padding:var(--space-4xl) 0;position:relative;overflow:hidden}.cta-bg{z-index:0;position:absolute;inset:0}.cta-gradient{background:radial-gradient(60% 50% at 50% 100%,#6b46c133,#0000),radial-gradient(40% 30% at 20%,#ec48991a,#0000);position:absolute;inset:0}.cta-content{z-index:1;text-align:center;position:relative}.cta-title{font-family:var(--font-heading);margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,3rem);font-weight:700}.cta-description{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:1.125rem;line-height:1.7}.cta-button{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);color:var(--text-primary);background:var(--gradient-primary);border-radius:var(--radius-full);transition:all var(--transition-fast);font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #6b46c166}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6b46c180}.cta-button i{transition:transform var(--transition-fast);font-size:1.25rem}.cta-button:hover i{transform:translate(4px)}@media (width<=768px){.filter-wrapper{flex-direction:column;align-items:flex-start}}.project-card{opacity:0;animation:fadeInUp .6s var(--transition-slow) forwards;transform:translateY(40px)}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}