@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:3s infinite shimmer}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:3rem;padding:0 1rem;display:flex}.filter-button{letter-spacing:.025em;cursor:pointer;border:2px solid #0000;border-radius:.75rem;min-width:44px;min-height:44px;padding:.75rem 2rem;font-size:.875rem;font-weight:700;transition:all .3s}.filter-button[data-active=false]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#374151;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-color:#3b82f633}.filter-button[data-active=false]:hover{color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#22d3ee1a);border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.filter-button[data-active=true]{color:#fff;background:linear-gradient(135deg,#3b82f6,#22d3ee);box-shadow:0 10px 25px #3b82f64d}.filter-button[data-active=true]:hover{background:linear-gradient(135deg,#2563eb,#06b6d4);transform:translateY(-2px);box-shadow:0 12px 30px #3b82f666}.portfolio-swiper .swiper-button-next,.portfolio-swiper .swiper-button-prev{background:#ffffff4d;border:2px solid #ffffff80;border-radius:50%;width:50px;height:50px;transition:all .3s;box-shadow:0 4px 12px #0000001a}.portfolio-swiper .swiper-button-next:hover,.portfolio-swiper .swiper-button-prev:hover{background:#3b82f680;border-color:#3b82f6b3;transform:scale(1.1);box-shadow:0 8px 20px #3b82f64d}.portfolio-swiper .swiper-button-next:after,.portfolio-swiper .swiper-button-prev:after{color:#3b82f6;font-size:20px;font-weight:700}.portfolio-swiper .swiper-button-next:hover:after,.portfolio-swiper .swiper-button-prev:hover:after{color:#fff}.portfolio-swiper .swiper-pagination-bullet{opacity:1;background:#cbd5e1;width:12px;height:12px;transition:all .3s}.portfolio-swiper .swiper-pagination-bullet-active{background:linear-gradient(135deg,#3b82f6 0%,#22d3ee 100%);border-radius:6px;width:32px;box-shadow:0 0 10px #3b82f680}