.bg-grid-pattern{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.6}}.spotify-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.spotify-hover:hover{transform:scale(1.02);box-shadow:0 10px 40px #9333ea33}.mac-glass{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#ffffff0d;border:1px solid #ffffff1a}.text-solo-purple{color:#9333ea}.text-solo-blue{color:#3b82f6}.bg-solo-purple{background-color:#9333ea}.bg-solo-blue{background-color:#3b82f6}.solo-button{transition:all .3s;position:relative;overflow:hidden}.solo-button:before{content:"";background:linear-gradient(90deg,#0000,#9333ea66,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.solo-button:hover:before{left:100%}.category-filter{position:relative;overflow:hidden}.category-filter.active{color:#fff;background:linear-gradient(135deg,#9333ea,#3b82f6)}.skeleton-gradient{background:linear-gradient(90deg,#9333ea1a 0%,#3b82f61a 50%,#9333ea1a 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.particle{pointer-events:none;opacity:0;animation:10s infinite particle-float;position:absolute}@keyframes particle-float{0%{opacity:0;transform:translateY(100px)scale(0)}10%{opacity:1;transform:translateY(0)scale(1)}90%{opacity:1;transform:translateY(-100px)scale(1)}to{opacity:0;transform:translateY(-200px)scale(0)}}.portfolio-card{position:relative;overflow:hidden}.portfolio-card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#9333ea1a 0%,#0000 70%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.portfolio-card:hover:after{opacity:1}.solo-title{letter-spacing:-.02em;font-weight:700;line-height:1.1}.solo-subtitle{letter-spacing:.01em;font-weight:400;line-height:1.6}@media (max-width:640px){.portfolio-grid{grid-template-columns:1fr}}@media (min-width:641px) and (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px) and (max-width:1280px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1281px) and (max-width:1536px){.portfolio-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1537px){.portfolio-grid{grid-template-columns:repeat(5,1fr)}}