.showcase-section{position:relative;padding:2rem 1rem;min-height:100vh;overflow:hidden;outline:none}.showcase-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.bg-gradient-1{top:-20%;right:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(86,81,229,.08) 0,transparent 70%)}.bg-gradient-1,.bg-gradient-2{position:absolute;border-radius:50%}.bg-gradient-2{bottom:-10%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(44,86,148,.08) 0,transparent 70%)}.bg-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(86,81,229,.03) 1px,transparent 0);background-size:30px 30px}.showcase-container{position:relative;z-index:1;max-width:1400px;margin:0 auto}.showcase-header{text-align:center;margin-bottom:2.5rem}.showcase-label{display:inline-block;padding:.5rem 1.25rem;background:linear-gradient(135deg,#5651e5,#2c5694);color:white;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;border-radius:50px;margin-bottom:1rem}.showcase-title{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin-bottom:.75rem;line-height:1.2}.showcase-subtitle{font-size:.95rem;color:#64748b;max-width:500px;margin:0 auto;line-height:1.6}.category-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:0 .5rem}.filter-btn{position:relative;padding:.6rem 1.25rem;font-size:.85rem;font-weight:500;color:#64748b;background:transparent;border:2px solid #e2e8f0;border-radius:50px;cursor:pointer;transition:all .3s ease;overflow:hidden}.filter-btn:hover{color:#5651e5;border-color:#5651e5}.filter-btn.active{color:white;border-color:transparent}.filter-indicator{position:absolute;inset:0;background:linear-gradient(135deg,#5651e5,#2c5694);border-radius:50px;z-index:-1}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.5rem}.project-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;background:white;box-shadow:0 4px 15px rgba(0,0,0,.08);transition:box-shadow .3s ease}.project-card:hover{box-shadow:0 15px 30px rgba(86,81,229,.15)}.card-image-wrapper{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden}.card-image{object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.project-card:hover .card-image{transform:scale(1.08)}.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(26,26,46,.95) 0,rgba(86,81,229,.4) 50%,transparent);display:flex;align-items:flex-end;padding:1rem}.card-content{color:white;width:100%}.card-title{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.card-description{font-size:.75rem;opacity:.9;margin-bottom:.5rem;line-height:1.4}.card-cta{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#a5b4fc}.card-cta:after{content:"→";transition:transform .3s ease}.project-card:hover .card-cta:after{transform:translateX(4px)}.card-badge{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);color:#5651e5;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:50px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.showcase-stats{gap:1.5rem;margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px;border:1px solid rgba(86,81,229,.1)}.showcase-stats,.stat-item{display:flex;flex-direction:column;align-items:center}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#5651e5,#2c5694);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{font-size:.85rem;color:#64748b;margin-top:.5rem;font-weight:500}.stat-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent)}.lightbox-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;padding:1rem}.lightbox-content{position:relative;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column}.lightbox-close{position:absolute;top:-3rem;right:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:none;border-radius:50%;color:white;font-size:1.25rem;cursor:pointer;transition:all .3s ease;z-index:10}.lightbox-close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:none;border-radius:50%;color:white;font-size:1.25rem;cursor:pointer;transition:all .3s ease;z-index:10}.lightbox-nav:hover:not(:disabled){background:rgba(255,255,255,.2)}.lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.lightbox-prev{left:-4rem}.lightbox-next{right:-4rem}.lightbox-image-wrapper{position:relative;width:100%;aspect-ratio:16/10;border-radius:12px;overflow:hidden}.lightbox-image-container{position:relative;width:100%;height:100%}.lightbox-image{object-fit:contain}.lightbox-info{text-align:center;color:white;margin-top:1.5rem}.lightbox-info h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.lightbox-info p{font-size:.9rem;opacity:.8}.lightbox-counter{display:inline-block;margin-top:1rem;padding:.4rem 1rem;background:rgba(255,255,255,.1);border-radius:50px;font-size:.8rem}@media (min-width:640px){.showcase-section{padding:5rem 2rem}.showcase-title{font-size:2.25rem}.showcase-subtitle{font-size:1rem}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.showcase-stats{flex-direction:row;justify-content:center;gap:3rem;padding:2.5rem}.stat-divider{width:2px;height:50px;background:linear-gradient(180deg,transparent,#e2e8f0,transparent)}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}}@media (min-width:1024px){.showcase-section{padding:6rem 3rem}.showcase-header{margin-bottom:3rem}.showcase-title{font-size:2.75rem}.showcase-subtitle{font-size:1.1rem;max-width:600px}.category-filters{gap:.75rem;margin-bottom:3rem}.filter-btn{padding:.75rem 1.5rem;font-size:.9rem}.projects-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}.card-title{font-size:1rem}.card-description{font-size:.8rem}.showcase-stats{gap:5rem;margin-top:4rem;padding:3rem}.stat-number{font-size:3rem}.stat-label{font-size:.95rem}.lightbox-close{top:1rem;right:1rem}}@media (min-width:1280px){.showcase-section{padding:8rem 4rem}.showcase-title{font-size:3rem}.projects-grid{gap:2.5rem}.project-card{border-radius:20px}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.card-image,.filter-btn{transition:none}}.filter-btn:focus-visible{outline:2px solid #5651e5;outline-offset:2px}.project-card:focus-visible{outline:3px solid #5651e5;outline-offset:3px}.lightbox-close:focus-visible,.lightbox-nav:focus-visible{outline:2px solid white;outline-offset:2px}