.portfolio-bg{opacity:.2;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#16213e 100%);width:100%;height:100%;position:fixed;overflow:hidden}.portfolio-bg:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#3b82f626 0%,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf61f 0%,#0000 50%),radial-gradient(circle at 50% 20%,#22c55e14 0%,#0000 40%);animation:8s ease-in-out infinite gradient-shift;position:absolute;inset:0}.portfolio-bg:after{content:"";pointer-events:none;background-image:linear-gradient(45deg,#3b82f61a 1px,#0000 1px),linear-gradient(-45deg,#8b5cf614 1px,#0000 1px);background-size:60px 60px,80px 80px;animation:20s linear infinite grid-move;position:absolute;inset:0}@keyframes gradient-shift{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.1)rotate(2deg)}}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b66;border:1px solid #3b82f633;transition:all .3s;position:relative}.glass-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#3b82f699,#0000);height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.glass-card:hover{background:#1e293b99;border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 10px 40px #3b82f61a}.glass-card:hover:before{opacity:1}.glow-accent{animation:3s ease-in-out infinite enhanced-pulse;box-shadow:0 0 20px #3b82f64d,0 0 40px #3b82f61a,inset 0 1px #ffffff1a}@keyframes enhanced-pulse{0%,to{box-shadow:0 0 20px #3b82f64d,0 0 40px #3b82f61a,inset 0 1px #ffffff1a}50%{box-shadow:0 0 30px #3b82f666,0 0 60px #3b82f633,inset 0 1px #fff3}}