.portfolio-page{background:#000;width:100%;min-height:100dvh;position:relative;overflow-x:hidden}.portfolio-hero{z-index:2;justify-content:center;width:100%;padding:12rem 2rem 4rem;display:flex;position:relative}.portfolio-hero-content{text-align:center;flex-direction:column;align-items:center;max-width:800px;display:flex}.portfolio-hero-label{color:#5227ff;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:600;display:block}.portfolio-hero-title{color:#fff;letter-spacing:-2px;text-transform:uppercase;flex-direction:column;align-items:center;margin:0 0 1.5rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:3.5rem;font-weight:700;line-height:1.1;display:flex}.portfolio-hero-title span:last-child{background:linear-gradient(135deg,#b19eef 0%,#5227ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portfolio-hero-description{color:#ffffffb3;max-width:600px;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.7}.portfolio-filter-section{z-index:2;justify-content:center;width:100%;padding:0 2rem 3rem;display:flex;position:relative}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.portfolio-filter-btn{color:#fff9;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;padding:.625rem 1.5rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .3s}.portfolio-filter-btn:hover{color:#fff;border-color:#b19eef4d}.portfolio-filter-btn--active{color:#fff;background:#5227ff;border-color:#5227ff}.portfolio-filter-btn--active:hover{border-color:#5227ff}.portfolio-grid-section{z-index:2;justify-content:center;width:100%;padding:0 2rem 6rem;display:flex;position:relative}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;max-width:1200px;display:grid}.portfolio-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s;display:flex;position:relative;overflow:hidden}.portfolio-card:hover{border-color:#b19eef4d;transform:translateY(-8px)}.portfolio-card__image-wrapper{aspect-ratio:16/10;background:#0a0a0f;width:100%;position:relative;overflow:hidden}.portfolio-card__image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.portfolio-card:hover .portfolio-card__image{transform:scale(1.05)}.portfolio-card__overlay{opacity:0;background:#0009;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-card__overlay{opacity:1}.portfolio-card__view{color:#fff;text-transform:uppercase;letter-spacing:.1em;border:1px solid #ffffff4d;border-radius:100px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex}.portfolio-card__view svg{width:16px;height:16px}.portfolio-card:hover .portfolio-card__view{background:#5227ff33;border-color:#5227ff}.portfolio-card__info{padding:1.5rem 2rem 2rem}.portfolio-card__category{color:#5227ff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:600;display:inline-block}.portfolio-card__title{color:#fff;letter-spacing:-.02em;margin:0 0 .5rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.375rem;font-weight:700}.portfolio-card__description{color:#fff9;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;font-weight:400;line-height:1.6}.portfolio-stats-section{z-index:2;background:#ffffff05;justify-content:center;width:100%;padding:6rem 2rem;display:flex;position:relative}.portfolio-stats{grid-template-columns:repeat(4,1fr);gap:2rem;width:100%;max-width:1200px;display:grid}.portfolio-stat{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:2rem;transition:transform .3s,border-color .3s}.portfolio-stat:hover{border-color:#b19eef4d;transform:translateY(-5px)}.portfolio-stat__number{color:#fff;margin-bottom:.5rem;font-family:Inter,system-ui,sans-serif;font-size:4rem;font-weight:700;line-height:1;display:block}.portfolio-stat__plus{background:linear-gradient(135deg,#b19eef 0%,#5227ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portfolio-stat__label{color:#ffffffb3;font-family:Inter,system-ui,sans-serif;font-size:1rem;font-weight:500}.portfolio-cta-section{z-index:2;justify-content:center;width:100%;padding:6rem 2rem;display:flex;position:relative}.portfolio-cta-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;display:flex}.portfolio-cta-title{color:#fff;letter-spacing:-2px;text-transform:uppercase;flex-direction:column;align-items:center;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:3rem;font-weight:700;line-height:1.1;display:flex}.portfolio-cta-title span:last-child{background:linear-gradient(135deg,#b19eef 0%,#5227ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portfolio-cta-button{color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:2px solid #5227ff;border-radius:0;margin-top:1rem;padding:1rem 3rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.portfolio-cta-button:hover{color:#fff;background:#5227ff;box-shadow:0 0 20px #5227ff80}.portfolio-cta-logo{margin-top:3rem}.portfolio-cta-logo .netreach-icon{width:clamp(4rem,8vw,6rem)!important;height:clamp(4rem,8vw,6rem)!important}.portfolio-cta-logo .netreach-n{font-size:clamp(4rem,8vw,6rem)!important}@media (max-width:1024px){.portfolio-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}.portfolio-stats{grid-template-columns:repeat(2,1fr)}.portfolio-cta-title{font-size:2.5rem}}@media (max-width:640px){.portfolio-hero{padding:10rem 1rem 3rem}.portfolio-hero-title{letter-spacing:-1px;font-size:2rem}.portfolio-hero-description{font-size:1rem}.portfolio-filter-section{padding:0 1rem 2rem}.portfolio-filter-btn{padding:.5rem 1rem;font-size:.8rem}.portfolio-grid-section{padding:0 1rem 4rem}.portfolio-card__info{padding:1.25rem 1.5rem 1.5rem}.portfolio-card__title{font-size:1.125rem}.portfolio-stats-section{padding:4rem 1rem}.portfolio-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.portfolio-stat{padding:1.5rem 1rem}.portfolio-stat__number{font-size:2.5rem}.portfolio-stat__label{font-size:.85rem}.portfolio-cta-section{padding:4rem 1rem}.portfolio-cta-title{letter-spacing:-1px;font-size:2rem}}
