.project-card[data-v-68187621]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.project-card[data-v-68187621]:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark-mode .project-card[data-v-68187621]:hover{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.project-image[data-v-68187621]{background:var(--bg-elevated);justify-content:center;align-items:center;height:12rem;display:flex;position:relative;overflow:hidden}.project-image-placeholder[data-v-68187621]{opacity:.2;font-size:2.25rem;font-weight:700;transition:transform .5s;transform:scale(1)}.project-card:hover .project-image-placeholder[data-v-68187621]{transform:scale(1.1)}.project-actions[data-v-68187621]{opacity:0;gap:.5rem;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:1rem;right:1rem;transform:translateY(.5rem)}.project-card:hover .project-actions[data-v-68187621]{opacity:1;transform:translateY(0)}.demo-btn[data-v-68187621]{background:var(--bg-surface);color:var(--text-primary);border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.demo-btn[data-v-68187621]:hover{transform:scale(1.05)}.project-content[data-v-68187621]{flex-direction:column;flex:1;padding:1.5rem;display:flex}.project-header[data-v-68187621]{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.project-name[data-v-68187621]{margin:0;font-size:1.25rem;font-weight:700}.project-stats[data-v-68187621]{color:var(--text-muted);gap:.75rem;font-size:.875rem;display:flex}.stat-item[data-v-68187621]{align-items:center;gap:.25rem;display:flex}.project-desc[data-v-68187621]{color:var(--text-secondary);flex:1;margin:0 0 1rem;font-size:.875rem;line-height:1.5}.project-footer[data-v-68187621]{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.project-stack[data-v-68187621]{gap:.5rem;display:flex}.tech-dot[data-v-68187621]{border-radius:9999px;width:.5rem;height:.5rem}.tech-vue[data-v-68187621]{background:#10b981}.tech-react[data-v-68187621]{background:#3b82f6}.tech-ts[data-v-68187621]{background:#2563eb}.tech-vite[data-v-68187621]{background:#06b6d4}.tech-node[data-v-68187621]{background:#16a34a}.tech-less[data-v-68187621]{background:#fb923c}.tech-java[data-v-68187621]{background:#f59e0b}.tech-default[data-v-68187621]{background:#9ca3af}.project-link[data-v-68187621]{color:var(--brand-500);align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.project-link[data-v-68187621]:hover{color:var(--brand-600)}.projects-page[data-v-bdf02005]{-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s;display:flex}.dark-mode[data-v-bdf02005],.light-mode[data-v-bdf02005]{background-color:var(--bg-main);color:var(--text-primary)}.main-content[data-v-bdf02005]{flex:1;width:100%;max-width:72rem;margin:0 auto;padding:6rem 1rem 4rem;animation:.5s ease-out slideUp-bdf02005}@media (width>=640px){.main-content[data-v-bdf02005]{padding-left:1.5rem;padding-right:1.5rem}}@media (width>=1024px){.main-content[data-v-bdf02005]{padding-left:2rem;padding-right:2rem}}.projects-header[data-v-bdf02005]{margin-bottom:2.5rem}.projects-title[data-v-bdf02005]{margin:0 0 1rem;font-size:1.875rem;font-weight:700}.projects-desc[data-v-bdf02005]{color:var(--text-secondary);margin:0}.projects-grid[data-v-bdf02005]{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.projects-grid[data-v-bdf02005]{grid-template-columns:repeat(2,1fr)}}@keyframes slideUp-bdf02005{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-v-bdf02005]::-webkit-scrollbar{width:8px}[data-v-bdf02005]::-webkit-scrollbar-track{background:0 0}[data-v-bdf02005]::-webkit-scrollbar-thumb{background-color:#3f3f46;border-radius:4px}[data-v-bdf02005]::-webkit-scrollbar-thumb:hover{background-color:#52525b}[data-v-bdf02005]::selection{background:var(--brand-500);color:#fff}