.project-card[data-v-387a17b5]{border-radius:12px;overflow:hidden;box-shadow:0 10px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;background-color:#fff;height:100%;display:flex;flex-direction:column}.project-card[data-v-387a17b5]:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.dark-mode.project-card[data-v-387a17b5]{background-color:#2c2c44;box-shadow:0 10px 20px #0000004d}.project-image[data-v-387a17b5]{position:relative;overflow:hidden;padding-top:56.25%}.project-image img[data-v-387a17b5]{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-387a17b5]{transform:scale(1.05)}.project-overlay[data-v-387a17b5]{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay[data-v-387a17b5]{opacity:1}.project-links[data-v-387a17b5]{display:flex;gap:10px}.project-content[data-v-387a17b5]{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-category[data-v-387a17b5]{color:#9d4edd;font-size:.875rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.dark-mode .project-category[data-v-387a17b5]{color:#bd93f9}.project-title[data-v-387a17b5]{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.project-description[data-v-387a17b5]{color:#666;font-size:.9rem;line-height:1.6;margin-bottom:1rem;flex-grow:1}.dark-mode .project-description[data-v-387a17b5]{color:#d1d1e0}.project-tech[data-v-387a17b5]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tech-badge[data-v-387a17b5]{background-color:#9d4edd1a;color:#9d4edd;padding:.25rem .5rem;border-radius:20px;font-size:.75rem;font-weight:600}.dark-mode .tech-badge[data-v-387a17b5]{background-color:#bd93f933;color:#bd93f9}.live-demo-button[data-v-387a17b5]{background-color:#9d4edd;color:#fff;border:2px solid #9d4edd;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-387a17b5]:hover{background-color:#7b2cbf;border-color:#7b2cbf;color:#fff}.dark-mode .live-demo-button[data-v-387a17b5]{background-color:#bd93f9;color:#282a36;border-color:#bd93f9}.dark-mode .live-demo-button[data-v-387a17b5]:hover{background-color:#a68dfc;border-color:#a68dfc;color:#282a36}.code-button[data-v-387a17b5]{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-387a17b5]:hover{background-color:#fff3;color:#fff;border-color:#fff}.dark-mode .code-button[data-v-387a17b5]{color:#f8f8f2;border-color:#f8f8f2}.dark-mode .code-button[data-v-387a17b5]:hover{background-color:#f8f8f233;color:#f8f8f2;border-color:#f8f8f2}