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