.pc-card-wrapper{--card-width:320px;--card-height:480px;--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%;--behind-glow-color:#00f0ff66;--behind-glow-size:25%;--inner-gradient:linear-gradient(145deg,#000c 0%,#14141ee6 100%);width:var(--card-width);height:var(--card-height);perspective:1000px;cursor:pointer;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:relative}.pc-card-wrapper.focused{--behind-glow-size:35%}.pc-card-wrapper.focused .pc-behind{opacity:.8}.pc-card-wrapper.focused .pc-card{border-color:var(--behind-glow-color);box-shadow:0 20px 40px #00000080,0 0 30px var(--behind-glow-color),inset 0 0 20px #00f0ff0d}.pc-card-wrapper.expanded{--card-width:400px;--card-height:580px;--behind-glow-size:40%;z-index:50!important}.pc-card-wrapper.expanded .pc-behind{opacity:.9;filter:blur(30px)}.pc-card-wrapper.expanded .pc-card{border-color:var(--behind-glow-color);box-shadow:0 30px 60px #0009,0 0 50px var(--behind-glow-color),inset 0 0 30px #00f0ff0d}.pc-behind{background:radial-gradient(circle at var(--pointer-x)var(--pointer-y),var(--behind-glow-color)0%,transparent var(--behind-glow-size));filter:blur(20px);opacity:.6;border-radius:24px;transition:opacity .3s,filter .3s;position:absolute;inset:-10px}.pc-card-shell{transform-style:preserve-3d;transform:rotateX(var(--rotate-x))rotateY(var(--rotate-y));border-radius:20px;transition:transform .1s linear;position:absolute;inset:0}.pc-card{background:var(--inner-gradient);border:1px solid #ffffff1a;border-radius:20px;transition:border-color .3s,box-shadow .3s;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 40px #00000080}.pc-card-wrapper:hover .pc-card{border-color:#fff3}.pc-card-wrapper:hover .pc-behind{opacity:.75}.pc-inside{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.pc-shine{background:radial-gradient(circle at var(--pointer-x)var(--pointer-y),#ffffff26 0%,transparent 60%);pointer-events:none;mix-blend-mode:overlay;transition:opacity .3s;position:absolute;inset:0}.pc-glare{background:linear-gradient(120deg,#0000 30%,#ffffff14 45%,#fff0 50%) 0 0/200% 200%;background-position:var(--background-x)var(--background-y);pointer-events:none;mix-blend-mode:color-dodge;position:absolute;inset:0}.pc-card-wrapper:hover .pc-glare{background:linear-gradient(120deg,#0000 20%,#ffffff1a 40%,#00f0ff0d 50%,#ffffff1a 60%,#0000 80%)}.pc-content{color:#fff;padding:20px}.pc-project-title{font-size:1.5rem;font-weight:700;font-family:var(--font-heading,"Orbitron",sans-serif);text-shadow:0 2px 4px #00000080;margin-bottom:8px;transition:font-size .3s}.expanded .pc-project-title{font-size:1.8rem}.pc-project-desc{color:#b0b0b0;font-size:.9rem;line-height:1.5}.expanded .pc-project-desc{color:silver;font-size:.95rem}.pc-tech-stack{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tech-tag{color:#00f0ff;font-size:.7rem;font-family:var(--font-mono,monospace);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;padding:6px 12px;transition:all .2s}.tech-tag:hover{background:#00f0ff1a;border-color:#00f0ff66;transform:translateY(-1px);box-shadow:0 4px 12px #00f0ff33}.pc-project-image{object-fit:cover;border:1px solid #ffffff1a;border-radius:12px;width:100%;height:180px;margin-bottom:16px}.expanded .pc-project-image{opacity:.2;border:none;border-radius:0;height:100%;position:absolute;inset:0}.pc-card-wrapper.focused:before,.pc-card-wrapper.focused:after{content:"";border-color:var(--behind-glow-color);opacity:.6;z-index:60;pointer-events:none;width:20px;height:20px;position:absolute}.pc-card-wrapper.focused:before{border-top:2px solid;border-left:2px solid;top:-4px;left:-4px}.pc-card-wrapper.focused:after{border-bottom:2px solid;border-right:2px solid;bottom:-4px;right:-4px}.pc-card-wrapper.expanded:before,.pc-card-wrapper.expanded:after{opacity:.8;width:30px;height:30px}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:.9}}.pc-card-wrapper.expanded .pc-behind{animation:2s ease-in-out infinite pulse-glow}@media (max-width:374px){.pc-card-wrapper{--card-width:230px;--card-height:340px}.pc-card-wrapper.expanded{--card-width:260px;--card-height:400px}.pc-project-title{font-size:1rem}.expanded .pc-project-title{font-size:1.15rem}.pc-content{padding:12px}.tech-tag{padding:4px 8px;font-size:.6rem}.pc-project-desc{font-size:.8rem}.pc-project-image{height:120px;margin-bottom:10px}}@media (min-width:375px) and (max-width:639px){.pc-card-wrapper{--card-width:260px;--card-height:380px}.pc-card-wrapper.expanded{--card-width:290px;--card-height:450px}.pc-project-title{font-size:1.15rem}.expanded .pc-project-title{font-size:1.35rem}.pc-content{padding:14px}.tech-tag{padding:5px 10px;font-size:.65rem}.pc-project-desc{font-size:.85rem}.pc-project-image{height:140px;margin-bottom:12px}}@media (min-width:640px) and (max-width:767px){.pc-card-wrapper{--card-width:280px;--card-height:420px}.pc-card-wrapper.expanded{--card-width:320px;--card-height:500px}.pc-project-title{font-size:1.25rem}.expanded .pc-project-title{font-size:1.5rem}}@media (min-width:768px) and (max-width:1023px){.pc-card-wrapper{--card-width:300px;--card-height:450px}.pc-card-wrapper.expanded{--card-width:360px;--card-height:540px}}@media (hover:none) and (pointer:coarse){.pc-card-shell{transform:none!important}.pc-shine,.pc-glare{display:none}.pc-card-wrapper:active .pc-card{border-color:var(--behind-glow-color);transform:scale(.98)}.pc-card-wrapper:active .pc-behind{opacity:.8}}