.portfolio-hero{background:linear-gradient(135deg,#000 0%,#0a0a0a 50%,#000 100%);position:relative;overflow:hidden}.portfolio-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 20%,#5fd4a01a 0%,#0000 70%);position:absolute;inset:0}.portfolio-content{grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid}@media (min-width:768px){.portfolio-content{grid-template-columns:2fr 1fr;gap:4rem}}.portfolio-main{order:2}@media (min-width:768px){.portfolio-main{order:1}}.portfolio-sidebar{order:1}@media (min-width:768px){.portfolio-sidebar{order:2}}.portfolio-gallery{gap:1rem;margin-bottom:2rem;display:grid}.portfolio-gallery-main{aspect-ratio:16/9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f293780;border:1px solid #5fd4a033;border-radius:12px;grid-column:1/-1;overflow:hidden}.portfolio-gallery-thumbnails{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;display:grid}.portfolio-gallery-thumb{aspect-ratio:16/9;cursor:pointer;background:#1f29374d;border:1px solid #ffffff1a;border-radius:8px;transition:all .3s;overflow:hidden}.portfolio-gallery-thumb:hover{border-color:#5fd4a066;transform:scale(1.02)}.portfolio-info-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0a99;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s}.portfolio-info-card:hover{background:#0a0a0acc;border-color:#5fd4a04d}.tech-tags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.tech-tag{color:#5fd4a0;background:linear-gradient(135deg,#5fd4a033 0%,#5fd4a01a 100%);border:1px solid #5fd4a04d;border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;transition:all .3s}.tech-tag:hover{background:linear-gradient(135deg,#5fd4a04d 0%,#5fd4a033 100%);border-color:#5fd4a080;transform:translateY(-1px)}.portfolio-timeline{margin:2rem 0;padding-left:2rem;position:relative}.portfolio-timeline:before{content:"";background:linear-gradient(#5fd4a080 0%,#5fd4a01a 100%);width:2px;position:absolute;top:0;bottom:0;left:.5rem}.timeline-item{margin-bottom:1.5rem;padding-left:1rem;position:relative}.timeline-item:before{content:"";background:#5fd4a0;border:2px solid #000;border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:.5rem;left:-.75rem}.timeline-title{color:#5fd4a0;margin-bottom:.25rem;font-weight:600}.timeline-description{color:#a0a0a0;font-size:.875rem;line-height:1.6}.portfolio-results{background:linear-gradient(135deg,#5fd4a00d 0%,#0000 100%);border:1px solid #5fd4a033;border-radius:12px;margin:2rem 0;padding:2rem}.results-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.result-item{text-align:center}.result-value{color:#5fd4a0;margin-bottom:.5rem;font-size:2rem;font-weight:700;line-height:1}.result-label{color:#a0a0a0;font-size:.875rem;font-weight:500}.testimonial-section{margin:3rem 0}.testimonial-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0a66;border:1px solid #ffffff14;border-radius:16px;margin-bottom:1.5rem;padding:2rem;transition:all .4s;position:relative}.testimonial-card:before{content:"\"";color:#5fd4a04d;font-family:serif;font-size:4rem;line-height:1;position:absolute;top:-.5rem;left:1.5rem}.testimonial-card:hover{border-color:#5fd4a033;transform:translateY(-4px)}.testimonial-text{color:#e5e5e5;margin-bottom:1rem;font-size:1.1rem;font-style:italic;line-height:1.7}.testimonial-attribution{color:#5fd4a0;text-align:right;font-size:.875rem;font-weight:600}.portfolio-cta{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#5fd4a01a 0%,#5fd4a00d 100%);border:1px solid #5fd4a033;border-radius:16px;margin:3rem 0;padding:3rem 2rem}.portfolio-cta h3{color:#fff;margin-bottom:1rem;font-size:1.5rem}.portfolio-cta p{color:#a0a0a0;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.portfolio-nav{justify-content:space-between;align-items:center;gap:1rem;margin:3rem 0;display:flex}.nav-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#0a0a0a99;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-button:hover{background:#0a0a0acc;border-color:#5fd4a066;transform:translateY(-2px)}.nav-button.disabled{opacity:.5;pointer-events:none}@media (max-width:768px){.portfolio-nav{flex-direction:column}.nav-button{justify-content:center;width:100%}.results-grid{grid-template-columns:repeat(2,1fr)}.tech-tags{justify-content:center}}.portfolio-fade-in{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.portfolio-fade-in.active{opacity:1;transform:translateY(0)}.portfolio-stagger-1{transition-delay:.1s}.portfolio-stagger-2{transition-delay:.2s}.portfolio-stagger-3{transition-delay:.3s}.portfolio-stagger-4{transition-delay:.4s}.portfolio-stagger-5{transition-delay:.5s}