:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--app-vh: 100vh;--app-vh-small: 1vh}@supports (-webkit-touch-callout: none){:root{--app-vh: -webkit-fill-available}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;min-height:var(--app-vh);overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:auto;touch-action:manipulation}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,textarea{font-size:16px;-webkit-appearance:none;border-radius:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}select{font-size:16px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){body{min-height:var(--app-vh, 100vh);position:relative}input,select,textarea,button{font-size:16px!important;-webkit-appearance:none;border-radius:0}button,input,select{min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ai-search-expanded{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;overflow:auto!important;background:transparent!important;transform:translateZ(0);z-index:1001!important}.ai-chat-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:auto;scroll-behavior:smooth}@supports (padding: max(0px)){.ai-search-expanded .ai-chat-container{padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom))}}.ai-search-expanded{-webkit-overflow-scrolling:auto;overscroll-behavior:none}}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:Adam;src:url(/fonts/Adam-Medium.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Adam;src:url(/fonts/Adam-Medium.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}html,body{max-width:100%;margin:0 auto;padding:2rem;text-align:center;width:100%;min-height:100%;overflow-x:hidden;scroll-behavior:auto;font-family:Adam,Inter,Segoe UI,system-ui,sans-serif}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%;min-height:100vh;box-sizing:border-box}body{scroll-padding-bottom:100px;scroll-behavior:auto}.landing-page{transition:opacity .5s,transform .5s;position:relative;z-index:2;width:100%;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.landing-page.fade-out{opacity:0;transform:translateY(-20px);pointer-events:none}.landing-page.fade-in{opacity:1;transform:translateY(0)}.landing-page h1{font-family:Adam,Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:3.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em;line-height:1.1;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);position:relative;display:inline-block}.landing-page h1:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fff,#a1a1aa 35%,#71717a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(20px);opacity:.3;z-index:-1}.landing-page p{font-size:1.25rem;color:#ccc;margin-bottom:2rem}.app-content{position:relative;z-index:2;min-height:100vh;width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.app-content.visible{opacity:1;transform:translateY(0)}.app-content.hidden{opacity:0;pointer-events:none}.ai-search-section{width:100%;max-width:540px;margin:32px auto 0;display:flex;flex-direction:column;align-items:center;z-index:10;position:relative}.ai-search-bar{display:flex;align-items:center;background:#000000d9;border-radius:24px;box-shadow:0 4px 16px #0003;padding:8px 16px;gap:10px;min-width:180px;width:100%;max-width:1000px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.ai-search-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:searchBarShine 4s ease-in-out infinite}@keyframes searchBarShine{0%{left:-100%}25%{left:100%}to{left:100%}}.ai-search-bar input{background:transparent;border:none;color:#fff;font-size:1.1rem;outline:none;flex:1;padding:8px 0;width:100%;pointer-events:none}.ai-search-bar button{background:#fff;border:none;color:#222;font-size:1.1rem;cursor:pointer;padding:6px 18px;border-radius:16px;font-weight:600;transition:background .2s,color .2s;pointer-events:auto}.ai-search-bar button:hover{background:#eee;color:#111}.ai-chat-input input{background:#0006;color:#fff;border:1px solid rgba(255,255,255,.2)}.ai-chat-input input::placeholder{color:#ffffff80}.ai-chat-input input::-webkit-input-placeholder{color:#ffffff80}.ai-chat-input input::-moz-placeholder{color:#ffffff80;opacity:1}.ai-chat-input input:-ms-input-placeholder{color:#ffffff80}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glitch-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.fade-in{opacity:1!important;pointer-events:auto}.fade-out{opacity:0!important;pointer-events:none}.aurora-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.section{width:100%;max-width:900px;margin:48px auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.section-title{font-size:2.2rem;font-weight:700;margin-bottom:2rem;text-align:center;letter-spacing:1px}.experience-section{margin-top:56px}.custom-spotlight-card{width:100%;max-width:600px;margin:0 auto;padding:2.5rem 2rem 2rem;border-radius:1.5rem;box-shadow:0 8px 32px #0000002e;border:1px solid rgba(255,255,255,.1);background:#181818d9;position:relative;z-index:1}.experience-list{width:100%;display:flex;flex-direction:column;gap:2.2rem;font-family:Adam,sans-serif}.experience-job{text-align:left;padding:1.2rem 1rem;border-radius:1rem;background:#1e1e1eb3;box-shadow:0 2px 12px #0000001a;border:1px solid rgba(255,255,255,.07);transition:background .2s,box-shadow .2s}.experience-job:hover{background:#282828d9;box-shadow:0 4px 24px #0000002e}.experience-title{font-size:1.25rem;font-weight:600;margin-bottom:.2rem;color:#fff}.experience-period{font-size:.98rem;color:#bdbdbd;margin-bottom:.7rem;display:block}.experience-details{margin:.5rem 0 0 1.2rem;padding:0;color:#e0e0e0;font-size:1.05rem;line-height:1.6}.experience-details li{margin-bottom:.3rem}.skills-section{margin-top:40px}.skills-list{display:flex;flex-wrap:wrap;gap:1.1rem;list-style:none;padding:0;margin:0 auto;justify-content:center;align-items:center;max-width:700px}.skill-chip{background:#1e1e1eeb;color:#fff;padding:.6rem 1.3rem;border-radius:.7rem;font-size:1.08rem;font-weight:500;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(255,255,255,.08);transition:background .2s,color .2s;margin-bottom:.2rem;text-align:center;letter-spacing:.01em}.skill-chip:hover{background:#323232fa;color:#e0e0e0}.about-section{margin-top:40px;margin-bottom:32px}.skills-section{margin-bottom:40px}@media (max-width: 768px){html,body,#root{padding-left:0;padding-right:0}section{padding-left:0;padding-right:0}html,body{padding:1rem;font-size:16px}html{height:100%;height:-webkit-fill-available}body{min-height:100vh;min-height:-webkit-fill-available}#root{padding:1rem;min-height:100vh;min-height:-webkit-fill-available}.landing-page h1{font-size:2.8rem;font-weight:500;letter-spacing:-.01em;text-align:center;padding:0 1rem}.landing-page p{font-size:1.1rem;padding:0 1rem}.app-content{padding:0 1rem;min-height:auto}section{margin:2rem auto 0;padding:0 1rem;width:100%;max-width:none}.ai-search-section{display:flex;justify-content:center;padding:0 1rem}.ai-search-bar{width:100%;max-width:400px}.ai-search-bar input{font-size:16px}.ai-search-bar button{font-size:16px;min-height:32px;padding:8px 16px}.section{margin:32px auto 0;padding:0}.section-title{font-size:1.8rem;margin-bottom:1.5rem}.custom-spotlight-card,.skills-card,.about-card{width:calc(100vw - 1.5rem);margin:0 .15rem;border-radius:.5rem;overflow:hidden}.experience-job{width:100%}.experience-title{font-size:1rem}.experience-details{font-size:.9rem}.skills-list{gap:.8rem}.skill-chip{padding:.6rem 1.2rem;font-size:.85rem}.about-section,.skills-section{margin-top:32px}.experience-section{display:flex;flex-direction:column;align-items:center;padding:0 1rem}.experience-list{width:100%}}*,*:before,*:after{box-sizing:border-box}.skills-card{display:flex;flex-direction:column;padding:1.5rem;height:450px;overflow:hidden;position:relative}.overlay-title{position:absolute;top:0;left:50%;transform:translate(-50%);margin:0;font-size:1.35rem;z-index:3;pointer-events:none;background:transparent;padding:2px 10px;border-radius:.75rem;font-family:Adam;font-weight:700}.skills-card,.about-card,.experience-card{position:relative;padding-top:2.8rem}.skills-scroll{flex:1;width:100%;position:relative;overflow:hidden;border-radius:inherit;font-family:Adam,sans-serif}.about-card{padding:1.5rem;max-width:650px;line-height:1.6;font-family:Adam,sans-serif}.about-card .about-text{margin:0;font-size:.95rem;line-height:1.55;text-align:left;max-width:100%;letter-spacing:.01em;word-wrap:break-word;overflow-wrap:break-word;hyphens:none!important;-webkit-hyphens:none!important;-moz-hyphens:none!important;-ms-hyphens:none!important;white-space:normal;word-break:normal}.about-card .about-text p{margin:0 auto;max-width:100%;padding:5px 1rem;text-align:left;word-wrap:break-word;overflow-wrap:break-word;hyphens:none!important;-webkit-hyphens:none!important;-moz-hyphens:none!important;-ms-hyphens:none!important;word-break:normal!important}.about-card .skills-title{margin-bottom:1rem}.overlay-title{font-size:1.25rem}.about-card .about-text,.skills-scroll,.experience-list{font-family:Adam,sans-serif}.about-card .about-text,.experience-job,.skills-scroll{font-size:1.05rem}.experience-title{font-family:Adam;font-weight:700}.message ul{margin:.3rem 0 .3rem 1.1rem;list-style-position:inside}.message li{margin-left:.2rem}.message.bot ul{list-style:none;margin:0;padding:0}.message.typing{animation:pulseText 1.2s ease-in-out infinite}@keyframes pulseText{0%,to{opacity:.4}50%{opacity:1}}.pc-card-wrapper{margin:2rem auto;width:100%}.pc-card-wrapper:before{top:-4px;right:-4px;bottom:-4px;left:-4px}.pc-card{aspect-ratio:unset;height:auto;max-height:70svh}.about-card .about-text,.about-card .about-text p{text-align:left;hyphens:none!important;-webkit-hyphens:none!important;-moz-hyphens:none!important;-ms-hyphens:none!important}.shine-msg:after{content:"";position:absolute;top:0;left:0;width:120%;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 50%,transparent 100%);transform:translate(-100%);animation:smoothShine 6s ease-in-out infinite}@keyframes smoothShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shine-msg{position:relative;overflow:hidden}.quick-btn{position:relative;transition:transform .2s ease;animation:pulseGlow 3s ease-in-out infinite}.quick-btn:nth-child(2){animation-delay:.4s}.quick-btn:nth-child(3){animation-delay:.8s}.quick-btn:nth-child(4){animation-delay:1.2s}@keyframes pulseGlow{0%,to{box-shadow:0 0 4px #3f05667c;transform:scale(1)}50%{box-shadow:0 0 12px 4px #3a0775d5;transform:scale(1.04)}}.text-block{margin:7vw;max-width:800px;font-family:monospace;font-size:clamp(14px,4vw,32px);color:#fff}.char{will-change:transform;display:inline}.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid #222;background-color:#111;padding:2rem;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .05)}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.infinite-scroll-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;overscroll-behavior:none}.infinite-scroll-wrapper:before,.infinite-scroll-wrapper:after{content:"";position:absolute;background:linear-gradient(var(--dir, to bottom),black,transparent);height:25%;width:100%;z-index:1;pointer-events:none}.infinite-scroll-wrapper:before{top:0}.infinite-scroll-wrapper:after{--dir: to top;bottom:0}.infinite-scroll-container{display:flex;flex-direction:column;overscroll-behavior:contain;padding-inline:1rem;cursor:grab;transform-origin:center center}.infinite-scroll-item{--accent-color: #ffffff;border-radius:15px;display:flex;align-items:center;justify-content:center;padding:1rem;font-size:1.25rem;font-weight:600;text-align:center;border:2px solid var(--accent-color);-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative}#infinite-grid-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:relative;outline:none;border-radius:inherit}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{position:absolute;left:50%;z-index:100;width:60px;height:60px;display:grid;place-items:center;background:#0ff;border:5px solid #000;border-radius:50%;cursor:pointer;transform:translate(-50%);box-shadow:0 4px 15px #00ffff80}.action-button.active{bottom:3.8em;transform:translate(-50%) scale(1);opacity:1;pointer-events:auto;transition:all .5s ease;visibility:visible}.action-button.inactive{bottom:-80px;transform:translate(-50%) scale(0);opacity:0;pointer-events:none;transition:all .1s ease;visibility:hidden}.action-button-icon{-webkit-user-select:none;user-select:none;position:relative;color:#060010;top:2px;font-size:26px}.face-title{-webkit-user-select:none;user-select:none;position:absolute;font-weight:900;font-size:4rem;top:50%;left:5%;right:60%;transform:translateY(-50%);z-index:90}.face-title.active{opacity:1;transform:translateY(-50%);pointer-events:auto;transition:.5s ease}.face-title.inactive{pointer-events:none;opacity:0;transform:translateY(-50%) translate(-30px);transition:.1s ease}.face-description{-webkit-user-select:none;user-select:none;position:absolute;font-size:1.5rem;top:50%;right:5%;left:60%;transform:translateY(-50%);z-index:90;line-height:1.4}.face-description.active{opacity:1;transform:translateY(-50%);pointer-events:auto;transition:.5s ease}.face-description.inactive{pointer-events:none;transform:translateY(-50%) translate(30px);opacity:0;transition:.1s ease}@media (max-width: 767px){.face-title{font-size:2.2rem;top:8%;left:50%;right:auto;width:90%;transform:translate(-50%);text-align:center;line-height:1.3}.face-title.active{transform:translate(-50%);opacity:1}.face-title.inactive{transform:translate(-50%) translateY(-15px);opacity:0}.face-description{font-size:1.1rem;bottom:20%;top:auto;left:5%;right:5%;transform:translateY(0);text-align:center;line-height:1.5}.face-description.active{transform:translateY(0);opacity:1}.face-description.inactive{transform:translateY(20px);opacity:0}.action-button{position:absolute;left:50%;z-index:100;width:50px;height:50px;display:grid;place-items:center;background:#0ff;border:4px solid #000;border-radius:50%;cursor:pointer;transform:translate(-50%);box-shadow:0 4px 15px #00ffff80}.action-button.active{bottom:8%;transform:translate(-50%) scale(1);opacity:1;pointer-events:auto;transition:all .5s ease;visibility:visible}.action-button.inactive{bottom:-60px;transform:translate(-50%) scale(0);opacity:0;pointer-events:none;transition:all .1s ease;visibility:hidden}.action-button-icon{-webkit-user-select:none;user-select:none;position:relative;color:#060010;font-size:20px;top:1px}}@media (min-width: 768px) and (max-width: 1024px){.face-title{font-size:2.8rem;left:5%;right:55%}.face-description{font-size:1.3rem;right:5%;left:55%}.action-button{position:absolute;left:50%;z-index:100;width:55px;height:55px;display:grid;place-items:center;background:#0ff;border:5px solid #000;border-radius:50%;cursor:pointer;transform:translate(-50%);box-shadow:0 4px 15px #00ffff80}.action-button.active{bottom:15%;transform:translate(-50%) scale(1);opacity:1;pointer-events:auto;transition:all .5s ease;visibility:visible}.action-button.inactive{bottom:-65px;transform:translate(-50%) scale(0);opacity:0;pointer-events:none;transition:all .1s ease;visibility:hidden}.action-button-icon{-webkit-user-select:none;user-select:none;position:relative;color:#060010;font-size:24px;top:1px}}@media (min-width: 1025px){.face-title{font-size:3.5rem;left:5%;right:60%}.face-description{font-size:1.4rem;right:5%;left:60%}.action-button{position:absolute;left:50%;z-index:100;width:65px;height:65px;display:grid;place-items:center;background:#0ff;border:5px solid #000;border-radius:50%;cursor:pointer;transform:translate(-50%);box-shadow:0 4px 15px #00ffff80}.action-button.active{bottom:12%;transform:translate(-50%) scale(1);opacity:1;pointer-events:auto;transition:all .5s ease;visibility:visible}.action-button.inactive{bottom:-85px;transform:translate(-50%) scale(0);opacity:0;pointer-events:none;transition:all .1s ease;visibility:hidden}.action-button-icon{-webkit-user-select:none;user-select:none;position:relative;color:#060010;font-size:28px;top:2px}}.focus-container{position:relative;display:flex;gap:1em;justify-content:center;align-items:center;flex-wrap:wrap}.focus-word{position:relative;font-size:3rem;font-weight:900;cursor:pointer;transition:filter .3s ease,color .3s ease}.focus-word.active{filter:blur(0)}.focus-frame{position:absolute;top:0;left:0;pointer-events:none;box-sizing:content-box;border:none}.corner{position:absolute;width:1rem;height:1rem;border:3px solid var(--border-color, #fff);filter:drop-shadow(0px 0px 4px var(--border-color, #fff));border-radius:3px;transition:none}.top-left{top:-10px;left:-10px;border-right:none;border-bottom:none}.top-right{top:-10px;right:-10px;border-left:none;border-bottom:none}.bottom-left{bottom:-10px;left:-10px;border-right:none;border-top:none}.bottom-right{bottom:-10px;right:-10px;border-left:none;border-top:none}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:transparent;display:flex;justify-content:center;transition:transform .3s ease-in-out}.navbar-visible{transform:translateY(0)}.navbar-hidden{transform:translateY(-100%)}.nav-list{list-style:none;margin:0;padding:.5rem 1rem;display:flex;gap:1rem}.nav-item{position:relative}.nav-link{color:#fff;text-decoration:none;font-size:1.2rem;display:flex;flex-direction:row;align-items:center;line-height:1;padding:.35rem .4rem;transition:padding .25s ease,color .25s ease}.nav-link:hover,.nav-link:focus{color:#fff}.icon{pointer-events:none;font-size:1.3rem;vertical-align:middle}.label{margin-left:.35rem;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .25s ease,max-width .25s ease}.nav-item:hover .label,.nav-item:focus-within .label{opacity:1;max-width:8rem}@media (max-width: 768px){.nav-list{gap:.5rem}.nav-link{font-size:1.8rem;padding:.45rem .5rem}.label{font-size:.65rem}}.nav-item .btn-link svg{position:relative;top:1px}: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%;--grain: none;--icon: none;--behind-gradient: none;--inner-gradient: none;--sunpillar-1: hsl(265, 70%, 72%);--sunpillar-2: hsl(270, 65%, 68%);--sunpillar-3: hsl(275, 70%, 74%);--sunpillar-4: hsl(280, 60%, 70%);--sunpillar-5: hsl(285, 65%, 75%);--sunpillar-6: hsl(290, 60%, 70%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--card-radius: 30px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none;margin:3rem auto;width:clamp(260px,90%,360px);max-width:360px}.pc-card-wrapper:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:inherit;background-position:inherit;border-radius:inherit;transition:all .5s ease;filter:contrast(2) saturate(2) blur(36px);transform:scale(.8) translateZ(.1px);background-size:100% 100%;background-image:var(--behind-gradient)}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: 1}.pc-card-wrapper:hover:before,.pc-card-wrapper.active:before{filter:contrast(1) saturate(1.5) blur(36px) opacity(1);transform:scale(.9) translateZ(.1px)}.pc-card-wrapper:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at center,#7841c840,#7841c800 70%);opacity:0;transition:opacity .4s ease;filter:blur(8px)}.pc-card-wrapper:hover:after,.pc-card-wrapper.active:after{opacity:1}.pc-card{height:80svh;max-height:540px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;animation:glow-bg 12s linear infinite;box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(.1px) rotateX(0) rotateY(0);background-size:100% 100%;background-position:0 0,0 0,50% 50%,0 0;background-image:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y),hsla(266,80%,85%,var(--card-opacity)) 4%,hsla(266,40%,75%,calc(var(--card-opacity) * .75)) 10%,hsla(266,20%,65%,calc(var(--card-opacity) * .5)) 50%,hsla(0,0%,40%,0) 100%),radial-gradient(35% 52% at 55% 20%,rgba(156,163,175,.5) 0%,transparent 100%),radial-gradient(100% 100% at 50% 50%,rgba(156,163,175,.6) 1%,transparent 76%),conic-gradient(from 124deg at 50% 50%,#9ca3afcc,#fff6 40%,#fff6 60%,#9ca3afcc);overflow:hidden}.pc-card:hover,.pc-card.active{transition:none;transform:translateZ(.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);transform:translateZ(.1px);pointer-events:none}.pc-inside{top:1px;right:1px;bottom:1px;left:1px;position:absolute;background-image:linear-gradient(145deg,#141414f2,#282828d9);background-color:#0a0a0af2;transform:translateZ(.01px)}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .6s ease;filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);animation:holo-bg 18s linear infinite;mix-blend-mode:color-dodge}.pc-shine,.pc-shine:after{--space: 5%;--angle: -45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.pc-shine:before,.pc-shine:after{content:"";background-position:center;background-size:cover;grid-area:1/1;opacity:0}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.85) contrast(1.5) saturate(.5);animation:none}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,70%) 0%,hsla(0,0%,30%,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),center,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),center;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.8) contrast(1.5)}.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%,80%) 12%,hsla(207,40%,30%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}.pc-avatar-content{mix-blend-mode:screen;overflow:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform:translate(-50%) scale(1);bottom:2px;opacity:calc(1.75 - var(--pointer-from-center))}.pc-avatar-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);mask:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%);pointer-events:none}.pc-user-info{position:absolute;bottom:20px;left:20px;right:20px;z-index:2;display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:12px 14px;pointer-events:auto}.pc-user-details{display:flex;align-items:center;gap:12px}.pc-mini-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.pc-handle{font-size:14px;font-weight:500;color:#ffffffe6;line-height:1}.pc-status{font-size:14px;color:#ffffffb3;line-height:1}.pc-contact-btn{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;color:#ffffffe6;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pc-contact-btn:hover{border-color:#fff6;transform:translateY(-1px);transition:all .2s ease}.pc-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)!important;z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{font-weight:600;font-size:min(5svh,3em);margin:0;background-image:linear-gradient(to bottom,#fff,#6f6fbe);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-details p{font-weight:600;position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:min-content;background-image:linear-gradient(to bottom,#fff,#4a4ac0);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}@keyframes glow-bg{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media (max-width: 768px){.pc-card-wrapper{width:calc(100% - 2rem);margin:1rem auto;max-width:320px;height:auto}.pc-card-wrapper:before{display:none}.pc-card{display:block;height:auto}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{bottom:15px;left:15px;right:15px;padding:10px 12px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media (max-width: 480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{bottom:12px;left:12px;right:12px;padding:8px 10px;border-radius:50px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{padding:5px 10px;font-size:10px;border-radius:50px}.pc-card-wrapper{margin:1.5rem auto;width:100%}}@media (max-width: 320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{padding:6px 8px;border-radius:50px}.pc-mini-avatar{width:20px;height:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{padding:4px 8px;font-size:9px;border-radius:50px}}