:root{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--icon: none;--behind-glow-color: rgba(125, 190, 255, .67);--behind-glow-size: 25%;--inner-gradient: none;--card-radius: 30px;--pc-card-bg: rgba(15, 23, 42, .95);--pc-card-shadow: rgba(0, 0, 0, .8);--pc-gradient-start: #ffffff;--pc-gradient-end: #6f6fbe;--pc-gradient-end-alt: #4a4ac0}.light{--pc-card-bg: rgba(248, 250, 252, .29);--pc-card-shadow: rgba(0, 0, 0, .15);--pc-gradient-start: #0f172a;--pc-gradient-end: #0ea5e9;--pc-gradient-end-alt: #0284c7;--behind-glow-color: rgba(14, 165, 233, .25)}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none;margin-left:auto;margin-right:auto;min-height:400px;aspect-ratio:.718;width:100%;contain:layout style paint;will-change:transform;content-visibility:auto;height:80vh;height:80svh;max-height:540px}.pc-card-loading{perspective:none}.pc-card-skeleton{height:80vh;height:80svh;max-height:540px;aspect-ratio:.718;border-radius:var(--card-radius);background:var(--pc-card-bg);border:1px solid var(--color-border);position:relative;overflow:hidden;contain:layout style paint;min-height:400px;width:100%}.pc-card-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.pc-card-skeleton{height:70vh;height:70svh;max-height:450px;min-height:400px}}@media(max-width:480px){.pc-card-skeleton{height:65vh;height:65svh;max-height:420px;min-height:350px}}@media(max-width:320px){.pc-card-skeleton{height:60vh;height:60svh;max-height:360px;min-height:320px}}.pc-touch-device{perspective:400px}.pc-touch-device .pc-card-shell{transform-style:preserve-3d}@media(max-width:1023px){.pc-card-wrapper{margin-left:auto;margin-right:auto;margin-top:10px;width:100%;max-width:100%}.pc-card-shell{width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center}.pc-card{margin:0 auto;max-width:100%}}.pc-behind{display:none}.light .pc-behind{filter:blur(35px) saturate(1) brightness(.7);opacity:calc(.5 * var(--card-opacity))}@media(max-width:768px){.pc-behind{filter:blur(30px) saturate(1);opacity:calc(.6 * var(--card-opacity))}.light .pc-behind{filter:blur(25px) saturate(.9) brightness(.7);opacity:calc(.4 * var(--card-opacity))}}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: 1}.pc-card{height:80vh;height:80svh;max-height:540px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;transition:transform .8s ease;transform:translateZ(0) rotateX(0) rotateY(0);background:var(--grain),var(--pc-card-bg);background-size:200px 200px,100% 100%;background-position:50% 50%;background-repeat:repeat,no-repeat;background-blend-mode:overlay,normal;backface-visibility:hidden;overflow:hidden;border:1px solid var(--color-border);contain:layout style paint;will-change:transform;width:100%;min-height:400px}.pc-touch-device .pc-card{will-change:auto;transform:translateZ(0)}.pc-card:hover,.pc-card.active{transition:none;transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));box-shadow:var(--pc-card-shadow) calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 30px -5px,0 0 40px #0ea5e933}.light .pc-card{background-blend-mode:soft-light,normal}.light .pc-card:hover,.light .pc-card.active{box-shadow:var(--pc-card-shadow) calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 30px -5px,0 0 30px #0ea5e914}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{position:relative;z-index:1;will-change:transform;transform:translateZ(0)}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);pointer-events:none}.pc-inside{inset:0;position:absolute;background-image:var(--inner-gradient);background-color:var(--pc-card-bg);contain:layout style paint;transform:translateZ(0)}.pc-inside:after{content:"";position:absolute;bottom:20px;right:5px;width:120px;height:70px;background-image:var(--icon);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.6;transition:opacity .3s ease;z-index:6;pointer-events:none}.pc-card:hover .pc-inside:after,.pc-card.active .pc-inside:after{opacity:.9}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(248,25%,85%) 12%,hsla(207,40%,38%,.88) 90%);mix-blend-mode:overlay;filter:brightness(.85) contrast(1.2);z-index:4}.light .pc-glare{filter:brightness(1) contrast(1.2);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(249,25%,90%,.915) 5%,hsla(207,40%,50%,.634) 90%)}.pc-avatar-content{mix-blend-mode:luminosity;overflow:visible;transform:translateZ(2);backface-visibility:hidden;contain:layout style paint;will-change:transform}.light .pc-avatar-content{mix-blend-mode:multiply;opacity:.85}.pc-avatar-content .avatar{display:block;width:100%;height:auto;scale:1.2;position:absolute;left:60%;transform-origin:50% 100%;transform:translate(calc(-50% + (var(--pointer-from-left) - .5) * 6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));bottom:-1px;will-change:transform;contain:layout style paint;backface-visibility:hidden;transition:transform .12s ease-out,opacity .3s ease;min-height:0;-o-object-fit:contain;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;content-visibility:auto}.pc-avatar-content .avatar.avatar-error{opacity:.3}.pc-avatar-content:before{content:"";position:absolute;inset:0;z-index:1;backdrop-filter:none;pointer-events:none}.pc-content:not(.pc-avatar-content){max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px);z-index:5;mix-blend-mode:luminosity}.light .pc-content:not(.pc-avatar-content){mix-blend-mode:multiply;opacity:.9}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h2{font-weight:600;margin:0;font-size:min(5svh,3em);background-image:linear-gradient(to bottom,var(--pc-gradient-start),var(--pc-gradient-end));background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;transition:background-image .3s ease}.pc-details p{font-weight:600;position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:-moz-min-content;width:min-content;background-image:linear-gradient(to bottom,var(--pc-gradient-start),var(--pc-gradient-end-alt));background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;transition:background-image .3s ease}@media(max-width:768px){.pc-card-wrapper{perspective:300px;margin-top:10px;margin-left:auto;margin-right:auto}.pc-card{height:70vh;height:70svh;max-height:450px;min-height:400px;background-size:150px 150px,100% 100%}.pc-details{top:2em}.pc-details h2{font-size:min(4svh,2.5em);line-height:1.1}.pc-inside:after{width:80px;height:50px;bottom:15px;right:15px}.pc-details p{font-size:14px;line-height:1.3}}@media(max-width:480px){.pc-card-wrapper{perspective:250px;margin-top:10px;margin-left:auto;margin-right:auto}.pc-card{height:65vh;height:65svh;max-height:420px;min-height:350px}.pc-details{top:1.5em;padding:0 1rem}.pc-details h2{font-size:min(3.5svh,2em);line-height:1.15;letter-spacing:-.02em}.pc-inside:after{width:60px;height:40px;bottom:12px;right:12px}.pc-details p{font-size:13px;top:-8px;line-height:1.4}}@media(max-width:320px){.pc-card-wrapper{perspective:200px;margin-top:10px;margin-left:auto;margin-right:auto}.pc-card{height:60vh;height:60svh;max-height:360px;min-height:320px}.pc-details{top:1.2em;padding:0 .75rem}.pc-details h2{font-size:min(3svh,1.75em);line-height:1.1;letter-spacing:-.02em}.pc-inside:after{width:50px;height:35px;bottom:10px;right:10px}.pc-details p{font-size:12px;top:-6px;line-height:1.3}}@media(max-width:768px)and (orientation:landscape){.pc-card{height:80vh;height:80svh;max-height:500px}.pc-details{top:1em}.pc-details h2{font-size:min(3.5svh,2em)}}@media(prefers-reduced-motion:reduce){.pc-card{animation:none}}.skeleton-shimmer{animation:shimmer 2s ease-in-out infinite}.skeleton-shimmer-delay-1{animation:shimmer 2s ease-in-out infinite;animation-delay:.1s}.skeleton-shimmer-delay-2{animation:shimmer 2s ease-in-out infinite;animation-delay:.2s}.skeleton-shimmer-delay-3{animation:shimmer 2s ease-in-out infinite;animation-delay:.3s}.skeleton-shimmer-delay-4{animation:shimmer 2s ease-in-out infinite;animation-delay:.4s}.skeleton-shimmer-delay-5{animation:shimmer 2s ease-in-out infinite;animation-delay:.5s}.skeleton-shimmer-delay-6{animation:shimmer 2s ease-in-out infinite;animation-delay:.6s}.circuit-board svg{mix-blend-mode:screen;transform:translateZ(0)}.skills-category-item{animation-delay:var(--animation-delay, .2s);contain:layout style}.skills-category-item:hover{border-color:rgba(var(--primary-500-rgb),.2)}.skills-category-item .tech-tag{transition:transform .15s ease-out}.skills-category-item{display:block}.projects-item{animation-delay:var(--animation-delay, .2s)}.media-carousel-container{position:relative;width:100%;height:100%;overflow:hidden}.media-carousel-track{display:flex;width:100%;height:100%;transition:transform .2s ease-out;will-change:transform;transform:translateZ(0)}.media-carousel-item{flex:0 0 100%;width:100%;height:100%;position:relative;contain:layout style paint}.media-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(2px);z-index:10;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.media-loading-overlay.show{opacity:1;pointer-events:auto}.media-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#0ea5e9e6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.csv-preview-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.csv-preview-container::-webkit-scrollbar{height:8px;width:8px}.csv-preview-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.csv-preview-container::-webkit-scrollbar-thumb{background:#0ea5e980;border-radius:4px}.csv-preview-container::-webkit-scrollbar-thumb:hover{background:#0ea5e9b3}}