.projects-container[data-v-b72bfff7]{max-width:900px;margin:0 auto;padding:2rem 1rem}.page-title[data-v-b72bfff7]{font-size:2.5rem;margin-bottom:2rem;position:relative;display:block;text-align:center;width:100%}.page-title[data-v-b72bfff7]:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60%;height:3px;background-color:var(--primary-color)}.page-subtitle[data-v-b72bfff7]{font-size:1.2rem;color:var(--text-color-secondary)}.filter-section[data-v-b72bfff7]{margin-bottom:2rem}.tags-filter[data-v-b72bfff7]{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem 1rem}.filter-tag[data-v-b72bfff7]{background:none;border:1px solid var(--border-color);color:var(--text-color);padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:all .3s}.filter-tag[data-v-b72bfff7]:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-tag.active[data-v-b72bfff7]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.projects-grid[data-v-b72bfff7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.project-card[data-v-b72bfff7]{background-color:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px var(--shadow-color);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;height:100%;animation:fadeIn-b72bfff7 .5s ease-out forwards;text-decoration:none;color:var(--text-color);cursor:pointer}.project-card[data-v-b72bfff7]:hover{transform:translateY(-5px);box-shadow:0 8px 15px var(--shadow-color)}.project-image[data-v-b72bfff7]{width:100%;min-height:120px;overflow:hidden;background-color:#f0f0f0;position:relative;display:flex;align-items:center;justify-content:center}.dark-mode .project-image[data-v-b72bfff7]{background-color:#2a2a2a}.project-image img[data-v-b72bfff7]{width:100%;height:auto;display:block;transition:transform .5s}.project-image-placeholder[data-v-b72bfff7]{width:100%;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--card-bg);border-bottom:1px solid var(--border-color)}.project-icon[data-v-b72bfff7]{font-size:2.5rem;margin-bottom:.5rem}.project-type[data-v-b72bfff7]{font-size:.9rem;color:var(--text-color-secondary);font-weight:500}.project-card:hover .project-image img[data-v-b72bfff7]{transform:scale(1.05)}.project-content[data-v-b72bfff7]{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.project-title[data-v-b72bfff7]{font-size:1.4rem;margin:0 0 1rem;color:var(--primary-color)}.project-description[data-v-b72bfff7]{margin-bottom:1.5rem;flex-grow:1;line-height:1.6}.project-tech[data-v-b72bfff7]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag[data-v-b72bfff7]{background-color:var(--border-color);color:var(--text-color);padding:.2rem .6rem;border-radius:4px;font-size:.8rem}@keyframes fadeIn-b72bfff7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.github-info[data-v-b72bfff7]{display:flex;justify-content:center;align-items:center;margin-top:1.5rem;gap:1rem}.github-link[data-v-b72bfff7],.refresh-btn[data-v-b72bfff7]{display:flex;align-items:center;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .3s;cursor:pointer;height:40px;box-sizing:border-box;min-width:120px;justify-content:center}.github-link[data-v-b72bfff7]{color:var(--primary-color);border:1px solid var(--primary-color)}.github-link[data-v-b72bfff7]:hover{background-color:var(--primary-color);color:#fff}.github-icon[data-v-b72bfff7]{margin-right:.5rem;font-size:1.2rem}.refresh-btn[data-v-b72bfff7]{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color)}.refresh-btn[data-v-b72bfff7]:hover:not(.disabled){border-color:var(--primary-color);color:var(--primary-color)}.refresh-btn.disabled[data-v-b72bfff7]{opacity:.5;cursor:not-allowed}.github-link i[data-v-b72bfff7],.refresh-btn span[data-v-b72bfff7]{margin-right:.5rem}.loading-container[data-v-b72bfff7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.loading-spinner[data-v-b72bfff7]{font-size:2rem;color:var(--primary-color);margin-bottom:1rem;text-align:center}.error-container[data-v-b72bfff7]{background-color:#ff00001a;color:#f33;padding:1.5rem;border-radius:8px;text-align:center;margin-bottom:2rem}.no-projects[data-v-b72bfff7]{text-align:center;padding:3rem;background-color:var(--card-bg);border-radius:8px;margin-bottom:2rem}.suggestion[data-v-b72bfff7]{font-style:italic;color:var(--text-color-secondary);margin-top:1rem}@media (max-width: 768px){.projects-grid[data-v-b72bfff7]{grid-template-columns:1fr}.tags-filter[data-v-b72bfff7]{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:.5rem 0;gap:.8rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tags-filter[data-v-b72bfff7]::-webkit-scrollbar{display:none}.filter-tag[data-v-b72bfff7]{flex-shrink:0;white-space:nowrap;min-width:auto;padding:.6rem 1.2rem;font-size:.9rem}.github-info[data-v-b72bfff7]{flex-direction:column}}