.PortfolioPage-module___6_oea__portfolioPage{overflow-x:hidden}.PortfolioPage-module___6_oea__pageHero{justify-content:center;align-items:center;min-height:60vh;padding:140px 0 80px;display:flex;position:relative;overflow:hidden}.PortfolioPage-module___6_oea__heroBg{position:absolute;inset:0}.PortfolioPage-module___6_oea__heroOverlay{background:linear-gradient(#0f172ab3 0%,#0f172ad9 100%);position:absolute;inset:0}.PortfolioPage-module___6_oea__heroContent{z-index:1;text-align:center;max-width:800px;margin:0 auto;position:relative}.PortfolioPage-module___6_oea__heroLabel{font-size:var(--text-xs);letter-spacing:.2em;color:var(--color-primary-light);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:#ff6b3533;border:1px solid #ff6b354d;font-weight:700;display:inline-block}.PortfolioPage-module___6_oea__heroContent h1{font-size:var(--text-display);color:#fff;margin-bottom:var(--space-6)}.PortfolioPage-module___6_oea__heroContent p{font-size:var(--text-xl);color:#fffc;max-width:600px;margin:0 auto}.PortfolioPage-module___6_oea__portfolioSection{background:var(--color-bg)}.PortfolioPage-module___6_oea__portfolioFilter{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.PortfolioPage-module___6_oea__filterBtn{padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.PortfolioPage-module___6_oea__filterBtn:hover,.PortfolioPage-module___6_oea__filterBtn.PortfolioPage-module___6_oea__active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.PortfolioPage-module___6_oea__projectsGrid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.PortfolioPage-module___6_oea__projectCard{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm);overflow:hidden}.PortfolioPage-module___6_oea__projectCard:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.PortfolioPage-module___6_oea__projectImage{height:260px;position:relative;overflow:hidden}.PortfolioPage-module___6_oea__projectCard:hover .PortfolioPage-module___6_oea__projectImage img{transform:scale(1.08)}.PortfolioPage-module___6_oea__projectOverlay{opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#0f172a4d,#0f172ae6);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.PortfolioPage-module___6_oea__projectCard:hover .PortfolioPage-module___6_oea__projectOverlay{opacity:1}.PortfolioPage-module___6_oea__overlayBtn{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--color-primary);color:#fff;font-family:var(--font-body);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600;display:inline-flex}.PortfolioPage-module___6_oea__overlayBtn:hover{background:var(--color-primary-light);transform:scale(1.05)}.PortfolioPage-module___6_oea__projectContent{padding:var(--space-6)}.PortfolioPage-module___6_oea__projectMeta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.PortfolioPage-module___6_oea__projectCategory{font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.PortfolioPage-module___6_oea__projectClient{font-size:var(--text-xs);color:var(--color-text-muted)}.PortfolioPage-module___6_oea__projectClient:before{content:"•";margin-right:var(--space-3)}.PortfolioPage-module___6_oea__projectContent h3{font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--color-text)}.PortfolioPage-module___6_oea__projectContent>p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.7}.PortfolioPage-module___6_oea__projectTech{gap:var(--space-2);flex-wrap:wrap;display:flex}.PortfolioPage-module___6_oea__techBadge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-accent);background:#4a90d91a;border:1px solid #4a90d933;font-weight:500}.PortfolioPage-module___6_oea__ctaSection{background:var(--color-bg-alt)}.PortfolioPage-module___6_oea__ctaBox{background:var(--gradient-primary);border-radius:var(--radius-2xl);padding:var(--space-16);text-align:center}.PortfolioPage-module___6_oea__ctaBox h2{color:#fff;margin-bottom:var(--space-4)}.PortfolioPage-module___6_oea__ctaBox p{color:#ffffffe6;margin-bottom:var(--space-8)}.PortfolioPage-module___6_oea__ctaBox .btn{color:var(--color-primary);background:#fff}.PortfolioPage-module___6_oea__ctaBox .btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}@media (max-width:480px){.PortfolioPage-module___6_oea__ctaBox{padding:var(--space-8) var(--space-4)}.PortfolioPage-module___6_oea__pageHero{min-height:auto;padding:100px 0 50px}.PortfolioPage-module___6_oea__heroContent h1{font-size:clamp(1.75rem,7vw,2.5rem)}.PortfolioPage-module___6_oea__heroContent p{font-size:var(--text-base)}.PortfolioPage-module___6_oea__projectsGrid{grid-template-columns:1fr}.PortfolioPage-module___6_oea__projectContent{padding:var(--space-4)}.PortfolioPage-module___6_oea__projectImage{height:180px}.PortfolioPage-module___6_oea__projectContent h3{font-size:var(--text-lg)}.PortfolioPage-module___6_oea__portfolioFilter{gap:var(--space-2)}.PortfolioPage-module___6_oea__filterBtn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}@media (max-width:360px){.PortfolioPage-module___6_oea__pageHero{padding:90px 0 40px}.PortfolioPage-module___6_oea__heroContent h1{font-size:1.6rem}.PortfolioPage-module___6_oea__projectContent{padding:var(--space-3)}.PortfolioPage-module___6_oea__projectImage{height:160px}.PortfolioPage-module___6_oea__ctaBox{padding:var(--space-6) var(--space-3)}}@media (max-width:768px){.PortfolioPage-module___6_oea__pageHero{min-height:50vh;padding:120px 0 60px}.PortfolioPage-module___6_oea__projectsGrid{grid-template-columns:1fr}.PortfolioPage-module___6_oea__projectImage{height:220px}.PortfolioPage-module___6_oea__portfolioFilter{gap:var(--space-2)}.PortfolioPage-module___6_oea__filterBtn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}}