.Portfolio-module__zKrJKa__section{background:linear-gradient(#070d19fa 0%,#060c16eb 100%),radial-gradient(circle at 80% 10%,#22d3ee17,#0000 38%)}.Portfolio-module__zKrJKa__filterRow{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:48px;display:flex}.Portfolio-module__zKrJKa__filterTab{font-family:var(--font-heading);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:10px 20px;font-size:.85rem;font-weight:500;display:flex}.Portfolio-module__zKrJKa__filterTab:hover{color:var(--color-text-primary);border-color:var(--color-border-hover);background:#6366f10d}.Portfolio-module__zKrJKa__filterTab.Portfolio-module__zKrJKa__active{color:#fff;background:var(--gradient-brand);border-color:#0000;box-shadow:0 4px 15px #6366f140}.Portfolio-module__zKrJKa__grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.Portfolio-module__zKrJKa__projectCard{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);overflow:hidden}.Portfolio-module__zKrJKa__projectCard:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.Portfolio-module__zKrJKa__projectCard.Portfolio-module__zKrJKa__expanded{border-color:#6366f14d;grid-column:1/-1;box-shadow:0 0 40px #6366f114}.Portfolio-module__zKrJKa__preview{justify-content:center;align-items:center;min-height:200px;padding:24px;display:flex;position:relative}.Portfolio-module__zKrJKa__imagePreview{border-radius:var(--radius-md);cursor:pointer;width:100%;height:220px;position:relative;overflow:hidden}.Portfolio-module__zKrJKa__thumbImage{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .5s,filter .3s}.Portfolio-module__zKrJKa__imagePreview:hover .Portfolio-module__zKrJKa__thumbImage{transform:scale(1.03)}.Portfolio-module__zKrJKa__imageOverlay{opacity:0;transition:opacity var(--transition-base);background:linear-gradient(#0000 30%,#030712bf 100%);justify-content:center;align-items:flex-end;padding-bottom:16px;display:flex;position:absolute;inset:0}.Portfolio-module__zKrJKa__imagePreview:hover .Portfolio-module__zKrJKa__imageOverlay{opacity:1}.Portfolio-module__zKrJKa__expandHint{border-radius:var(--radius-full);color:#22d3eef2;font-family:var(--font-heading);-webkit-backdrop-filter:blur(12px);background:#6366f133;border:1px solid #6366f159;align-items:center;gap:6px;padding:6px 16px;font-size:.75rem;font-weight:500;display:flex}.Portfolio-module__zKrJKa__expandHint .Portfolio-module__zKrJKa__rotated{transition:transform .3s;transform:rotate(180deg)}.Portfolio-module__zKrJKa__expansionContainer{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#0a0f1e;position:relative;overflow:hidden}.Portfolio-module__zKrJKa__expansionHeader{z-index:5;background:linear-gradient(#030712f2 0%,#0000 100%);justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:absolute;top:0;left:0;right:0}.Portfolio-module__zKrJKa__scrollLabel{font-family:var(--font-heading);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:.72rem;font-weight:500;animation:2s ease-in-out infinite Portfolio-module__zKrJKa__bounceDown;display:flex}@keyframes Portfolio-module__zKrJKa__bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.Portfolio-module__zKrJKa__collapseBtn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);transition:all var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;display:flex}.Portfolio-module__zKrJKa__collapseBtn:hover{color:#22d3ee;background:#22d3ee26}.Portfolio-module__zKrJKa__scrollArea{scrollbar-width:thin;scrollbar-color:#6366f14d transparent;width:100%;height:100%;overflow:hidden auto}.Portfolio-module__zKrJKa__scrollArea::-webkit-scrollbar{width:6px}.Portfolio-module__zKrJKa__scrollArea::-webkit-scrollbar-track{background:0 0}.Portfolio-module__zKrJKa__scrollArea::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.Portfolio-module__zKrJKa__scrollArea::-webkit-scrollbar-thumb:hover{background:#6366f180}.Portfolio-module__zKrJKa__fullImage{width:100%;height:auto;display:block}.Portfolio-module__zKrJKa__scrollFadeTop{pointer-events:none;z-index:3;background:linear-gradient(#0a0f1ee6 0%,#0000 100%);height:30px;position:absolute;top:36px;left:0;right:6px}.Portfolio-module__zKrJKa__scrollFadeBottom{pointer-events:none;z-index:3;background:linear-gradient(#0000 0%,#0a0f1ee6 100%);height:40px;position:absolute;bottom:0;left:0;right:6px}.Portfolio-module__zKrJKa__mockup{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#0000004d;width:100%;overflow:hidden}.Portfolio-module__zKrJKa__mockupBar{border-bottom:1px solid var(--color-border);background:#0000004d;gap:6px;padding:10px 14px;display:flex}.Portfolio-module__zKrJKa__mockupBar span{background:var(--color-text-muted);opacity:.4;border-radius:50%;width:8px;height:8px}.Portfolio-module__zKrJKa__mockupBody{flex-direction:column;gap:8px;padding:12px;display:flex}.Portfolio-module__zKrJKa__mockupNav{border-radius:4px;width:70%;height:10px}.Portfolio-module__zKrJKa__mockupHero{border-radius:var(--radius-sm);height:50px}.Portfolio-module__zKrJKa__mockupCols{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.Portfolio-module__zKrJKa__mockupCols div{border-radius:4px;height:30px}.Portfolio-module__zKrJKa__previewOverlay{opacity:0;transition:opacity var(--transition-base);color:#fff;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.Portfolio-module__zKrJKa__projectCard:hover .Portfolio-module__zKrJKa__previewOverlay{opacity:1}.Portfolio-module__zKrJKa__cardContent{flex-direction:column;gap:8px;padding:24px;display:flex}.Portfolio-module__zKrJKa__tag{font-family:var(--font-heading);color:var(--color-primary-light);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.Portfolio-module__zKrJKa__cardContent h4{color:var(--color-text-primary);font-size:1.1rem}.Portfolio-module__zKrJKa__cardContent p{font-size:.88rem;line-height:1.55}.Portfolio-module__zKrJKa__tagRow{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.Portfolio-module__zKrJKa__techTag{font-size:.7rem;font-family:var(--font-heading);border-radius:var(--radius-full);color:var(--color-text-muted);background:#6366f114;border:1px solid #6366f126;padding:3px 10px;font-weight:500}.Portfolio-module__zKrJKa__viewLink{font-family:var(--font-heading);color:var(--color-primary-light);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:8px;padding:0;font-size:.85rem;font-weight:600;display:inline-flex}.Portfolio-module__zKrJKa__viewLink:hover{color:var(--color-primary);gap:10px}.Portfolio-module__zKrJKa__arrowRotated{transition:transform .3s;transform:rotate(90deg)}@media (max-width:768px){.Portfolio-module__zKrJKa__grid{grid-template-columns:1fr}.Portfolio-module__zKrJKa__filterRow{gap:6px}.Portfolio-module__zKrJKa__filterTab{padding:8px 14px;font-size:.78rem}.Portfolio-module__zKrJKa__imagePreview{height:180px}.Portfolio-module__zKrJKa__projectCard.Portfolio-module__zKrJKa__expanded{grid-column:1}}[data-theme=light] .Portfolio-module__zKrJKa__section{background:linear-gradient(#f8fafc 0%,#f1f5f9f2 100%),radial-gradient(circle at 80% 10%,#4f46e50a,#0000 38%)}[data-theme=light] .Portfolio-module__zKrJKa__filterTab:hover{background:#4f46e50a}[data-theme=light] .Portfolio-module__zKrJKa__imageOverlay{background:linear-gradient(#0000 30%,#f8fafcd9 100%)}[data-theme=light] .Portfolio-module__zKrJKa__expandHint{color:var(--color-primary);background:#4f46e51a;border-color:#4f46e533}[data-theme=light] .Portfolio-module__zKrJKa__expansionContainer{background:#f1f5f9}[data-theme=light] .Portfolio-module__zKrJKa__expansionHeader{background:linear-gradient(#f1f5f9f2 0%,#0000 100%)}[data-theme=light] .Portfolio-module__zKrJKa__scrollFadeTop{background:linear-gradient(#f1f5f9e6 0%,#0000 100%)}[data-theme=light] .Portfolio-module__zKrJKa__scrollFadeBottom{background:linear-gradient(#0000 0%,#f1f5f9e6 100%)}[data-theme=light] .Portfolio-module__zKrJKa__mockup{background:#0f172a08}[data-theme=light] .Portfolio-module__zKrJKa__mockupBar{background:#0f172a0a}[data-theme=light] .Portfolio-module__zKrJKa__previewOverlay{background:#f8fafc99}[data-theme=light] .Portfolio-module__zKrJKa__techTag{background:#4f46e50d;border-color:#4f46e51a}