.hero-bg{background:linear-gradient(90deg,rgba(43,92,230,.9) 0%,rgba(43,92,230,.7) 50%,rgba(43,92,230,0) 100%)}.count-up{display:inline-block}.tab-content{display:none !important}.tab-content.active{display:grid !important}.tech-tab-btn.active{background-color:rgba(43,92,230,.1) !important;color:#2b5ce6 !important}.tech-item{position:relative}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-image{transition:opacity .3s ease-in-out}.project-image:not(.loaded){opacity:.7}.project-image.loaded{opacity:1}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1)infinite}.pagination-btn{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid transparent}.pagination-btn:hover{border-color:#e5e7eb}.pagination-btn.active{border-color:#2b5ce6}#category-filter{min-width:200px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:36px;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media(max-width:640px){#category-filter{min-width:100%}}.group:hover .project-image{transform:scale(1.05)}.loading-card{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}@media(max-width:768px){#projects-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}@media(min-width:769px) and (max-width:1024px){#projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1025px) and (max-width:1280px){#projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}#category-filter:focus{outline:none;ring:2px;ring-color:rgba(43,92,230,.5);border-color:#2b5ce6}.tech-tag{background-color:rgba(43,92,230,.1);color:#2b5ce6;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;font-weight:500}