.portfolio-scope{--accent:#f97316}.portfolio-scope .text-gradient-primary{background:linear-gradient(135deg,#c026d3 0%,#ec4899 50%,#f97316 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s infinite pf-gradientShift}@keyframes pf-gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.portfolio-scope .grid-background{pointer-events:none;background-image:linear-gradient(#ec489908 1px,#0000 1px),linear-gradient(90deg,#c026d308 1px,#0000 1px);background-size:100px 100px;animation:20s linear infinite pf-gridMove;position:fixed;inset:0}@keyframes pf-gridMove{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.portfolio-scope .particle{filter:blur(4px);background:linear-gradient(135deg,#ec489966,#c026d366);border-radius:50%;animation:20s ease-in-out infinite pf-float;position:absolute}.portfolio-scope .particle:nth-child(2){animation-delay:-5s}.portfolio-scope .particle:nth-child(3){animation-delay:-10s}.portfolio-scope .particle:nth-child(4){animation-delay:-15s}@keyframes pf-float{0%,to{opacity:.3;transform:translate(0)scale(1)}25%{opacity:.5;transform:translate(100px,-100px)scale(1.2)}50%{opacity:.2;transform:translate(-80px,-200px)scale(.8)}75%{opacity:.4;transform:translate(-150px,50px)scale(1.1)}}.portfolio-scope .glow-effect{text-shadow:0 0 40px #ec489980}.portfolio-scope .scroll-indicator{animation:2s infinite pf-bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes pf-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}