@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-color: #667eea;--secondary-color: #764ba2;--text-color: #333;--text-light: #666;--border-color: #e0e0e0;--shadow: 0 4px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 25px rgba(0, 0, 0, .15);--border-radius: 8px;--border-radius-lg: 15px;--transition: all .3s ease;--bg-primary: #000000;--bg-secondary: #0a0a0a;--background: var(--bg-primary);--background-light: var(--bg-secondary)}[data-theme=light]{--bg-primary: #9c9c9c;--bg-secondary: #dcc8e4;--background: var(--bg-primary);--background-light: var(--bg-secondary)}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--text-color);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}::selection{background:var(--primary-color);color:#fff}::-moz-selection{background:var(--primary-color);color:#fff}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}button{background:none;border:none;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (max-width: 768px){.container{padding:0 1rem}.text-center{text-align:center!important;display:flex;flex-direction:column;align-items:center;justify-content:center}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,a{min-height:44px;min-width:44px;touch-action:manipulation}}@media (max-width: 480px){html{font-size:14px}.container{padding:0 .75rem}.text-center{text-align:center!important;padding:0 1rem}}@media (max-width: 896px) and (orientation: landscape){.container{padding:0 1rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333;background:var(--bg-secondary);overflow-x:hidden}@font-face{font-family:Molten Display;src:url(/assets/Molten%20Display-C6DjO-3S.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Yink;src:url(/assets/Yink-BiZp2aKl.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Druk;src:url(/assets/DrukWide-SuperItalic-Trial-CutETZ-T.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--text-primary: #ffffff;--text-secondary: #b19eef;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2)}.App{min-height:100vh;width:100%;background:var(--bg-primary);position:relative;transition:background-color .3s ease;overflow-x:hidden}.plasma-background{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1;pointer-events:none;background:var(--bg-secondary)}.hero-section{position:relative;min-height:100vh;z-index:2;display:flex;align-items:center;justify-content:center;overflow:visible}.lanyard-container{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;z-index:15;pointer-events:none;display:flex;justify-content:center;align-items:center;overflow:visible}.lanyard-container>*{pointer-events:auto;overflow:visible}.hero-text{position:relative;text-align:center;padding:0 4rem;overflow:visible;width:100%;max-width:none;z-index:5;pointer-events:none;margin-top:10vh}.about-section{position:relative;z-index:3;min-height:20vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 1rem}.about-title{font-family:Druk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;letter-spacing:.1em;color:#e0e0e0e6;margin:0;display:flex;flex-direction:column;align-items:center;line-height:1;text-transform:uppercase}.about-title__small{font-size:clamp(4rem,10vw,8rem);display:block}.about-title__large{font-size:clamp(2rem,5vw,4rem);display:block;margin-top:.2em}.split-char{display:inline-block;will-change:transform,opacity}.bio-section{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;padding:2rem 2rem 8rem}.bio-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.8;color:#ffffffd9;text-align:center;max-width:900px;margin:0;font-weight:400}.skills-section{position:relative;z-index:3;padding:4rem 2rem 8rem;display:flex;justify-content:center;align-items:center}.skills-container{display:flex;flex-direction:column;gap:4rem;max-width:1000px;width:100%}.skills-row{display:flex;justify-content:center;align-items:center;gap:4rem;flex-wrap:wrap}.skills-row--adobe{justify-content:space-evenly}.skills-row--other{justify-content:center}.skill-item{color:#ffffffb3;font-size:56px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-decoration:none}.skill-item:hover{color:#b19eeff2;transform:scale(1.1)}@media (max-width: 768px){.skills-container{gap:3rem}.skills-row{gap:2.5rem}.skill-item{font-size:48px}}@media (max-width: 480px){.skills-row{gap:2rem}.skill-item{font-size:40px}}.contact-section{position:relative;z-index:3;min-height:20vh;display:flex;align-items:center;justify-content:center;padding:10rem 2rem 2rem}.contact-title{font-family:Druk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;letter-spacing:.1em;color:#e0e0e0e6;margin:0;display:flex;flex-direction:column;align-items:center;line-height:1;text-transform:uppercase}.contact-title__large{font-size:clamp(4rem,10vw,8rem);display:block}.contact-title__small{font-size:clamp(2rem,5vw,4rem);display:block;margin-top:.2em}.folder-section{position:relative;z-index:3;min-height:600px;display:flex;align-items:center;justify-content:center;gap:4rem;padding:2rem 4rem 8rem}.circular-text-left,.circular-text-right{flex-shrink:0}.cards-section{position:relative;z-index:3;min-height:100vh;padding:4rem 2rem 8rem}.cards-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:6rem;justify-content:center;align-items:center;max-width:1400px;margin:0 auto}.hero-text__name{font-family:Yink,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;margin:0;padding:0 3rem;line-height:.8;color:#e0e0e0e6;transition:color .3s ease;overflow:visible;display:inline-block}.hero-text__line{display:inline-block;font-size:clamp(120px,19vw,340px);letter-spacing:.02em;white-space:nowrap;font-weight:700;overflow:visible;width:auto;min-width:max-content;padding:0 1rem}.hero-text__subtitle{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:clamp(11px,1.2vw,16px);font-weight:400;letter-spacing:.08em;line-height:1.6;color:#e0e0e0e6;text-transform:uppercase;margin-top:3.5rem;text-align:center;transition:color .3s ease}.scroll-stack-card h2{color:#ffffffe6;font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;font-weight:700}.scroll-stack-card p{color:#ffffffb3;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.section--dark{background:#1a1a1a;color:#fff}.section--light{background:#f8f9fa}.btn{display:inline-block;padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;text-align:center}.btn--primary{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn--secondary{background:transparent;color:#667eea;border:2px solid #667eea}.btn--secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-fade-in-right{animation:fadeInRight .6s ease-out}@media (max-width: 768px){.container{padding:0 1rem}.section{padding:4rem 0}.btn{padding:.875rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.btn{padding:.75rem 1.25rem;font-size:.85rem}}.profile-section{position:relative;z-index:3;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem 2rem 1rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#b19eef66;border-radius:8px;border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar-thumb:hover{background:#b19eef99}html{scrollbar-width:thin;scrollbar-color:rgba(177,158,239,.4) transparent}.footer{text-align:center;padding:1rem 0;margin-top:0;background:#0000001a;position:relative;z-index:10}.footer-text{font-size:.875rem;color:#e0e0e0cc;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;letter-spacing:.05em;font-weight:400}.folder-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.folder-container>.custom-folder{position:relative;z-index:2}.metaballs-wrapper{position:absolute;top:50%;transform:translateY(-50%);width:500px;height:500px;z-index:1}.metaballs-left{left:0}.metaballs-right{right:0}@media (max-width: 768px){.footer{padding:1.5rem 0;margin-top:2rem}.footer-text{font-size:.75rem}.folder-container{flex-direction:column;gap:1rem}.metaballs-wrapper{position:static;left:auto;right:auto;top:auto;transform:none;width:300px;height:300px;margin-top:1rem}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all .3s ease;padding:1rem}.header--scrolled{padding:.8rem}.header__container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center}.header__glass{width:100%;max-width:800px;height:80px}.header__content{display:flex;justify-content:center;align-items:center;width:100%;padding:0 2rem;position:relative}.header__logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;cursor:pointer;transition:transform .2s ease;padding:0;outline:none}.header__logo:focus{outline:none}.header__logo:hover{transform:scale(1.05)}.header__logo:hover .header__logo-img{opacity:.8}.header__logo-img{height:40px;width:auto;object-fit:contain;transition:opacity .3s ease}.header__nav{display:flex;justify-content:space-between;align-items:center;width:100%;gap:3rem}.header__menu{display:flex;list-style:none;margin:0;padding:0;gap:2rem;flex:1}.header__menu--left{justify-content:flex-end}.header__menu--right{justify-content:flex-start}.floating-theme-toggle{position:fixed;top:1rem;left:calc(50% + 400px + 1rem);z-index:1001;transform:translate(0)}@media (max-width: 1300px){.floating-theme-toggle{left:auto;right:1rem}}.floating-theme-toggle__glass{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.header__menu li button{background:none;border:none;color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;position:relative;outline:none}.header__menu li button:focus{outline:none}.header__menu li button:hover{transform:scale(1.05);opacity:.8}.header__mobile-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;position:absolute;right:2rem;top:50%;transform:translateY(-50%);outline:none}.header__mobile-toggle:focus{outline:none}.header__mobile-toggle span{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:all .3s ease;border-radius:2px}.header__mobile-toggle:hover span{background:var(--text-secondary)}@media (max-width: 768px){.header__nav{position:fixed;top:100%;left:0;right:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.header__nav--open{transform:translateY(0);opacity:1;visibility:visible}.header__menu{flex-direction:column;padding:2rem;gap:1rem}.header__menu li button{width:100%;text-align:left;padding:1rem;font-size:1.1rem}.header__mobile-toggle{display:flex}}.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;inset:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--fallback{background:#ffffff40;backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme: dark){.glass-surface--fallback{background:#ffffff1a;backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not (backdrop-filter: blur(10px)){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";position:absolute;inset:0;background:#ffffff26;border-radius:inherit;z-index:-1}}@supports not (backdrop-filter: blur(10px)){@media (prefers-color-scheme: dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline:2px solid light-dark(#007aff,#0a84ff);outline-offset:2px}.plasma-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.tilted-card-figure{position:relative;width:100%;height:100%;perspective:800px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tilted-card-mobile-alert{position:absolute;top:1rem;text-align:center;font-size:.875rem;display:none;color:#ffffffb3}@media (max-width: 640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{position:relative;transform-style:preserve-3d}.tilted-card-img{position:absolute;top:0;left:0;object-fit:cover;border-radius:15px;will-change:transform;transform:translateZ(0)}.tilted-card-overlay{position:absolute;top:0;left:0;z-index:2;will-change:transform;transform:translateZ(30px)}.tilted-card-caption{pointer-events:none;position:absolute;left:0;top:0;border-radius:4px;background-color:#fff;padding:4px 10px;font-size:10px;color:#2d2d2d;opacity:0;z-index:3}.safari-card-inner{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@supports (-webkit-appearance: none){.safari-card-inner{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-perspective:800px;perspective:800px}.tilted-card-img{-webkit-transform:translateZ(0);transform:translateZ(0)}}.scroll-indicator{position:fixed;bottom:3rem;left:calc(50% - 20px);transform:translate(-50%);z-index:10;pointer-events:none;animation:fadeInUp 1s ease-out 1s both,bounce 2s ease-in-out 2s infinite;opacity:1;visibility:visible;transition:opacity .2s ease-out,visibility .2s ease-out,transform .2s ease-out}.scroll-indicator--hidden{opacity:0;visibility:hidden;transform:translate(-50%) translateY(20px);pointer-events:none}.scroll-indicator__arrow{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff9;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50%;transition:all .3s ease;margin:0 auto}.scroll-indicator__arrow svg{width:24px;height:24px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.scroll-indicator{bottom:2rem}.scroll-indicator__arrow{width:40px;height:40px}.scroll-indicator__arrow svg{width:20px;height:20px}}: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(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--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}.pc-card-wrapper:before{content:"";position:absolute;inset:-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(2) blur(40px) opacity(1);transform:scale(.9) translateZ(.1px)}.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,100%,90%,var(--card-opacity)) 4%,hsla(266,50%,80%,calc(var(--card-opacity) * .75)) 10%,hsla(266,25%,70%,calc(var(--card-opacity) * .5)) 50%,hsla(266,0%,60%,0) 100%),radial-gradient(35% 52% at 55% 20%,#b19eefc4,#b19eef00),radial-gradient(100% 100% at 50% 50%,#b19eef 1%,#b19eef00 76%),conic-gradient(from 124deg at 50% 50%,#b19eef,#9f86e8 40% 60%,#b19eef);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{inset:1px;position:absolute;background-image:var(--inner-gradient);background-color:#000000e6;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;display:none}.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:0}.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;inset: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{height:70svh;max-height:450px}.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}}@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}}:root{--folder-color: #70a1ff;--folder-back-color: #4785ff;--paper-1: #e6e6e6;--paper-2: #f2f2f2;--paper-3: #ffffff}.folder{transition:all .2s ease-in;cursor:pointer}.folder:not(.folder--click):hover{transform:translateY(-8px)}.folder:not(.folder--click):hover .paper{transform:translate(-50%)}.folder:not(.folder--click):hover .folder__front{transform:skew(15deg) scaleY(.6)}.folder:not(.folder--click):hover .right{transform:skew(-15deg) scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:nth-child(1){transform:translate(-120%,-70%) rotate(-15deg)}.folder.open .paper:nth-child(1):hover{transform:translate(-120%,-70%) rotate(-15deg) scale(1.1)}.folder.open .paper:nth-child(2){transform:translate(10%,-70%) rotate(15deg);height:80%}.folder.open .paper:nth-child(2):hover{transform:translate(10%,-70%) rotate(15deg) scale(1.1)}.folder.open .paper:nth-child(3){transform:translate(-50%,-100%) rotate(5deg);height:80%}.folder.open .paper:nth-child(3):hover{transform:translate(-50%,-100%) rotate(5deg) scale(1.1)}.folder.open .folder__front{transform:skew(15deg) scaleY(.6)}.folder.open .right{transform:skew(-15deg) scaleY(.6)}.folder__back{position:relative;width:100px;height:80px;background:var(--folder-back-color);border-radius:0 10px 10px}.folder__back:after{position:absolute;z-index:0;bottom:98%;left:0;content:"";width:30px;height:10px;background:var(--folder-back-color);border-radius:5px 5px 0 0}.paper{position:absolute;z-index:2;bottom:10%;left:50%;transform:translate(-50%,10%);width:70%;height:80%;background:var(--paper-1);border-radius:10px;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center;font-size:28px;color:#333}.paper:nth-child(2){background:var(--paper-2);width:80%;height:70%;font-size:28px}.paper:nth-child(3){background:var(--paper-3);width:90%;height:60%;font-size:28px}.paper a{color:#333;transition:color .3s ease,transform .3s ease;display:inline-flex;align-items:center;justify-content:center}.paper a:hover{color:#b19eef;transform:scale(1.2)}.folder__front{position:absolute;z-index:3;width:100%;height:100%;background:var(--folder-color);border-radius:5px 10px 10px;transform-origin:bottom;transition:all .3s ease-in-out}.work-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.work-modal-star-border{width:80vw;height:80vh;max-width:1200px;max-height:1200px;display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.work-modal-wrapper{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 25px 50px #00000080}.work-modal-glass{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000004d,inset 0 1px #fff6}.work-modal-glass:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff6,#ffffff1a,#ffffff0d);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:20px;z-index:-1}.work-modal-glass:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.2) 0%,transparent 50%);border-radius:20px;z-index:-1}.work-modal-content{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:60px;background:transparent;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.work-modal-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#b19eef;font-size:3rem;line-height:1;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.8}.work-modal-close:hover{opacity:1}.work-modal-body{color:#fff;text-align:center;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:100px;background:transparent}.work-modal-body h1{font-size:3rem;margin-bottom:20px;font-family:Druk,sans-serif;color:#b19eef;text-transform:uppercase}.work-modal-body p{font-size:1.2rem;opacity:.8}.work-modal-body h2{font-family:Druk,sans-serif;text-transform:uppercase;font-weight:700}.work-modal-content::-webkit-scrollbar{width:8px}.work-modal-content::-webkit-scrollbar-track{background:transparent;margin:0}.work-modal-content::-webkit-scrollbar-thumb{background:#b19eef66;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.work-modal-content::-webkit-scrollbar-thumb:hover{background:#b19eef99}.work-modal-content{scrollbar-width:thin;scrollbar-color:rgba(177,158,239,.4) transparent}@media (max-width: 768px){.work-modal-wrapper{width:95vw;height:90vh;max-width:none;max-height:none}.work-modal-content{padding:30px 20px}.work-modal-body h1{font-size:2rem}.work-modal-close{font-size:2.5rem;width:35px;height:35px}}.star-border-container{position:relative;border-radius:20px;overflow:hidden;display:block}.border-gradient-bottom{position:absolute;width:100%;height:4px;opacity:1;bottom:0;left:0;background:linear-gradient(90deg,transparent,#b19eef,#b19eef,transparent);animation:star-movement-bottom linear infinite alternate;z-index:0}.border-gradient-top{position:absolute;opacity:1;width:100%;height:4px;top:0;left:0;background:linear-gradient(90deg,transparent,#b19eef,#b19eef,transparent);animation:star-movement-top linear infinite alternate;z-index:0}.inner-content{position:relative;z-index:1;width:100%;height:100%}@keyframes star-movement-bottom{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes star-movement-top{0%{transform:translate(100%)}to{transform:translate(-100%)}}