main.svelte-rqn88j{min-height:100vh;padding:60px 0 100px;background:#f8f9fa}.container.svelte-rqn88j{max-width:1300px;margin:0 auto;padding:0 24px}.page-header.svelte-rqn88j{text-align:center;margin-bottom:60px;position:relative}.page-header.svelte-rqn88j h1:where(.svelte-rqn88j){font-size:3rem;font-weight:700;margin:0 0 16px;color:#000}.page-header.svelte-rqn88j p:where(.svelte-rqn88j){font-size:1.1rem;color:#6b7280;margin:0}.filter-section.svelte-rqn88j{margin-bottom:60px;display:flex;justify-content:center}.filter-slider.svelte-rqn88j{display:flex;gap:8px;background:#fff;padding:6px;border-radius:24px;border:2px solid #000000;overflow-x:auto;box-shadow:4px 4px #000}.filter-btn.svelte-rqn88j{padding:10px 20px;background:#fff;color:#000;border:2px solid #000000;border-radius:20px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.filter-btn.svelte-rqn88j:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:2px 2px #000}.filter-btn.active.svelte-rqn88j{background:#17f1d1;color:#000;font-weight:600;border-color:#000;box-shadow:3px 3px #000;transform:translate(-1px,-1px)}.projects-grid.svelte-rqn88j{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:32px;margin-bottom:80px}.project-card.svelte-rqn88j{background:#fff;border-radius:16px;overflow:hidden;border:2px solid #000000;transition:all .2s ease,opacity .3s ease,transform .3s ease,max-height .3s ease;animation:svelte-rqn88j-fadeInUp .6s ease forwards;opacity:0;transform:translateY(30px);animation-delay:calc(var(--card-index) * .08s);position:relative;cursor:pointer;box-shadow:4px 4px #000}.project-card.hidden.svelte-rqn88j{opacity:0!important;pointer-events:none;max-height:0;margin:0;padding:0;border:none;box-shadow:none;overflow:hidden;transform:scale(.95)}.project-card.svelte-rqn88j:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.project-card.svelte-rqn88j:focus-visible{outline:3px solid rgba(23,241,209,1);outline-offset:2px}.project-thumbnail.svelte-rqn88j{height:220px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;position:relative}.project-thumbnail.loading.svelte-rqn88j{background:#e5e7eb}.thumbnail-skeleton.svelte-rqn88j{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:svelte-rqn88j-shimmer 1.5s infinite}@keyframes svelte-rqn88j-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.project-thumbnail.svelte-rqn88j img:where(.svelte-rqn88j){width:100%;height:100%;object-fit:cover;transition:transform .5s ease;opacity:0}.project-thumbnail.svelte-rqn88j img.loaded:where(.svelte-rqn88j){opacity:1;transition:opacity .3s ease,transform .5s ease}.project-card.svelte-rqn88j:hover .project-thumbnail:where(.svelte-rqn88j) img:where(.svelte-rqn88j){transform:scale(1.05)}.project-content.svelte-rqn88j{padding:28px;position:relative}.project-meta.svelte-rqn88j{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.project-date.svelte-rqn88j{color:#9ca3af;font-size:.9rem;font-weight:500;margin-right:auto}.project-categories.svelte-rqn88j{display:flex;flex-wrap:wrap;gap:8px}.project-category.svelte-rqn88j{background:#fff;color:#b087ff;padding:6px 14px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:none;white-space:nowrap;border:1px solid rgba(176,135,255,1)}.project-name.svelte-rqn88j{font-size:1.5rem;font-weight:600;margin:0 0 14px;color:#000;line-height:1.3}.project-tagline.svelte-rqn88j{margin:0 0 16px;color:#6b7280;font-size:1rem;font-weight:400;line-height:1.6}.project-tagline.svelte-rqn88j strong,.project-tagline.svelte-rqn88j em{color:inherit}.project-name.svelte-rqn88j a{color:#17f1d1;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}.project-name.svelte-rqn88j a:hover{color:#b087ff;text-decoration-thickness:2px}.project-name.svelte-rqn88j a:focus-visible{outline:2px solid rgba(23,241,209,1);outline-offset:2px;border-radius:2px}.project-links.svelte-rqn88j{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.project-link.svelte-rqn88j{display:inline-flex;align-items:center;gap:6px;color:#000;text-decoration:none;font-weight:600;transition:all .2s ease;padding:6px 12px;border:2px solid #000000;border-radius:8px;background:#fff}.project-link.svelte-rqn88j:hover{background:#b087ff;gap:8px;transform:translate(-1px,-1px);box-shadow:2px 2px #000}.project-modal-backdrop.svelte-rqn88j{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;padding:40px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;animation:svelte-rqn88j-backdropFadeIn .3s ease}@keyframes svelte-rqn88j-backdropFadeIn{0%{opacity:0}to{opacity:1}}.project-modal.svelte-rqn88j{position:relative;max-width:800px;width:100%;max-height:100%;overflow-y:auto;background:#fff;border:3px solid #000000;border-radius:20px;padding:48px;box-shadow:8px 8px #000;animation:svelte-rqn88j-modalSlideIn .3s ease}@keyframes svelte-rqn88j-modalSlideIn{0%{opacity:0;transform:translate(-4px,-4px)}to{opacity:1;transform:translate(0)}}.modal-close.svelte-rqn88j{position:absolute;top:20px;right:20px;background:#ffd074;border:2px solid #000000;color:#000;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;line-height:1;font-weight:700;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px #000;z-index:1001}.modal-close.svelte-rqn88j:hover,.modal-close.svelte-rqn88j:focus-visible{background:#17f1d1;outline:none;transform:translate(-1px,-1px);box-shadow:3px 3px #000}.project-modal-thumbnail.svelte-rqn88j{width:100%;height:clamp(320px,60vh,520px);max-height:65vh;overflow:hidden;border-radius:12px;background:#f3f4f6;margin-bottom:32px;display:flex;align-items:center;justify-content:center;border:2px solid #000000;position:relative}.project-modal-thumbnail.loading.svelte-rqn88j{background:#e5e7eb}.project-modal-thumbnail.svelte-rqn88j img:where(.svelte-rqn88j){width:100%;height:100%;object-fit:cover;opacity:0}.project-modal-thumbnail.svelte-rqn88j img.loaded:where(.svelte-rqn88j){opacity:1;transition:opacity .3s ease}.project-modal-meta.svelte-rqn88j{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.project-modal-name.svelte-rqn88j{font-size:2.5rem;font-weight:700;margin:0 0 24px;color:#000;line-height:1.2}.project-modal-description.svelte-rqn88j{color:#4b5563;line-height:1.8;margin-bottom:32px;font-size:1.1rem}.project-modal-description.svelte-rqn88j p{margin:0 0 16px}.project-modal-description.svelte-rqn88j ul,.project-modal-description.svelte-rqn88j ol{margin:0 0 16px 1.25rem;padding:0}.project-modal-description.svelte-rqn88j li{margin-bottom:6px}.project-links.modal.svelte-rqn88j{margin-top:32px}.external-icon.svelte-rqn88j{transition:transform .2s ease;font-size:.9rem}.project-link.svelte-rqn88j:hover .external-icon:where(.svelte-rqn88j){transform:translate(2px,-2px)}.empty-state.svelte-rqn88j{text-align:center;padding:80px 24px;color:#6b7280}.empty-state.svelte-rqn88j h3:where(.svelte-rqn88j){font-size:1.8rem;margin-bottom:16px;color:#000}@keyframes svelte-rqn88j-fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){main.svelte-rqn88j{padding:40px 0 80px}.page-header.svelte-rqn88j{margin-bottom:40px}.page-header.svelte-rqn88j h1:where(.svelte-rqn88j){font-size:2.5rem}.page-header.svelte-rqn88j p:where(.svelte-rqn88j){font-size:1.1rem}.projects-grid.svelte-rqn88j{grid-template-columns:1fr;gap:24px}.filter-slider.svelte-rqn88j{width:100%;overflow-x:auto;padding:10px}.project-card.svelte-rqn88j{margin:0 4px}.project-modal-thumbnail.svelte-rqn88j{height:clamp(240px,50vh,380px);max-height:55vh}.project-modal.svelte-rqn88j{padding:32px 24px;margin:20px}.project-modal-name.svelte-rqn88j{font-size:2rem}.container.svelte-rqn88j{padding:0 20px}}