@charset "UTF-8";.references-hero-section{position:relative;overflow:hidden}.references-hero-section .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border-radius:50px;font-weight:600;font-size:.9rem}.references-hero-section .hero-badge i{font-size:16px}.references-hero-section .references-hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:900;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.1}.references-hero-section .references-hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.8}.references-hero-section .hero-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.references-hero-section .decoration-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));opacity:.1;filter:blur(60px);animation:float 20s ease-in-out infinite}.references-hero-section .decoration-circle-1{width:400px;height:400px;top:-100px;right:-100px;animation-delay:0s}.references-hero-section .decoration-circle-2{width:300px;height:300px;bottom:-50px;left:-50px;animation-delay:5s}.references-hero-section .decoration-circle-3{width:250px;height:250px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.references-stats-section{margin-bottom:40px}.stat-card{padding:40px 20px;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));opacity:0;transition:opacity .4s ease;z-index:0}.stat-card:hover:before{opacity:.1}.stat-card:hover{transform:scale(1.02)}.stat-card>*{position:relative;z-index:1}.stat-icon{font-size:3rem;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px}.stat-number{font-size:3rem;font-weight:900;color:var(--text-primary);margin-bottom:10px}.stat-label{font-size:1rem;color:var(--text-secondary);font-weight:500}.references-filter-section{margin-bottom:20px}.filter-wrapper{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:30px;background:var(--card-bg);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.filter-label{font-weight:600;color:var(--text-primary);font-size:1.1rem}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.filter-btn{padding:12px 24px;border-radius:50px;border:2px solid var(--glass-border);background:transparent;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.filter-btn i{font-size:18px}.filter-btn:hover{border-color:var(--accent-color);background:#e56bff1a;color:var(--accent-color);transform:scale(1.02)}.filter-btn.active{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));border-color:transparent;color:#fff}.references-grid-section .reference-item{transition:all .3s ease}.reference-card{border-radius:25px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.reference-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));opacity:0;transition:opacity .4s ease;z-index:0;border-radius:25px}.reference-card:hover{transform:scale(1.02)}.reference-card:hover:before{opacity:.05}.reference-card:hover .reference-image{transform:scale(1.1)}.reference-card:hover .reference-overlay{opacity:1}.reference-card>*{position:relative;z-index:1}.reference-image-wrapper{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--bg-secondary)}.reference-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.reference-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#ff6b35e6,#dc267fe6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.reference-view-btn{padding:15px 35px;background:#fff;color:var(--accent-color);border-radius:50px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:10px;transition:all .3s ease}.reference-view-btn:hover{transform:scale(1.1)}.reference-view-btn i{font-size:20px}.reference-content{padding:30px;display:flex;flex-direction:column;gap:15px;flex:1}.reference-content .service-link{margin-top:0!important}.reference-content-left{text-align:left!important;z-index:2!important}@media(min-width:992px){.reference-content-left{margin-right:clamp(-160px,-12vw,-80px);padding-right:clamp(100px,14vw,180px)}}.reference-content-left .reference-tags{justify-content:flex-start!important}.reference-content-left .btn-outline-primary,.reference-content-left .service-link{margin-left:0!important;margin-right:auto!important;flex-direction:row!important}.reference-content-left .btn-outline-primary i,.reference-content-left .service-link i{transform:rotate(0)!important}.reference-content-left .btn-outline-primary:hover,.reference-content-left .service-link:hover{gap:15px!important}.reference-content-left .btn-outline-primary:hover i,.reference-content-left .service-link:hover i{transform:translate(5px)!important}.reference-content-right{text-align:right!important;z-index:2!important}@media(min-width:992px){.reference-content-right{margin-left:clamp(-160px,-12vw,-80px);padding-left:clamp(100px,14vw,180px)}}.reference-content-right .reference-tags{justify-content:flex-end!important}.reference-content-right .btn-outline-primary,.reference-content-right .service-link{margin-left:auto!important;margin-right:0!important;flex-direction:row-reverse!important}.reference-content-right .btn-outline-primary i,.reference-content-right .service-link i{transform:rotate(180deg)!important}.reference-content-right .btn-outline-primary:hover,.reference-content-right .service-link:hover{gap:15px!important}.reference-content-right .btn-outline-primary:hover i,.reference-content-right .service-link:hover i{transform:rotate(180deg) translate(5px)!important}.reference-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.reference-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0}.reference-year{padding:6px 16px;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border-radius:50px;font-size:.85rem;font-weight:600;white-space:nowrap}.reference-description{color:var(--text-secondary);line-height:1.7;margin:0;font-size:.95rem}.reference-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.reference-tag{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:50px;font-size:.85rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px;transition:all .3s ease}.reference-tag i{font-size:14px}.reference-card:hover .reference-tag{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border-color:transparent}.reference-url{color:var(--accent-color);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease;margin-top:10px}.reference-url i{font-size:18px}.reference-url:hover{gap:12px;color:var(--accent-secondary)}.featured-references-section{padding:100px 0;background:var(--bg-primary)}.reference-showcase-item{margin-bottom:80px;opacity:0;transform:translateY(30px);transition:all .6s ease}.reference-showcase-item.fade-in{opacity:1;transform:translateY(0)}.reference-showcase-item .row{position:relative}.reference-showcase-item .reference-content-col,.reference-showcase-item .reference-devices-col{position:relative;z-index:1}.reference-showcase-item.content-left .reference-content-col{z-index:2}.reference-showcase-item.content-left .reference-devices-col{z-index:1}@media(min-width:992px){.reference-showcase-item.content-left .reference-content{margin-right:clamp(-160px,-12vw,-80px);padding-right:clamp(100px,14vw,180px)}}.reference-showcase-item.content-left .device-mockup.desktop-mockup{transform:rotateY(-8deg) rotateX(2deg)}.reference-showcase-item.content-left .device-mockup.mobile-mockup{transform:rotateY(-12deg) rotateX(3deg) translateZ(30px)}.reference-showcase-item.content-left:hover .device-mockup.desktop-mockup{transform:rotateY(-3deg) rotateX(1deg)}.reference-showcase-item.content-left:hover .device-mockup.mobile-mockup{transform:rotateY(-5deg) rotateX(1deg) translateZ(40px)}.reference-showcase-item.content-right .reference-content-col{z-index:2}.reference-showcase-item.content-right .reference-devices-col{z-index:1}@media(min-width:992px){.reference-showcase-item.content-right .reference-content{margin-left:clamp(-160px,-12vw,-80px);padding-left:clamp(100px,14vw,180px)}}.reference-showcase-item.content-right .device-mockup.desktop-mockup{transform:rotateY(8deg) rotateX(2deg)}.reference-showcase-item.content-right .device-mockup.mobile-mockup{left:-10px;right:auto;transform:rotateY(12deg) rotateX(3deg) translateZ(30px)}.reference-showcase-item.content-right:hover .device-mockup.desktop-mockup{transform:rotateY(3deg) rotateX(1deg)}.reference-showcase-item.content-right:hover .device-mockup.mobile-mockup{transform:rotateY(5deg) rotateX(1deg) translateZ(40px)}.reference-content{padding:30px;display:flex;flex-direction:column;justify-content:center;height:100%;border-radius:25px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.reference-content:hover{border-color:var(--accent-color)}.reference-content .reference-category{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border-radius:50px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;width:-moz-fit-content;width:fit-content}.reference-content .reference-title{font-size:2.5rem;font-weight:900;color:var(--text-primary);margin-bottom:0;line-height:1.2}.reference-content .reference-tags{display:flex;flex-wrap:wrap;gap:8px}.reference-content .reference-tags .tag{padding:5px 12px;background:linear-gradient(135deg,#8a6ab31a,#a689cd1a);border:1px solid rgba(138,106,179,.3);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--accent-color);transition:all .3s ease}.reference-content .reference-tags .tag:hover{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border-color:transparent;transform:scale(1.02)}.reference-content .reference-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:5px;margin-top:5px}.reference-content .btn-outline-primary{padding:15px 35px;border-radius:50px;font-weight:700;border:2px solid var(--accent-color);color:var(--accent-color);background:transparent;display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:all .3s ease;width:-moz-fit-content;width:fit-content}.reference-content .btn-outline-primary:after{content:"→";font-size:1.2rem;transition:transform .3s ease}.reference-content .btn-outline-primary:hover{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border-color:transparent;transform:translate(5px)}.reference-content .btn-outline-primary:hover:after{transform:translate(5px)}.reference-devices{position:relative;padding:50px 30px;display:flex;align-items:center;justify-content:center;min-height:500px;perspective:1500px}.device-mockup{position:relative;transition:opacity .3s ease,z-index 0s .15s;cursor:pointer}.device-mockup.desktop-mockup{width:100%;max-width:700px;z-index:1;transform:rotateY(-8deg) rotateX(2deg);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}.device-mockup.desktop-mockup .device-frame{position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:16px;padding:12px 12px 40px}.device-mockup.desktop-mockup .device-frame:before{content:"";position:absolute;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;bottom:10px;top:auto;background-color:var(--accent-color)}.device-mockup.desktop-mockup .device-frame .device-screen{position:relative;z-index:2;width:100%;height:auto;border-radius:8px;display:block;-o-object-fit:cover;object-fit:cover;aspect-ratio:16/10}.device-mockup.desktop-mockup:hover .device-frame{border-color:var(--accent-color)}.device-mockup.mobile-mockup{position:absolute;bottom:-20px;right:-10px;width:140px;z-index:2;opacity:1;transform:rotateY(-12deg) rotateX(3deg) translateZ(30px);transform-style:preserve-3d;transition:all .5s cubic-bezier(.4,0,.2,1)}.device-mockup.mobile-mockup .device-frame{position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:15px;padding:5px 5px 8px}.device-mockup.mobile-mockup .device-frame:before{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:40px;height:2px;border-radius:2px;background-color:var(--accent-color)}.device-mockup.mobile-mockup .device-frame .device-screen{width:100%;height:auto;border-radius:12px;display:block;-o-object-fit:cover;object-fit:cover;aspect-ratio:9/19.5}.device-mockup.mobile-mockup:hover .device-frame{border-color:var(--accent-color)}.mockup-lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:10000;pointer-events:none;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.mockup-lightbox-overlay.active{background:#0000004d;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);pointer-events:auto}.mockup-lightbox-info{position:fixed;top:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;z-index:10002;opacity:0;transition:opacity .3s ease .2s;text-align:center}.mockup-lightbox-overlay.active .mockup-lightbox-info{opacity:1}.mockup-lightbox-info .lightbox-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-shadow:0 2px 10px rgba(0,0,0,.5)}.mockup-lightbox-info .lightbox-view-type{font-size:.85rem;color:var(--accent-color);font-weight:600;padding:4px 12px;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mockup-lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);width:50px;height:50px;border:2px solid var(--glass-border);background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;color:var(--text-primary);font-size:1.25rem;cursor:pointer;opacity:0;transition:all .3s ease;z-index:10002;display:flex;align-items:center;justify-content:center}.mockup-lightbox-overlay.active .mockup-lightbox-nav{opacity:1;transition-delay:.2s}.mockup-lightbox-nav:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:translateY(-50%) scale(1.1)}.mockup-lightbox-nav.mockup-lightbox-prev{left:30px}.mockup-lightbox-nav.mockup-lightbox-next{right:30px}.mockup-lightbox-counter{position:fixed;bottom:30px;left:50%;transform:translate(-50%);font-size:.9rem;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--glass-border);border-radius:20px;padding:8px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10002;opacity:0;transition:opacity .3s ease .2s}.mockup-lightbox-overlay.active .mockup-lightbox-counter{opacity:1}.mockup-lightbox-close{position:fixed;top:30px;right:30px;width:50px;height:50px;border:2px solid var(--glass-border);background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;color:var(--text-primary);font-size:1.25rem;cursor:pointer;opacity:0;transform:scale(.8);transition:all .3s ease;z-index:10002;display:flex;align-items:center;justify-content:center}.mockup-lightbox-overlay.active .mockup-lightbox-close{opacity:1;transform:scale(1);transition-delay:.2s}.mockup-lightbox-close:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:scale(1.1)}.mockup-lightbox-clone .device-frame{position:relative;background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mockup-lightbox-clone .device-screen{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.mockup-lightbox-clone.clone-desktop .device-frame{border-radius:16px;padding:6px 6px 20px}.mockup-lightbox-clone.clone-desktop .device-frame:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--accent-color);border-radius:50%;bottom:15px}.mockup-lightbox-clone.clone-desktop .device-frame:after{content:"";position:absolute;bottom:0;left:0;right:0;height:28px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:1px solid var(--glass-border)}.mockup-lightbox-clone.clone-desktop .device-frame .device-screen{border-radius:8px;aspect-ratio:16/10}.mockup-lightbox-clone.clone-mobile .device-frame{border-radius:24px;padding:12px}.mockup-lightbox-clone.clone-mobile .device-frame:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--accent-color);border-radius:2px}.mockup-lightbox-clone.clone-mobile .device-frame .device-screen{border-radius:16px;aspect-ratio:9/19.5}.mockup-lightbox-clone.clone-desktop:not(:has(.device-frame)){background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:16px;padding:8px 8px 28px}.mockup-lightbox-clone.clone-desktop:not(:has(.device-frame)):before{content:"";position:absolute;left:50%;bottom:10px;transform:translate(-50%);width:8px;height:8px;background:var(--accent-color);border-radius:50%;z-index:10}.mockup-lightbox-clone.clone-desktop:not(:has(.device-frame)) .device-screen{border-radius:8px;aspect-ratio:16/10}.mockup-lightbox-clone.clone-mobile:not(:has(.device-frame)){background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:20px;padding:8px}.mockup-lightbox-clone.clone-mobile:not(:has(.device-frame)):before{content:"";position:absolute;top:5px;left:50%;transform:translate(-50%);width:30px;height:3px;background:var(--accent-color);border-radius:2px;z-index:10}.mockup-lightbox-clone.clone-mobile:not(:has(.device-frame)) .device-screen{border-radius:14px;aspect-ratio:9/19.5}.compact-references-section{background:var(--bg-secondary);padding:60px 0}.compact-references-section .row{row-gap:30px!important}.compact-references-section .col-lg-4,.compact-references-section .col-md-6{padding-left:40px;padding-right:40px}.references-cta-section{padding:80px 0}.cta-box{padding:60px;border-radius:30px;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,var(--accent-color) 0%,transparent 70%);opacity:.15;border-radius:50%;animation:ctaFloat 8s ease-in-out infinite}.cta-box>*{position:relative;z-index:1}@keyframes ctaFloat{0%,to{transform:translate(0)}50%{transform:translate(-30px,30px)}}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:15px;color:var(--text-primary)}.cta-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:0;line-height:1.7}.cta-icon{font-size:4rem;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:25px;animation:none}.cta-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:var(--text-primary);margin-bottom:20px}.cta-text{font-size:1.2rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.7}@media(max-width:992px){.references-hero-section{padding:140px 0 80px}.filter-wrapper{flex-direction:column;gap:15px}.stat-number{font-size:2.5rem}.reference-title{font-size:1.5rem}.featured-references-section{padding:60px 0}.reference-showcase-item{margin-bottom:50px}.reference-content{padding:40px 30px}.reference-content .reference-title{font-size:2rem}.reference-devices{min-height:400px;padding:40px 20px}.device-mockup.desktop-mockup{max-width:500px}.device-mockup.mobile-mockup{width:120px;right:-5px;bottom:-10px}.compact-references-section{padding:60px 0}}@media(max-width:768px){.references-hero-section{padding:120px 0 60px}.references-hero-section .references-hero-title{font-size:2.5rem}.references-hero-section .references-hero-subtitle{font-size:1.1rem}.filter-btn{padding:10px 20px;font-size:.9rem}.stat-card{padding:30px 15px}.stat-number{font-size:2rem}.stat-icon{font-size:2.5rem}.cta-box{padding:40px 30px}.cta-box .col-lg-4{text-align:center!important;margin-top:1.5rem}.cta-box .btn{width:100%}.cta-title{font-size:1.75rem}.cta-subtitle{font-size:1rem}.cta-box{padding:60px 30px}.cta-icon{font-size:3rem}.featured-references-section{padding:40px 0}.reference-showcase-item{margin-bottom:80px}.reference-showcase-item .row{flex-direction:column!important}.reference-showcase-item .col-lg-5,.reference-showcase-item .col-lg-7{width:100%}.reference-showcase-item .reference-content-col{order:1!important}.reference-showcase-item .reference-devices-col{order:2!important}.reference-showcase-item .order-lg-1,.reference-showcase-item .order-lg-2{order:unset!important}.reference-showcase-item.content-left .reference-content,.reference-showcase-item.content-right .reference-content{margin:0 15px;padding:25px 20px;position:relative;z-index:2}.reference-showcase-item .reference-devices-col{z-index:1;margin-top:-85px}.reference-content{padding:30px 20px}.reference-content .reference-title{font-size:1.75rem}.reference-content .reference-description{font-size:1rem}.reference-devices{min-height:350px;padding:30px 15px;perspective:800px}.device-mockup.desktop-mockup{max-width:100%;transform:rotateX(8deg) rotateY(0)!important;transform-origin:center bottom}.device-mockup.mobile-mockup{width:100px;position:absolute!important;right:auto!important;left:50%!important;bottom:-5px!important;transform:translate(-50%) rotateX(8deg) rotateY(0) translateZ(30px)!important;transform-origin:center bottom}.compact-references-section{padding:40px 0}.mockup-lightbox-info{top:15px;padding:0 60px}.mockup-lightbox-info .lightbox-title{font-size:1rem}.mockup-lightbox-info .lightbox-view-type{font-size:.75rem}.mockup-lightbox-nav{width:40px;height:40px;font-size:1rem}.mockup-lightbox-nav.mockup-lightbox-prev{left:10px}.mockup-lightbox-nav.mockup-lightbox-next{right:10px}.mockup-lightbox-close{top:15px;right:15px;width:40px;height:40px;font-size:1rem}.mockup-lightbox-counter{bottom:15px;font-size:.8rem;padding:6px 16px}}.portfolio-card{border-radius:20px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:visible}.portfolio-mockups{position:relative;width:calc(100% + 140px);margin-left:-70px;margin-right:-70px;margin-top:-20px;height:280px;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:20px 20px 0 0}.portfolio-desktop{width:80%;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:12px;padding:6px 6px 20px;position:relative;z-index:1;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.portfolio-desktop:before{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--accent-color);border-radius:50%}.portfolio-desktop .device-screen{position:relative;z-index:2;width:100%;height:auto;border-radius:6px;display:block;-o-object-fit:cover;object-fit:cover;aspect-ratio:16/10}.portfolio-desktop:hover{transform:scale(1.02);border-color:var(--accent-color)}.portfolio-mobile{position:absolute;bottom:-15px;right:25px;width:70px;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--glass-border);border-radius:10px;padding:4px;z-index:2;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.portfolio-mobile:before{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--accent-color);border-radius:2px}.portfolio-mobile .device-screen{width:100%;height:auto;border-radius:8px;display:block;-o-object-fit:cover;object-fit:cover;aspect-ratio:9/19.5}.portfolio-mobile:hover{transform:scale(1.02);border-color:var(--accent-color)}.portfolio-content{padding:25px;display:flex;flex-direction:column;gap:12px;flex:1}.portfolio-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0;transition:color .3s ease}.portfolio-card:hover .portfolio-title{color:var(--accent-color)}.portfolio-tags{display:flex;flex-wrap:wrap;gap:6px}.portfolio-tag{padding:4px 10px;background:linear-gradient(135deg,#8a6ab31a,#a689cd1a);border:1px solid rgba(138,106,179,.2);border-radius:15px;font-size:.7rem;font-weight:600;color:var(--accent-color);transition:all .3s ease}.portfolio-card:hover .portfolio-tag{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border-color:transparent}.portfolio-url{color:var(--accent-color);text-decoration:none;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;margin-top:auto;transition:all .3s ease}.portfolio-url:after{content:"→";transition:transform .3s ease}.portfolio-url:hover{color:var(--accent-secondary)}.portfolio-url:hover:after{transform:translate(5px)}