.portrait-display[data-astro-cid-mtnpkmd4]{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;perspective:1000px;margin:0 auto;width:100%;max-width:100%;padding:0 10px;box-sizing:border-box}.max-w-240[data-astro-cid-mtnpkmd4]{max-width:240px}.max-w-320[data-astro-cid-mtnpkmd4]{max-width:320px}.max-w-400[data-astro-cid-mtnpkmd4]{max-width:400px}@media (max-width: 320px){.max-w-400[data-astro-cid-mtnpkmd4]{max-width:260px}.h-450[data-astro-cid-mtnpkmd4]{height:300px}.max-w-320[data-astro-cid-mtnpkmd4]{max-width:220px}.h-380[data-astro-cid-mtnpkmd4]{height:260px}.max-w-240[data-astro-cid-mtnpkmd4]{max-width:180px}.h-280[data-astro-cid-mtnpkmd4]{height:220px}.portrait-display[data-astro-cid-mtnpkmd4]{padding:0 5px}}@media (max-width: 480px){.max-w-400[data-astro-cid-mtnpkmd4]{max-width:280px}.h-450[data-astro-cid-mtnpkmd4]{height:320px}.max-w-320[data-astro-cid-mtnpkmd4]{max-width:240px}.h-380[data-astro-cid-mtnpkmd4]{height:280px}.max-w-240[data-astro-cid-mtnpkmd4]{max-width:200px}.h-280[data-astro-cid-mtnpkmd4]{height:240px}.portrait-display[data-astro-cid-mtnpkmd4]{padding:0 8px}}@media (min-width: 481px) and (max-width: 768px){.max-w-400[data-astro-cid-mtnpkmd4]{max-width:340px}.h-450[data-astro-cid-mtnpkmd4]{height:400px}.max-w-320[data-astro-cid-mtnpkmd4]{max-width:300px}.h-380[data-astro-cid-mtnpkmd4]{height:360px}.max-w-240[data-astro-cid-mtnpkmd4]{max-width:240px}.h-280[data-astro-cid-mtnpkmd4]{height:280px}}@media (min-width: 769px) and (max-width: 1023px){.max-w-400[data-astro-cid-mtnpkmd4]{max-width:380px}.h-450[data-astro-cid-mtnpkmd4]{height:440px}.max-w-320[data-astro-cid-mtnpkmd4]{max-width:340px}.h-380[data-astro-cid-mtnpkmd4]{height:400px}}@media (min-width: 1024px){.max-w-400[data-astro-cid-mtnpkmd4]{max-width:450px}.h-450[data-astro-cid-mtnpkmd4]{height:500px}.max-w-320[data-astro-cid-mtnpkmd4]{max-width:380px}.h-380[data-astro-cid-mtnpkmd4]{height:430px}}.w-240[data-astro-cid-mtnpkmd4]{width:100%;max-width:240px}.h-280[data-astro-cid-mtnpkmd4]{height:280px}.w-320[data-astro-cid-mtnpkmd4]{width:100%;max-width:320px}.h-380[data-astro-cid-mtnpkmd4]{height:380px}.w-400[data-astro-cid-mtnpkmd4]{width:100%;max-width:400px}.h-450[data-astro-cid-mtnpkmd4]{height:450px}.morphing-bg[data-astro-cid-mtnpkmd4]{position:absolute;width:calc(100% - 20px);height:calc(100% - 40px);background:linear-gradient(135deg,#8b5cf61a,#7c3aed26,#3b82f61a,#8b5cf626,#a855f71a);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:morphing 8s ease-in-out infinite;z-index:1;filter:blur(1px);box-sizing:border-box}.image-stack[data-astro-cid-mtnpkmd4]{position:relative;width:calc(100% - 40px);height:calc(100% - 80px);z-index:2;box-sizing:border-box}@media (max-width: 320px){.morphing-bg[data-astro-cid-mtnpkmd4]{width:calc(100% - 10px);height:calc(100% - 20px)}.image-stack[data-astro-cid-mtnpkmd4]{width:calc(100% - 20px);height:calc(100% - 40px)}.geometric-shape[data-astro-cid-mtnpkmd4]{opacity:.6;transform:scale(.8)}.particle[data-astro-cid-mtnpkmd4]{font-size:10px}}@media (max-width: 480px){.morphing-bg[data-astro-cid-mtnpkmd4]{width:calc(100% - 15px);height:calc(100% - 30px)}.image-stack[data-astro-cid-mtnpkmd4]{width:calc(100% - 30px);height:calc(100% - 60px)}.geometric-shape[data-astro-cid-mtnpkmd4]{opacity:.8}.particle[data-astro-cid-mtnpkmd4]{font-size:12px}}@media (min-width: 481px) and (max-width: 768px){.morphing-bg[data-astro-cid-mtnpkmd4]{width:calc(100% - 18px);height:calc(100% - 35px)}.image-stack[data-astro-cid-mtnpkmd4]{width:calc(100% - 35px);height:calc(100% - 70px)}}.image-frame[data-astro-cid-mtnpkmd4]{position:absolute;width:100%;height:100%;border-radius:25px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .7s cubic-bezier(.23,1,.32,1);box-sizing:border-box}@media (max-width: 480px){.image-frame[data-astro-cid-mtnpkmd4]{border-radius:20px}}.pixel-frame[data-astro-cid-mtnpkmd4]{background:#0000004d;border:2px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #8b5cf626,inset 0 1px #ffffff1a;opacity:1;transform:scale(1) translateZ(0);z-index:3}.real-frame[data-astro-cid-mtnpkmd4]{background:#0006;border:2px solid rgba(59,130,246,.4);opacity:0;transform:scale(1.1) translateZ(0);z-index:4;box-shadow:0 20px 60px #3b82f633,inset 0 1px #fff3}.portrait-image[data-astro-cid-mtnpkmd4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:all .7s cubic-bezier(.23,1,.32,1)}.pixel-art[data-astro-cid-mtnpkmd4]{filter:contrast(1.2) saturate(1.3) brightness(1.05)}.real-portrait[data-astro-cid-mtnpkmd4]{filter:contrast(1.1) saturate(1.1) brightness(1)}.pixel-overlay[data-astro-cid-mtnpkmd4]{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,92,246,.03) 2px,rgba(139,92,246,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(139,92,246,.03) 2px,rgba(139,92,246,.03) 4px);pointer-events:none}.glass-overlay[data-astro-cid-mtnpkmd4]{position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.05) 100%);pointer-events:none}.floating-elements[data-astro-cid-mtnpkmd4]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15}.geometric-shape[data-astro-cid-mtnpkmd4]{position:absolute;background:linear-gradient(45deg,#8b5cf699,#3b82f699);border-radius:4px;animation:float 6s ease-in-out infinite}@media (max-width: 480px){.shape-1[data-astro-cid-mtnpkmd4]{width:10px;height:10px;top:15%;left:8%;animation-delay:0s;border-radius:50%}.shape-2[data-astro-cid-mtnpkmd4]{width:6px;height:12px;top:25%;right:12%;animation-delay:2s;border-radius:2px}.shape-3[data-astro-cid-mtnpkmd4]{width:8px;height:8px;bottom:20%;left:12%;animation-delay:4s;transform:rotate(45deg)}}@media (min-width: 481px){.shape-1[data-astro-cid-mtnpkmd4]{width:12px;height:12px;top:15%;left:10%;animation-delay:0s;border-radius:50%}.shape-2[data-astro-cid-mtnpkmd4]{width:8px;height:16px;top:25%;right:15%;animation-delay:2s;border-radius:2px}.shape-3[data-astro-cid-mtnpkmd4]{width:10px;height:10px;bottom:20%;left:15%;animation-delay:4s;transform:rotate(45deg)}}.code-particles[data-astro-cid-mtnpkmd4]{position:absolute;top:0;left:0;width:100%;height:100%}.particle[data-astro-cid-mtnpkmd4]{position:absolute;color:#8b5cf6b3;font-size:14px;font-weight:600;font-family:Courier New,monospace;animation:codeFloat 8s ease-in-out infinite;opacity:0}@media (max-width: 480px){.particle[data-astro-cid-mtnpkmd4]{font-size:12px}.particle[data-astro-cid-mtnpkmd4]:nth-child(1){top:8%;right:8%;animation-delay:1s}.particle[data-astro-cid-mtnpkmd4]:nth-child(2){bottom:12%;right:15%;animation-delay:3s}.particle[data-astro-cid-mtnpkmd4]:nth-child(3){bottom:22%;left:5%;animation-delay:5s}}@media (min-width: 481px){.particle[data-astro-cid-mtnpkmd4]:nth-child(1){top:10%;right:10%;animation-delay:1s}.particle[data-astro-cid-mtnpkmd4]:nth-child(2){bottom:15%;right:20%;animation-delay:3s}.particle[data-astro-cid-mtnpkmd4]:nth-child(3){bottom:25%;left:5%;animation-delay:5s}}@media (min-width: 769px){.portrait-display[data-astro-cid-mtnpkmd4]:hover .pixel-frame[data-astro-cid-mtnpkmd4]{opacity:0;transform:scale(.95) translateZ(0);filter:blur(4px)}.portrait-display[data-astro-cid-mtnpkmd4]:hover .real-frame[data-astro-cid-mtnpkmd4]{opacity:1;transform:scale(1) translateZ(0);filter:blur(0px)}.portrait-display[data-astro-cid-mtnpkmd4]:hover .morphing-bg[data-astro-cid-mtnpkmd4]{animation:morphingHover .8s ease-out forwards}.portrait-display[data-astro-cid-mtnpkmd4]:hover .geometric-shape[data-astro-cid-mtnpkmd4]{animation:shapeHover .6s ease-out forwards}.portrait-display[data-astro-cid-mtnpkmd4]:hover .particle[data-astro-cid-mtnpkmd4]{animation:particleHover 1s ease-out forwards}}@media (max-width: 768px){.portrait-display[data-astro-cid-mtnpkmd4]{cursor:default}.portrait-display[data-astro-cid-mtnpkmd4]:active .pixel-frame[data-astro-cid-mtnpkmd4]{opacity:0;transform:scale(.98) translateZ(0);filter:blur(2px);transition:all .4s ease-out}.portrait-display[data-astro-cid-mtnpkmd4]:active .real-frame[data-astro-cid-mtnpkmd4]{opacity:1;transform:scale(1) translateZ(0);filter:blur(0px);transition:all .4s ease-out}.portrait-display[data-astro-cid-mtnpkmd4]:active .morphing-bg[data-astro-cid-mtnpkmd4]{animation:mobileGlow .4s ease-out forwards}.portrait-display[data-astro-cid-mtnpkmd4]:active .geometric-shape[data-astro-cid-mtnpkmd4]{animation:mobileShapeHover .4s ease-out forwards}}@keyframes morphing{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:rotate(0) scale(1)}25%{border-radius:58% 42% 75% 25%/76% 44% 56% 24%;transform:rotate(90deg) scale(1.05)}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;transform:rotate(180deg) scale(.95)}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%;transform:rotate(270deg) scale(1.05)}}@keyframes morphingHover{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:rotate(0) scale(1);filter:blur(1px)}to{border-radius:40% 60% 60% 40%/40% 40% 60% 60%;transform:rotate(180deg) scale(1.1);filter:blur(0px);box-shadow:0 0 40px #8b5cf666}}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}@keyframes codeFloat{0%,90%,to{opacity:0;transform:translateY(0) scale(.8)}10%,80%{opacity:.8;transform:translateY(-10px) scale(1)}}@keyframes shapeHover{0%{transform:translateY(0) rotate(0) scale(1);opacity:.6}50%{transform:translateY(-15px) rotate(180deg) scale(1.3);opacity:1}to{transform:translateY(-10px) rotate(360deg) scale(1.1);opacity:.8}}@keyframes particleHover{0%{opacity:0;transform:translateY(0) scale(.8) rotate(0)}50%{opacity:1;transform:translateY(-15px) scale(1.2) rotate(180deg)}to{opacity:0;transform:translateY(-30px) scale(1) rotate(360deg)}}@keyframes mobileGlow{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:rotate(0) scale(1)}to{border-radius:40% 60% 60% 40%/40% 40% 60% 60%;transform:rotate(90deg) scale(1.05);box-shadow:0 0 30px #8b5cf680}}@keyframes mobileShapeHover{0%{transform:translateY(0) rotate(0) scale(1);opacity:.6}to{transform:translateY(-8px) rotate(90deg) scale(1.1);opacity:.9}}