.works-page[data-v-e3fc35b5]{color:#fff;margin:0 auto;max-width:1200px;padding:100px 10%}.header-area[data-v-e3fc35b5]{margin-bottom:50px;text-align:center}.title[data-v-e3fc35b5]{color:#fff;font-size:4rem;margin:0;text-shadow:2px 2px 0 var(--accent-pink)}.subtitle[data-v-e3fc35b5]{color:#ccc;margin-top:10px}.filter-buttons[data-v-e3fc35b5]{display:flex;gap:20px;justify-content:center;margin-top:30px}button[data-v-e3fc35b5]{background:transparent;border:1px solid hsla(0,0%,100%,.3);border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:10px 30px;transition:.3s}button.active[data-v-e3fc35b5],button[data-v-e3fc35b5]:hover{background:#fff;color:#000;transform:scale(1.05)}.grid[data-v-e3fc35b5]{display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card[data-v-e3fc35b5]{background:#ffffff08;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;color:#fff;display:block;overflow:hidden;position:relative;text-decoration:none;transition:all .4s ease}.card.programming[data-v-e3fc35b5]:hover{border-color:var(--accent-cyan);box-shadow:0 10px 30px #08d9d633}.card.creative[data-v-e3fc35b5]:hover{border-color:var(--accent-pink);box-shadow:0 10px 30px #ff2e6333}.card[data-v-e3fc35b5]:hover{transform:translateY(-10px)}.card-image[data-v-e3fc35b5]{height:200px;overflow:hidden;position:relative}.card-image img[data-v-e3fc35b5]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s;width:100%}.card:hover .card-image img[data-v-e3fc35b5]{transform:scale(1.1)}.category-badge[data-v-e3fc35b5]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border:1px solid hsla(0,0%,100%,.2);border-radius:20px;font-size:.8rem;font-weight:700;padding:5px 12px;position:absolute;right:15px;top:15px}.card.programming .category-badge[data-v-e3fc35b5]{border-color:var(--accent-cyan);color:var(--accent-cyan)}.card.creative .category-badge[data-v-e3fc35b5]{border-color:var(--accent-pink);color:var(--accent-pink)}.card-content[data-v-e3fc35b5]{padding:25px}.date[data-v-e3fc35b5]{color:#888;display:block;font-size:.85rem;margin-bottom:5px}.work-title[data-v-e3fc35b5]{font-size:1.3rem;line-height:1.4;margin:0 0 10px}.desc[data-v-e3fc35b5]{color:#ccc;font-size:.9rem;line-height:1.6;margin-bottom:20px}.tags[data-v-e3fc35b5]{display:flex;flex-wrap:wrap;gap:8px}.mini-tag[data-v-e3fc35b5]{background:#ffffff1a;border-radius:4px;color:#ddd;font-size:.75rem;padding:3px 8px}.back-link[data-v-e3fc35b5]{color:var(--accent-cyan);font-weight:700;text-decoration:underline}@media(max-width:768px){.grid[data-v-e3fc35b5]{grid-template-columns:1fr}}