.projects-hero{padding:calc(var(--space-5xl) + 60px)0 var(--space-3xl);text-align:center;position:relative;overflow:hidden}.projects-hero-bg{pointer-events:none;background:radial-gradient(at 30% 20%,#ff6b350f 0%,#0000 50%),radial-gradient(at 70% 80%,#6366f10d 0%,#0000 50%);position:absolute;inset:0}.projects-hero-badge{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-lg);padding:var(--space-xs)var(--space-lg);border-radius:var(--radius-full);background:#ff6b350f;border:1px solid #ff6b3526;font-weight:700;display:inline-flex}.projects-hero-title{font-size:clamp(2rem,5vw,var(--font-size-5xl));margin-bottom:var(--space-md);color:var(--color-text);font-weight:800}.projects-hero-desc{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:520px;margin:0 auto;line-height:1.7}.section-compact{padding-top:0;padding-bottom:var(--space-4xl)}.project-categories{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-3xl);flex-wrap:wrap;display:flex}.category-btn{padding:var(--space-sm)var(--space-lg);background:var(--color-white);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-sm);transition:all var(--transition-base);cursor:pointer;border:1px solid #00000014;font-weight:500}.category-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.category-btn.active{background:var(--gradient-accent);color:var(--color-white);border-color:#0000}.projects-grid{gap:var(--space-xl);margin-bottom:var(--space-3xl);grid-template-columns:repeat(2,1fr);display:grid}.project-card{padding:var(--space-xl);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid #0000000f;flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card-accent{background:var(--gradient-accent);opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-card:hover .project-card-accent{opacity:1}.project-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.project-category-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-md);border-radius:var(--radius-full);color:var(--color-accent);background:#ff6b350f;border:1px solid #ff6b351f;font-size:11px;font-weight:600;display:inline-flex}.category-icon{font-size:var(--font-size-sm)}.project-status{padding:3px var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.status-aktif{color:#059669;background:#10b98114}.status-yakinda{color:#6366f1;background:#6366f114}.project-content{flex:1}.project-title{font-size:var(--font-size-xl);margin-bottom:var(--space-sm);color:var(--color-text);font-weight:700}.project-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg);line-height:1.7}.project-technologies{margin-bottom:var(--space-lg);flex-wrap:wrap;gap:6px;display:flex}.tech-tag{background:var(--color-bg-alt);border-radius:var(--radius-full);color:var(--color-text);border:1px solid #0000000a;padding:3px 10px;font-size:11px;font-weight:500}.project-stats{gap:var(--space-lg);padding:var(--space-md)0;margin-bottom:var(--space-lg);border-top:1px solid #0000000d;display:flex}.project-stat{flex-direction:column;gap:2px;display:flex}.project-stat-value{font-size:var(--font-size-base);color:var(--color-accent);font-weight:700}.project-stat-label{color:var(--color-text-light);font-size:11px}.project-links{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid #0000000d;flex-wrap:wrap;display:flex}.project-link{border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-base);background:0 0;border:1px solid #00000014;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.project-link:hover{border-color:var(--color-accent);color:var(--color-accent);background:#ff6b350a}.project-link-soon{opacity:.5;cursor:default;pointer-events:none}.projects-cta-card{text-align:center;padding:var(--space-3xl)var(--space-2xl);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid #0000000f}.projects-cta-card h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);color:var(--color-text);font-weight:700}.projects-cta-card p{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--space-xl)}@media (max-width:991px){.projects-grid{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}}@media (max-width:767px){.projects-hero{padding-top:calc(var(--space-4xl) + 40px);padding-bottom:var(--space-2xl)}.project-card{padding:var(--space-lg)}.project-stats{gap:var(--space-md);flex-wrap:wrap}.projects-cta-card{padding:var(--space-2xl)var(--space-lg)}}