.c-btn[data-v-a67826d2]{align-items:center;background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:10px 16px}.c-btn[data-v-a67826d2],.c-btn .icon[data-v-a67826d2]{transition:all .3s ease}.c-btn[data-v-a67826d2]:hover{background-color:#fff;color:#000}.projects-container[data-v-6a7f27d7]{display:grid;gap:20px 40px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1400px;padding:25px}.project-card[data-v-6a7f27d7]{align-items:center;background-color:#18181a;border-radius:16px;display:flex;flex-direction:column;margin:0 auto;max-width:450px;overflow:hidden;width:100%}.project-img[data-v-6a7f27d7]{background-color:#202022;height:180px;-o-object-fit:cover;object-fit:cover;width:100%}.coding[data-v-6a7f27d7]{color:#5dade2}.project-info[data-v-6a7f27d7]{padding:16px;text-align:center}.explain[data-v-6a7f27d7]{color:#fff;font-size:1rem;margin-bottom:8px}.coding[data-v-6a7f27d7]{color:#7c27fd;font-size:.9rem;font-weight:600}.tools-project[data-v-6a7f27d7]{margin-top:40px;text-align:center}.tools-project h1[data-v-6a7f27d7]{color:#0ff;font-size:2.5rem;margin-bottom:10px}.tools-project p[data-v-6a7f27d7]{color:#fff;font-size:1.2rem;margin-bottom:30px}.icons[data-v-6a7f27d7]{display:flex;gap:25px;justify-content:center}.icons[data-v-6a7f27d7]>*{cursor:pointer;transition:transform .2s ease}.icons[data-v-6a7f27d7]>:hover{transform:scale(1.1)}.icon-btn[data-v-6a7f27d7]{align-items:center;background-color:#101012;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:10px 16px;transition:all .3s ease}.icon-btn[data-v-6a7f27d7]:hover{background-color:#fff;color:#101012}.icon-btn svg[data-v-6a7f27d7]{transition:all .3s ease}.demo-link[data-v-6a7f27d7]{background:linear-gradient(90deg,#7c27fd,#5dade2);border-radius:12px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-top:12px;padding:8px 16px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.demo-link[data-v-6a7f27d7]:hover{box-shadow:0 6px 12px #7d27fd66;transform:scale(1.05)}@media(max-width:1024px){.projects-container[data-v-6a7f27d7]{gap:20px 30px;grid-template-columns:repeat(2,1fr)}.project-card[data-v-6a7f27d7]{max-width:380px}}@media(max-width:768px){.projects-container[data-v-6a7f27d7]{gap:20px 25px;grid-template-columns:repeat(1,1fr);padding:15px}.project-card[data-v-6a7f27d7]{max-width:90%}}