:root{--color-primary: #83C9BE;--color-primary-dark: #328F7F;--color-accent: #E2AC4F;--color-bg-primary: #0a0a0a;--color-bg-card: rgba(255, 255, 255, .05);--color-border: rgba(131, 201, 190, .2);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--font-primary: "lulo-one", "Poppins", sans-serif;--font-secondary: "Poppins", "Inter", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1)}.portfolio-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-bg-primary);padding:var(--space-2xl) 0}.portfolio-hero__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.portfolio-hero__gradient{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(131,201,190,.1) 0%,transparent 50%),radial-gradient(ellipse at top left,rgba(226,172,79,.08) 0%,transparent 40%),radial-gradient(ellipse at bottom right,rgba(50,143,127,.08) 0%,transparent 40%);animation:gradientShift 20s ease-in-out infinite}.flow-lines{position:absolute;width:100%;height:100%;opacity:.9}.flow-lines__svg{width:100%;height:100%}.flow-line{stroke-dasharray:200;stroke-dashoffset:200;animation:flowAnimation 6s ease-in-out infinite}.flow-line--1{animation-delay:0s}.flow-line--2{animation-delay:.8s}.flow-line--3{animation-delay:1.6s}.flow-line--4{animation-delay:2.4s}.flow-line--5{animation-delay:3.2s}.flow-line--6{animation-delay:4s}.flow-line--7{animation-delay:4.8s}.decorative-nodes{position:absolute;width:100%;height:100%}.node{position:absolute;width:12px;height:12px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 30px #83c9becc;animation:nodePulse 3s ease-in-out infinite}.node--1{top:20%;left:15%;animation-delay:0s}.node--2{top:30%;right:20%;animation-delay:.5s}.node--3{bottom:25%;left:25%;animation-delay:1s}.node--4{bottom:35%;right:15%;animation-delay:1.5s}.node--5{top:50%;left:10%;animation-delay:2s}.node--6{top:60%;right:12%;animation-delay:2.5s}.portfolio-hero__container{position:relative;max-width:1200px;margin:0 auto;padding:0 var(--space-lg);width:100%;z-index:10;display:flex;flex-direction:column;align-items:center;gap:var(--space-2xl)}.portfolio-hero__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-xl);max-width:900px}.content__badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:50px;font-family:var(--font-secondary);font-size:.875rem;font-weight:500;color:var(--color-primary);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em;opacity:0;transform:translateY(-50px) scale(.8);animation:fadeInDown 1s ease-out .3s forwards}.badge__dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}.content__title{font-family:var(--font-primary);font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700;line-height:1.1;color:var(--color-text-primary);margin:0;letter-spacing:-.02em;text-transform:uppercase;display:flex;flex-direction:column;gap:var(--space-xs)}.title__line{display:block;opacity:0;transform:translate(-80px) rotateY(-20deg)}.title__line:nth-child(1){animation:titleSlideIn 1.2s ease-out .6s forwards}.title__line:nth-child(2){animation:titleSlideIn 1.2s ease-out .9s forwards}.title__line:nth-child(3){animation:titleSlideIn 1.2s ease-out 1.2s forwards}.title__line--highlight{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.title__line--highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),var(--color-accent),transparent);animation:underlineGlow 3s ease-in-out infinite}.content__subtitle{font-family:var(--font-secondary);font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.7;color:var(--color-text-secondary);max-width:700px;font-weight:400;opacity:0;transform:translateY(40px) scale(.95);animation:fadeInUpScale 1s ease-out 1.5s forwards}.hide-mobile{display:inline}.portfolio-hero__categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-lg);width:100%;max-width:800px}.category{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;backdrop-filter:blur(10px);transition:all var(--transition-smooth);opacity:0;transform:translateY(60px) scale(.8) rotateX(20deg)}.category:nth-child(1){animation:categoryFadeIn 1s ease-out 2s forwards}.category:nth-child(2){animation:categoryFadeIn 1s ease-out 2.2s forwards}.category:nth-child(3){animation:categoryFadeIn 1s ease-out 2.4s forwards}.category:nth-child(4){animation:categoryFadeIn 1s ease-out 2.6s forwards}.category:hover{transform:translateY(-15px) scale(1.1);border-color:var(--color-primary);box-shadow:0 0 40px #83c9be80}.category__icon{font-size:2.5rem;animation:iconFloat 3s ease-in-out infinite}.category:nth-child(1) .category__icon{animation-delay:0s}.category:nth-child(2) .category__icon{animation-delay:.5s}.category:nth-child(3) .category__icon{animation-delay:1s}.category:nth-child(4) .category__icon{animation-delay:1.5s}.category__label{font-family:var(--font-secondary);font-size:.875rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em}.scroll-indicator{position:absolute;bottom:var(--space-2xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-family:var(--font-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;z-index:10;opacity:0;animation:fadeIn .8s ease-out 2s forwards}.scroll-arrow{animation:scrollBounce 2s ease-in-out infinite;font-size:1.5rem}@keyframes gradientShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes flowAnimation{0%{stroke-dashoffset:200;opacity:0}10%{opacity:1}50%{stroke-dashoffset:0;opacity:1}90%{opacity:1}to{stroke-dashoffset:-200;opacity:0}}@keyframes nodePulse{0%,to{opacity:.8;transform:scale(1);box-shadow:0 0 30px #83c9becc}50%{opacity:1;transform:scale(1.5);box-shadow:0 0 50px #83c9be}}@keyframes fadeInDown{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes titleSlideIn{to{opacity:1;transform:translate(0) rotateY(0)}}@keyframes fadeInUpScale{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{to{opacity:1}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #83c9beb3}50%{opacity:.7;box-shadow:0 0 0 8px #83c9be00}}@keyframes underlineGlow{0%,to{opacity:.3;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}@keyframes categoryFadeIn{to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (max-width: 767px){.portfolio-hero{padding:var(--space-xl) 0}.portfolio-hero__container{padding:0 var(--space-md)}.content__title{font-size:clamp(2rem,10vw,3rem)}.hide-mobile{display:none}.content__stats{grid-template-columns:repeat(2,1fr);gap:var(--space-md);width:100%}.stat{min-width:auto}.content__cta{flex-direction:column;width:100%}.cta-btn{width:100%}.portfolio-hero__categories{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.node{display:none}.scroll-indicator{bottom:var(--space-lg)}}@media (min-width: 768px) and (max-width: 1023px){.portfolio-hero__categories{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.portfolio-hero__container{padding:0 var(--space-xl)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.flow-line,.node{opacity:.3;animation:none}}.portfolio-hs{position:relative;background:var(--color-bg-primary);padding-bottom:var(--space-3xl)}.portfolio-hs__bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.portfolio-hs__glow{position:absolute;border-radius:50%;filter:blur(130px)}.portfolio-hs__glow--teal{width:700px;height:700px;background:#83c9be12;top:-5%;left:-8%}.portfolio-hs__glow--gold{width:550px;height:550px;background:#e2ac4f0f;bottom:5%;right:-8%}.portfolio-hs__header{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto;padding:var(--space-3xl) var(--space-lg) var(--space-2xl)}.portfolio-hs__badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:50px;font-family:var(--font-secondary);font-size:.875rem;font-weight:500;color:var(--color-primary);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xl);opacity:0}.portfolio-hs__badge-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:hs-pulse 2s ease-in-out infinite}.portfolio-hs__title{font-family:var(--font-primary);font-size:clamp(2rem,6vw,4rem);font-weight:700;line-height:1.1;color:var(--color-text-primary);margin:0 0 var(--space-lg);text-transform:uppercase;letter-spacing:-.02em;opacity:0}.portfolio-hs__title--accent{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.portfolio-hs__subtitle{font-family:var(--font-secondary);font-size:clamp(1rem,2vw,1.15rem);line-height:1.7;color:var(--color-text-secondary);max-width:620px;margin:0 auto;opacity:0}.portfolio-hs__pin{position:relative;height:100vh;min-height:560px;overflow:hidden;z-index:2}.portfolio-hs__pin:before,.portfolio-hs__pin:after{content:"";position:absolute;left:0;right:0;height:1px;z-index:20;pointer-events:none}.portfolio-hs__pin:before{top:0;background:linear-gradient(to right,transparent,var(--color-border),transparent)}.portfolio-hs__pin:after{bottom:0;background:linear-gradient(to right,transparent,rgba(131,201,190,.15),transparent)}.portfolio-hs__track{display:flex;height:100%;will-change:transform}.portfolio-hs__slide{position:relative;display:flex;width:100vw;height:100%;flex-shrink:0}.portfolio-hs__img-wrap{position:relative;flex:0 0 56%;overflow:hidden}.portfolio-hs__img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center center}.portfolio-hs__img-fade{position:absolute;inset:0;background:linear-gradient(to right,#0a0a0a00 35%,#0a0a0ad9 80%,#0a0a0a),linear-gradient(to bottom,rgba(10,10,10,.35) 0%,transparent 18%,transparent 80%,rgba(10,10,10,.25) 100%)}.portfolio-hs__content{position:relative;flex:0 0 44%;display:flex;align-items:center;padding:var(--space-2xl) var(--space-2xl) var(--space-2xl) var(--space-xl);overflow:hidden}.portfolio-hs__content:before{content:"";position:absolute;left:0;top:var(--space-2xl);bottom:var(--space-2xl);width:1px;background:linear-gradient(to bottom,transparent,var(--color-border),transparent);pointer-events:none}.portfolio-hs__index{position:absolute;top:var(--space-md);right:var(--space-lg);font-family:var(--font-primary);font-size:clamp(5rem,13vw,11rem);font-weight:700;color:#83c9be0a;line-height:1;letter-spacing:-.04em;pointer-events:none;user-select:none;opacity:0}.portfolio-hs__content-inner{position:relative;z-index:2;max-width:440px;width:100%}.portfolio-hs__tag{display:inline-block;padding:5px 16px;font-family:var(--font-secondary);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;border-radius:50px;color:var(--color-bg-primary);margin-bottom:var(--space-md);opacity:0}.portfolio-hs__project-name{font-family:var(--font-primary);font-size:clamp(2rem,3.8vw,3.5rem);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:-.02em;line-height:1;margin:0 0 var(--space-xs);opacity:0}.portfolio-hs__project-type{font-family:var(--font-secondary);font-size:.82rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--space-md);opacity:0}.portfolio-hs__project-desc{font-family:var(--font-secondary);font-size:.95rem;line-height:1.75;color:var(--color-text-secondary);margin:0 0 var(--space-lg);opacity:0}.portfolio-hs__tools{display:flex;flex-wrap:wrap;gap:8px;opacity:0}.portfolio-hs__tool{display:inline-flex;align-items:center;padding:5px 14px;border:1px solid rgba(131,201,190,.2);border-radius:50px;font-family:var(--font-secondary);font-size:.68rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;background:#83c9be0a;backdrop-filter:blur(4px);transition:border-color var(--transition-fast),color var(--transition-fast)}.portfolio-hs__tool:hover{border-color:#83c9be73;color:var(--color-primary)}.portfolio-hs__nav{position:absolute;bottom:0;left:0;right:0;padding:var(--space-md) var(--space-lg) var(--space-lg);display:flex;align-items:center;gap:var(--space-lg);z-index:10;background:linear-gradient(to top,rgba(10,10,10,.65) 0%,transparent 100%);pointer-events:none}.portfolio-hs__counter{display:flex;align-items:center;gap:4px;min-width:72px}.portfolio-hs__counter-cur{font-family:var(--font-primary);font-size:1.1rem;font-weight:700;color:var(--color-primary);transition:all .25s ease}.portfolio-hs__counter-sep{font-family:var(--font-secondary);font-size:.85rem;color:var(--color-text-tertiary);margin:0 3px}.portfolio-hs__counter-tot{font-family:var(--font-secondary);font-size:.85rem;color:var(--color-text-secondary)}.portfolio-hs__progress-track{flex:1;height:2px;background:#83c9be1f;border-radius:2px;overflow:hidden}.portfolio-hs__progress-fill{height:100%;width:0%;background:linear-gradient(to right,var(--color-primary),var(--color-accent));border-radius:2px;transition:width .05s linear}.portfolio-hs__hint{display:flex;align-items:center;gap:8px;font-family:var(--font-secondary);font-size:.7rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;transition:opacity .5s ease}.portfolio-hs__hint.is-faded{opacity:0}.portfolio-hs__hint svg{color:var(--color-primary);opacity:.7}@keyframes hs-pulse{0%,to{opacity:1;box-shadow:0 0 #83c9beb3}50%{opacity:.7;box-shadow:0 0 0 8px #83c9be00}}@media (max-width: 767px){.portfolio-hs{padding-bottom:var(--space-2xl)}.portfolio-hs__header{padding:var(--space-2xl) var(--space-lg) var(--space-xl)}.portfolio-hs__pin{height:auto;min-height:unset;overflow:visible}.portfolio-hs__pin:before,.portfolio-hs__pin:after{display:none}.portfolio-hs__track{flex-direction:column}.portfolio-hs__slide{width:100%;height:auto;flex-direction:column;min-height:70vh;border-bottom:1px solid rgba(131,201,190,.08)}.portfolio-hs__img-wrap{flex:none;height:52vw;min-height:200px}.portfolio-hs__img-fade{background:linear-gradient(to bottom,#0a0a0a00 50%,#0a0a0a 95%),linear-gradient(to bottom,rgba(10,10,10,.25) 0%,transparent 20%)}.portfolio-hs__content{flex:none;padding:var(--space-xl) var(--space-lg) var(--space-2xl);align-items:flex-start}.portfolio-hs__content:before{display:none}.portfolio-hs__index{top:8px;right:var(--space-md);font-size:5rem}.portfolio-hs__project-name{font-size:clamp(1.8rem,9vw,2.5rem)}.portfolio-hs__nav{display:none}.portfolio-hs__tag,.portfolio-hs__project-name,.portfolio-hs__project-type,.portfolio-hs__project-desc,.portfolio-hs__tools,.portfolio-hs__index,.portfolio-hs__badge,.portfolio-hs__title,.portfolio-hs__subtitle{opacity:1!important;transform:none!important}}@media (min-width: 768px) and (max-width: 1023px){.portfolio-hs__pin{height:100vh}.portfolio-hs__img-wrap{flex:0 0 50%}.portfolio-hs__content{flex:0 0 50%;padding:var(--space-xl) var(--space-xl) var(--space-xl) var(--space-lg)}.portfolio-hs__project-name{font-size:clamp(1.8rem,3.5vw,2.6rem)}}@media (min-width: 1440px){.portfolio-hs__img-wrap{flex:0 0 58%}.portfolio-hs__content{flex:0 0 42%}}@media (prefers-reduced-motion: reduce){.portfolio-hs__badge-dot{animation:none}.portfolio-hs__tag,.portfolio-hs__project-name,.portfolio-hs__project-type,.portfolio-hs__project-desc,.portfolio-hs__tools,.portfolio-hs__badge,.portfolio-hs__title,.portfolio-hs__subtitle,.portfolio-hs__index,.portfolio-hs__img{opacity:1!important;transform:none!important}}