.reveal[data-astro-cid-t7fxibdx]{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.reveal[data-astro-cid-t7fxibdx].is-visible{opacity:1;transform:translateY(0)}.reveal-delay[data-astro-cid-t7fxibdx]{transition-delay:.12s}@media (prefers-reduced-motion: reduce){.reveal[data-astro-cid-t7fxibdx]{opacity:1;transform:none;transition:none}}.project-filter[data-astro-cid-ukccgabv]{white-space:nowrap;border-radius:9999px;padding:.7rem 1rem;font-size:.8125rem;font-weight:500;line-height:1;color:#475569;background:#ffffffb3;border:1px solid rgba(226,232,240,.8);transition:all .2s ease}.project-filter[data-astro-cid-ukccgabv]:hover{color:#0f172a;border-color:#cbd5e1;background:#fff}.project-filter[data-astro-cid-ukccgabv].active{color:#fff;background:#2563eb;border-color:#2563eb}.mobile-project-filter[data-astro-cid-ukccgabv]{display:block;width:100%;border-radius:10px;padding:.7rem .75rem;text-align:left;font-size:.8125rem;font-weight:500;color:#475569;transition:all .2s ease}.mobile-project-filter[data-astro-cid-ukccgabv]:hover{background:#f1f5f9;color:#0f172a}.mobile-project-filter[data-astro-cid-ukccgabv].active{background:#eff6ff;color:#2563eb;font-weight:600}.project-filter{position:relative;overflow:hidden;border-radius:9999px;transition:all .35s ease}.project-filter.active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-color:#2563eb;box-shadow:0 12px 30px #2563eb59,inset 0 1px #ffffff26}.project-filter:not(.active):hover{transform:translateY(-2px)}.glass-panel{position:sticky;top:6rem;z-index:20;border-radius:28px;background:#ffffffb8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.25);box-shadow:0 15px 45px #00000014,inset 0 1px #ffffff59;padding:2rem}.project-filter{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.35rem;border-radius:999px;border:1px solid rgb(226 232 240);background:#ffffffa6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#334155;font-weight:600;transition:all .35s ease;cursor:pointer}.project-filter:hover{transform:translateY(-3px);border-color:#3b82f6;box-shadow:0 12px 30px #3b82f62e}.project-filter.active{color:#fff;border-color:#2563eb;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 14px 35px #2563eb59,inset 0 1px #fff3}.project-filter:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:translate(-120%);transition:.7s}.project-filter:hover:before{transform:translate(120%)}.projects-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.project-item{transition:opacity .45s ease,transform .45s ease}.project-card{position:relative;overflow:hidden;border-radius:28px;background:#fff;border:1px solid rgb(226 232 240);transition:transform .45s,box-shadow .45s,border-color .45s}.project-card:hover{transform:translateY(-10px);border-color:#3b82f6;box-shadow:0 25px 60px #2563eb29}.project-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(130deg,rgba(59,130,246,.08),rgba(6,182,212,.08),transparent);opacity:0;transition:.45s}.project-card:hover:before{opacity:1}.project-card img{transition:transform .7s ease}.project-card:hover img{transform:scale(1.08) translateY(-6px)}.project-card span{transition:.3s}.project-card span:hover{transform:translateY(-2px) scale(1.03)}.project-item.hide{opacity:0;transform:scale(.96);pointer-events:none}.project-item.show{opacity:1;transform:scale(1)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#2563eb;border-radius:20px}.dark .glass-panel{background:#0f172ab8;border-color:#ffffff14}.dark .project-filter{background:#1e293b99;color:#e2e8f0;border-color:#334155}.dark .project-card{background:#0f172a;border-color:#334155}.project-item{opacity:1;transform:scale(1) translateY(0);transition:opacity .35s ease,transform .35s ease}.project-item.hide{opacity:0;transform:scale(.92) translateY(24px);pointer-events:none}.project-item.show{opacity:1;transform:scale(1) translateY(0)}.projects-grid{transition:all .45s ease}.customPad{padding-bottom:25px}
