.portfolio-hero{background:linear-gradient(135deg,#000000f2 0%,#0a0a0ae6 30%,#050505f2 70%,#000 100%);position:relative;overflow:hidden}.portfolio-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#5fd4a014 0%,#0000 50%),radial-gradient(circle at 80% 70%,#5fd4a00f 0%,#0000 50%),radial-gradient(circle at 40% 80%,#5fd4a00a 0%,#0000 50%);animation:20s ease-in-out infinite subtleFloat;position:absolute;inset:0}@keyframes subtleFloat{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.8;transform:translateY(-10px)}}.portfolio-info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050505cc;border:1px solid #5fd4a026;border-radius:16px;margin-bottom:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.portfolio-info-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#5fd4a005 0%,#5fd4a003 50%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.portfolio-info-card:hover{background:#080808e6;border-color:#5fd4a066;transform:translateY(-4px)scale(1.01);box-shadow:0 20px 40px #0000004d,0 0 0 1px #5fd4a01a}.portfolio-info-card:hover:before{opacity:1}.portfolio-results{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#5fd4a014 0%,#5fd4a00a 50%,#5fd4a005 100%);border:1px solid #5fd4a040;border-radius:20px;margin:3rem 0;padding:3rem 2rem;position:relative;overflow:hidden}.portfolio-results:before{content:"";pointer-events:none;background:radial-gradient(circle,#5fd4a008 0%,#0000 70%);width:200%;height:200%;animation:30s linear infinite rotateGlow;position:absolute;top:-50%;left:-50%}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-item{text-align:center;background:#0003;border:1px solid #5fd4a01a;border-radius:12px;padding:1.5rem 1rem;transition:all .3s;position:relative;overflow:hidden}.result-item:before{content:"";background:linear-gradient(90deg,#0000 0%,#5fd4a099 50%,#0000 100%);height:3px;transition:transform .6s;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}.result-item:hover:before{transform:translate(100%)}.result-item:hover{background:#0006;border-color:#5fd4a04d;transform:translateY(-5px)}.result-value{-webkit-text-fill-color:transparent;font-size:2.5rem;font-weight:700;line-height:1;font-family:var(--font-heading);background:linear-gradient(135deg,#5fd4a0 0%,#70e7b5 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem}.portfolio-timeline:before{background:linear-gradient(#5fd4a099 0%,#5fd4a066 50%,#5fd4a033 100%);width:3px;box-shadow:0 0 10px #5fd4a04d}.timeline-item:before{background:linear-gradient(135deg,#5fd4a0 0%,#70e7b5 100%);border:3px solid #000c;width:.875rem;height:.875rem;left:-.8rem;box-shadow:0 0 0 3px #5fd4a033,0 0 15px #5fd4a066}.timeline-item:hover:before{transform:scale(1.2);box-shadow:0 0 0 5px #5fd4a04d,0 0 20px #5fd4a099}.tech-tag{color:#70e7b5;background:linear-gradient(135deg,#5fd4a026 0%,#5fd4a014 100%);border:1px solid #5fd4a04d;border-radius:25px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.tech-tag:before{content:"";background:linear-gradient(90deg,#0000 0%,#5fd4a033 50%,#0000 100%);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.tech-tag:hover:before{left:100%}.tech-tag:hover{background:linear-gradient(135deg,#5fd4a040 0%,#5fd4a026 100%);border-color:#5fd4a099;transform:translateY(-3px)scale(1.05);box-shadow:0 8px 25px #5fd4a033}.testimonial-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#03030399;border:1px solid #5fd4a026;border-radius:20px;padding:3rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.testimonial-card:after{content:"";background:linear-gradient(90deg,#0000 0%,#5fd4a099 30%,#5fd4a0cc 70%,#0000 100%);height:2px;transition:transform .6s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.testimonial-card:hover:after{transform:scaleX(1)}.testimonial-card:hover{background:#050505cc;border-color:#5fd4a04d;transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px #0006,0 0 0 1px #5fd4a01a}.portfolio-cta{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#5fd4a01f 0%,#5fd4a00f 50%,#5fd4a008 100%);border:1px solid #5fd4a04d;border-radius:24px;padding:4rem 3rem;position:relative;overflow:hidden}.portfolio-cta:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(45deg,#5fd4a04d 0%,#0000 25% 75%,#5fd4a04d 100%) 0 0/400% 400%;animation:6s ease-in-out infinite borderGlow;position:absolute;inset:-2px}@keyframes borderGlow{0%,to{background-position:0%}50%{background-position:100%}}.nav-button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#030303cc;border:1px solid #5fd4a033;border-radius:12px;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.nav-button:before{content:"";background:linear-gradient(90deg,#0000 0%,#5fd4a01a 50%,#0000 100%);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.nav-button:hover:before{left:100%}.nav-button:hover{background:#080808e6;border-color:#5fd4a080;transform:translateY(-3px)scale(1.02);box-shadow:0 15px 35px #0000004d}.portfolio-gallery-main .text-center{background:linear-gradient(135deg,#5fd4a00d 0%,#5fd4a005 100%);border:1px solid #5fd4a01a;border-radius:12px;padding:3rem}@media (max-width:768px){.portfolio-results{padding:2rem 1.5rem}.result-value{font-size:2rem}.testimonial-card{padding:2rem 1.5rem}.portfolio-cta{padding:2.5rem 2rem}.tech-tag{padding:.4rem .8rem;font-size:.8rem}}