.projects{color:#fff;padding:40px 20px}.projects-title{margin-bottom:30px;font-size:26px;font-weight:700}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.project-card{background:#1a1a1a;border-radius:12px;max-width:600px;max-height:500px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 15px #00000080}.project-card:hover{transform:translateY(-5px)}.project-image img{width:100%;height:auto;display:block}.project-content{padding:20px}.project-content h3{margin:10px 0;font-size:18px}.project-content p{margin-bottom:15px;font-size:14px}.tags{margin-bottom:15px;display:none}.tags span{color:#fff;background:#00f;border-radius:6px;margin:3px;padding:5px 10px;font-size:12px;display:inline-block}.links{gap:20px;display:flex}.icon{color:#fff;font-size:25px;text-decoration:none}.icon:hover{color:#00f;transform:scale(1.2)}.project-meta{flex-direction:row;justify-content:space-between;display:flex}.tech-icons{flex-direction:row;gap:5px;display:flex}.tech-icon img{height:20px}.filters{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.filter-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:25px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.filter-btn:hover{color:#fff;background:#5f62eb}.filter-active{color:#fff;background:#00f;border:2px solid #fff;border-radius:25px;padding:.5rem 1rem;box-shadow:0 4px 10px #0003}@media (min-width:300px){.projects-grid,.filters{grid-template-columns:repeat(1,1fr);padding:5px 10px}}@media (min-width:768px){.projects-grid,.filters{grid-template-columns:repeat(2,1fr);padding:15px 20px}.icon{font-size:20px}.tech-icons{height:15px}}@media (min-width:1024px){.projects-grid,.filters{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}