.perspective.svelte-1on6y3m{perspective:1200px}.hero-element.svelte-1on6y3m{opacity:0;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity;animation:svelte-1on6y3m-ensure-visible .1s forwards 1s}@keyframes svelte-1on6y3m-ensure-visible{to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.hero-element.svelte-1on6y3m{opacity:1!important;transform:none!important}}.project-card.svelte-1on6y3m{background-color:#1e2433;border-color:#4a5568;border-width:4px;opacity:0;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity,borderColor;transition:transform .5s ease,box-shadow .5s ease;position:relative;overflow:hidden}.project-card.svelte-1on6y3m:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(90deg,transparent 0%,#ff5f6d 10%,#ffc371 20%,#3a7bd5 30%,#00d2ff 40%,#6a82fb 50%,#fc5c7d 60%,transparent 70%);background-size:300% 300%;border-radius:12px;z-index:-1;opacity:0;transition:opacity .3s ease;box-shadow:0 0 15px #4299e180}.project-card.svelte-1on6y3m:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:transparent;border-radius:12px;z-index:-1;opacity:0;transition:opacity .3s ease;background:conic-gradient(from 0deg at 50% 50%,#ff5f6d,#ffc371,#3a7bd5,#00d2ff,#6a82fb,#fc5c7d,#ff5f6d);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;padding:4px;border:0 solid transparent}@keyframes svelte-1on6y3m-led-flow{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes svelte-1on6y3m-rotate-led{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-card.svelte-1on6y3m h3:where(.svelte-1on6y3m),.project-card.svelte-1on6y3m p:where(.svelte-1on6y3m),.project-card.svelte-1on6y3m span:where(.svelte-1on6y3m),.project-card.svelte-1on6y3m a:where(.svelte-1on6y3m){opacity:1!important}.project-image.svelte-1on6y3m{background-color:#2d3748;overflow:hidden}.filter-btn.svelte-1on6y3m{opacity:1;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity,filter;border-radius:4px;position:relative;overflow:hidden}.filter-btn.svelte-1on6y3m{transition:background-color .3s ease,transform .3s ease,border-color .3s ease,box-shadow .3s ease}.filter-btn.svelte-1on6y3m:hover{transform:translateY(-2px);box-shadow:0 3px 10px -2px #4299e140}.filter-btn.svelte-1on6y3m:active{transform:translateY(1px)}.project-image.svelte-1on6y3m img:where(.svelte-1on6y3m){transition:transform .8s ease}.project-link.svelte-1on6y3m{transition:all .3s ease;transform-style:preserve-3d}.project-link.svelte-1on6y3m:hover{transform:translateY(-3px) scale(1.05)}@media (prefers-reduced-motion: reduce){.project-card.svelte-1on6y3m,.filter-btn.svelte-1on6y3m{opacity:1!important;transform:none!important;filter:none!important}}@media (max-width: 767px){.project-card.svelte-1on6y3m{transform-origin:center bottom;will-change:transform,opacity,scale}.perspective.svelte-1on6y3m{perspective:800px}.project-card.svelte-1on6y3m:hover,.project-card.svelte-1on6y3m:active,.project-card.svelte-1on6y3m:focus{transform:none!important;box-shadow:none!important}.project-image.svelte-1on6y3m img:where(.svelte-1on6y3m):hover{transform:none!important}.project-link.svelte-1on6y3m:hover{transform:none!important}.project-card.svelte-1on6y3m:before,.project-card.svelte-1on6y3m:after{display:none}.filter-btn.svelte-1on6y3m:hover{transform:none!important;box-shadow:none!important}}