.workPage{background:var(--bgPrimary);min-height:100vh}.workMainSection{--primary:var(--cdBlue,#688fe5);--secondary:var(--cdCyan,#95e4e5);--tertiary:var(--cdAccent,#88d0e5);--bg-dark:var(--neutral950,#050a15);background:var(--portfolioHeroBgAlt,linear-gradient(180deg,#0b1220 0%,#0f172a 50%,#0b1220 100%));min-height:100vh;padding:4rem 0 6rem;position:relative;overflow:hidden}.workMainContainer{z-index:10;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.workBgLayer{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.workGradientOrb{width:600px;height:600px;left:var(--x);top:var(--y);filter:blur(60px);background:radial-gradient(circle,#688fe526 0%,#688fe50d 30%,#0000 70%);animation:20s ease-in-out infinite workOrbFloat;position:absolute;transform:translate(-50%,-50%)}.workGradientOrb2{background:radial-gradient(circle,#95e4e51f 0%,#95e4e50a 30%,#0000 70%);animation-duration:25s;animation-delay:-7s}.workGradientOrb3{background:radial-gradient(circle,#88d0e51a 0%,#88d0e508 30%,#0000 70%);animation-duration:30s;animation-delay:-14s}@keyframes workOrbFloat{0%,to{transform:translate(-50%,-50%)scale(1)}33%{transform:translate(-45%,-55%)scale(1.1)}66%{transform:translate(-55%,-45%)scale(.9)}}.workGridPattern{background-image:linear-gradient(#688fe508 1px,#0000 1px),linear-gradient(90deg,#688fe508 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 50%,#000 20%,#0000 70%);mask-image:radial-gradient(80% 50%,#000 20%,#0000 70%)}.workParticles{position:absolute;inset:0}.workParticle{left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:var(--primary);opacity:var(--opacity);animation:workParticleFloat var(--duration)ease-in-out infinite;animation-delay:var(--delay);box-shadow:0 0 10px var(--primary);border-radius:50%;position:absolute}@keyframes workParticleFloat{0%,to{opacity:var(--opacity);transform:translateY(0)translate(0)}25%{transform:translateY(-30px)translate(10px)}50%{opacity:calc(var(--opacity)*1.5);transform:translateY(-50px)translate(-10px)}75%{transform:translateY(-30px)translate(5px)}}.workNeuralNet{opacity:.3;width:100%;height:100%;position:absolute;inset:0}.workNeuralNode{fill:var(--primary);animation:3s ease-in-out infinite workNodeGlow}@keyframes workNodeGlow{0%,to{opacity:.3}50%{opacity:1}}.workNeuralLine{stroke:var(--primary);stroke-width:.15px;opacity:.2;stroke-dasharray:200;stroke-dashoffset:200px;animation:8s linear infinite workNeuralFlow;animation-delay:var(--delay)}@keyframes workNeuralFlow{0%{stroke-dashoffset:200px}to{stroke-dashoffset:-200px}}.workSpotlight{width:400px;height:400px;left:var(--mouse-x);top:var(--mouse-y);pointer-events:none;background:radial-gradient(circle,#688fe514 0%,#0000 60%);transition:left .3s ease-out,top .3s ease-out;position:absolute;transform:translate(-50%,-50%)}.workBottomFade{background:linear-gradient(180deg,transparent,var(--bg-dark));pointer-events:none;z-index:5;height:200px;position:absolute;bottom:0;left:0;right:0}@media (max-width:768px){.workMainSection{padding:2rem 0 4rem}.workMainContainer{padding:0 1rem}}