.project-card[data-v-a836fe72]{border-radius:12px;overflow:hidden;box-shadow:0 10px 20px var(--theme-shadow);transition:transform .3s ease,box-shadow .3s ease;background-color:var(--theme-surface);height:100%;display:flex;flex-direction:column}.project-card[data-v-a836fe72]:hover{transform:translateY(-5px);box-shadow:0 15px 30px var(--theme-shadow)}.dark-mode.project-card[data-v-a836fe72]{background-color:var(--theme-dark-surface);box-shadow:0 10px 20px var(--theme-dark-shadow)}.project-image[data-v-a836fe72]{position:relative;overflow:hidden;padding-top:56.25%}.project-image img[data-v-a836fe72]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img[data-v-a836fe72]{transform:scale(1.05)}.project-overlay[data-v-a836fe72]{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f122699;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay[data-v-a836fe72]{opacity:1}.project-links[data-v-a836fe72]{display:flex;gap:10px}.project-content[data-v-a836fe72]{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-categories[data-v-a836fe72]{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.5rem}.project-category[data-v-a836fe72]{display:inline-flex;align-items:center;padding:.18rem .55rem;border:1px solid var(--theme-primary-soft);border-radius:999px;color:var(--theme-primary);font-size:.72rem;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:0}.dark-mode .project-category[data-v-a836fe72]{color:var(--theme-dark-primary)}.project-title[data-v-a836fe72]{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.project-description[data-v-a836fe72]{color:var(--theme-text-muted);font-size:.9rem;line-height:1.6;margin-bottom:1rem;flex-grow:1}.dark-mode .project-description[data-v-a836fe72]{color:var(--theme-dark-text-muted)}.project-tech[data-v-a836fe72]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tech-badge[data-v-a836fe72]{background-color:var(--theme-primary-soft);color:var(--theme-primary);padding:.25rem .5rem;border-radius:20px;font-size:.75rem;font-weight:600}.dark-mode .tech-badge[data-v-a836fe72]{background-color:var(--theme-dark-primary-soft);color:var(--theme-dark-primary)}.live-demo-button[data-v-a836fe72]{background-color:var(--theme-primary);color:#fff;border:2px solid var(--theme-primary);border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.live-demo-button[data-v-a836fe72]:hover{background-color:var(--theme-primary-hover);border-color:var(--theme-primary-hover);color:#fff}.dark-mode .live-demo-button[data-v-a836fe72]{background-color:var(--theme-dark-primary);color:#181b2c;border-color:var(--theme-dark-primary)}.dark-mode .live-demo-button[data-v-a836fe72]:hover{background-color:var(--theme-dark-primary-hover);border-color:var(--theme-dark-primary-hover);color:#181b2c}.code-button[data-v-a836fe72]{background-color:transparent;color:#fff;border:2px solid white;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.code-button[data-v-a836fe72]:hover{background-color:#fff3;color:#fff;border-color:#fff}.dark-mode .code-button[data-v-a836fe72]{color:var(--theme-dark-text);border-color:var(--theme-dark-text)}.dark-mode .code-button[data-v-a836fe72]:hover{background-color:#f8f8f233;color:var(--theme-dark-text);border-color:var(--theme-dark-text)}