.projects-wrapper{position:relative;min-height:100vh;width:100vw;overflow-x:hidden;background:radial-gradient(ellipse at bottom left,rgba(6,190,225,.05) 0,transparent 40%)}.projects-tabs{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:rgba(15,23,42,.85);padding:.8rem 1.2rem;display:flex;gap:.8rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50px;border:1px solid rgba(94,228,255,.3);box-shadow:0 4px 30px rgba(0,0,0,.2);z-index:100;max-width:90%;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.projects-tabs::-webkit-scrollbar{display:none}.tab-btn{padding:.6rem 1.4rem;border-radius:50px;background:transparent;color:white;border:none;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .3s ease;flex-shrink:0;position:relative;-webkit-tap-highlight-color:transparent}.tab-btn .active{background:rgba(6,190,225,.4)!important;color:#5fe4ff!important;box-shadow:0 0 15px rgba(6,190,225,.4)!important;border:1px solid rgba(94,228,255,.8)!important;transform:scale(1.05)!important}.projects-scroll-area{scroll-snap-type:y mandatory;height:100vh;overflow-y:scroll;-webkit-overflow-scrolling:touch}.project-section{scroll-snap-align:start;min-height:100vh;padding:6rem 2rem 2rem;display:flex;align-items:center;justify-content:center}.project-content{display:flex;flex-direction:row;gap:3rem;width:90%;max-width:1200px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:2.5rem;border:1px solid rgba(94,228,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 0 20px rgba(94,228,255,.1);position:relative;overflow:hidden}.project-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(94,228,255,.1) 50%,transparent);animation:shine 8s linear infinite;z-index:-1}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.project-info{flex:1 1;min-width:0}.project-header{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.project-info h2{font-size:2.2rem;margin:0;line-height:1.2}.project-info p{margin-bottom:1.5rem;line-height:1.7;color:rgba(255,255,255,.85)}.tech-tags{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2rem}.tech-tag{background:rgba(6,190,225,.1);padding:.5rem 1.1rem;border-radius:50px;font-size:.9rem;border:1px solid #06bee1;transition:all .3s ease}.tech-tag:hover{background:rgba(6,190,225,.25);transform:translateY(-2px)}.project-buttons{display:flex;gap:.5rem;margin-left:auto;margin-bottom:5px}.project-btn{padding:.2rem .8rem;border-radius:50px;background:rgba(6,190,225,.2);color:white;text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid #06bee1;display:inline-flex;align-items:center;gap:.2rem}.project-photos{flex:1 1;min-width:0}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;width:100%}.mockup-box{background:rgba(255,255,255,.05);border-radius:16px;display:flex;justify-content:center;align-items:center;color:var(--text-muted);border:1px solid #5fe4ff;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;aspect-ratio:1/1;position:relative}.mockup-box:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,190,225,.1),transparent)}.mockup-box:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(6,190,225,.3)}.photo-grid .mockup-box:nth-child(3){grid-column:span 2;aspect-ratio:2.5/1}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:rgba(6,190,225,.1);z-index:101}.progress-bar{height:100%;background:linear-gradient(90deg,#06BEE1,#5fe4ff);transition:width .4s ease-out}@media (max-width:768px){.projects-tabs{top:10px;padding:.6rem 1rem;gap:.5rem;width:95%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.tab-btn{padding:.4rem 1.2rem;border-radius:50px;background:transparent;color:white;border:none;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .3s ease;flex-shrink:0;position:relative;-webkit-tap-highlight-color:transparent}.tab-btn.active{background:rgba(6,190,225,.4)!important;color:#5fe4ff!important;box-shadow:0 0 15px rgba(6,190,225,.4)!important;border:1px solid rgba(94,228,255,.8)!important;transform:scale(1.05)!important}.projects-scroll-area{scroll-snap-type:y proximity;scroll-padding-top:70px}.project-section{scroll-snap-align:start;min-height:calc(100vh - 70px);padding:5rem 1.5rem 2rem}.project-content{flex-direction:column;gap:2rem;padding:1.5rem;width:95%}.project-header{flex-direction:column;align-items:flex-start;gap:1rem}.project-info h2{font-size:1.8rem}.project-buttons{margin-left:0;width:100%;justify-content:flex-start}.photo-grid{grid-template-columns:1fr}.photo-grid .mockup-box:nth-child(3){grid-column:span 1;aspect-ratio:1/1}.project-btn{padding:.5rem 1.2rem;font-size:.9rem}}@media (max-width:480px){.project-info h2{font-size:1.6rem}.tech-tag{font-size:.8rem;padding:.4rem .9rem}.project-btn{padding:.5rem 1rem}}