*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Ink Free;src:url(path-to-ink-free-font.woff2) format("woff2");font-weight:400;font-style:normal}:root{--bg-primary: var(--beige);--text-primary: var(--dark-gray);--text-secondary: #4a4a4a;--accent-primary: #00b4d8;--accent-secondary: #0077b6;--nav-bg: var(--yellow);--card-bg: rgba(255, 255, 255, .8);--card-border: rgba(0, 0, 0, .1);--yellow: #FEC800;--beige: #FFF8EC;--dark-gray: #303030;--blue: #04ADC6;--scrollbar-sphere: #84c9e9;--scrollbar-track: #FFFFFF;--orange: #FB8500;--brown: #995F39}[data-theme=dark]{--bg-primary: #023047;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-primary: #00b4d8;--accent-secondary: #90e0ef;--card-bg: rgb(241, 241, 241);--card-border: rgba(255, 255, 255, .1);--scrollbar-track: #303030}html{overflow-x:hidden;width:100vw;height:100%}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-sphere);border-radius:6px;border:2px solid var(--scrollbar-track);min-height:100px}::-webkit-scrollbar-thumb:hover{background:#6bb8d8}::-webkit-scrollbar-button{display:none}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-sphere) var(--scrollbar-track)}body{font-family:Chakra Petch,sans-serif;color:var(--text-primary);line-height:1.6;background-color:var(--bg-primary);min-height:100%;width:100%;overflow-x:hidden;position:relative;transition:background-color .3s ease,color .3s ease}.header{background-color:var(--yellow);padding:1rem 2rem;position:fixed;width:100%;top:0;left:0;z-index:1000;transition:top .3s ease-in-out}.header.hidden{top:-100px}.nav{display:flex;justify-content:space-between;align-items:center;max-width:1800px;margin:0 auto;background-color:transparent;transition:background-color .3s ease,border-color .3s ease}.nav-brand{display:flex;align-items:center;gap:.5rem}.nav-logo{height:50px;width:auto}.nav-title{font-family:Ink Free,cursive;font-size:1.5rem;color:var(--text-primary)}.nav-right{display:flex;align-items:center}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center;flex-wrap:nowrap}.nav-links a,.nav-brand a{text-decoration:none;display:flex;align-items:center;gap:.5rem}.nav-number{color:var(--blue);font-weight:600}.nav-text{color:var(--text-primary);position:relative;font-weight:500}.nav-text:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease}.nav-links a:hover .nav-text:after{width:100%}.resume-btn,.mobile-resume-btn{background-color:var(--blue);color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-weight:600;transition:transform .3s ease}.resume-btn:hover,.mobile-resume-btn:hover{color:var(--yellow);transform:scale(1.1)}.mobile-menu-btn{display:none;background:linear-gradient(145deg,#04adc6,#0077b6);border:none;cursor:pointer;padding:.6rem;width:42px;height:42px;border-radius:8px;box-shadow:inset 0 -2px #0003,inset 0 2px #ffffff4d,0 4px 8px #0003;transition:all .2s ease;position:relative}.mobile-menu-btn:hover{box-shadow:inset 0 -2px #0003,inset 0 2px #ffffff4d,0 6px 12px #0000004d}.mobile-menu-btn:active{transform:translateY(2px);background:linear-gradient(145deg,#0077b6,#04adc6);box-shadow:inset 0 2px #0003,inset 0 -2px #ffffff1a,0 2px 4px #0003}.hamburger{width:20px;height:2px;background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;width:20px;height:2px;background-color:#fff;transition:all .3s ease;left:0}.hamburger:before{top:-7px}.hamburger:after{bottom:-7px}[data-theme=dark] .mobile-menu-btn{background:linear-gradient(145deg,#2c3e50,#34495e);box-shadow:inset 0 -2px #0003,inset 0 2px #ffffff1a,0 4px 8px #0006}[data-theme=dark] .mobile-menu-btn:active{background:linear-gradient(145deg,#34495e,#2c3e50);box-shadow:inset 0 2px #0003,inset 0 -2px #ffffff1a,0 2px 4px #0006}@media (max-width: 480px){.mobile-menu-btn{width:36px;height:36px;padding:.5rem}.hamburger,.hamburger:before,.hamburger:after{width:16px}.hamburger:before{top:-6px}.hamburger:after{bottom:-6px}}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:-100%;width:300px;height:100%;background-color:var(--yellow);z-index:1001;transition:right .3s ease;padding:2rem;box-shadow:-2px 0 5px #0000001a}.mobile-menu.active{right:0}.close-menu-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.5rem;font-size:2rem;color:var(--text-primary)}.mobile-nav-links{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;list-style:none;padding:0}.mobile-nav-links a{color:var(--text-primary);text-decoration:none;font-size:1.1rem;padding:.5rem 0;transition:color .3s ease;display:flex;flex-direction:column;gap:.5rem}.mobile-nav-links a:hover{color:var(--blue)}.mobile-nav-links .nav-number{color:var(--blue);font-size:.9rem}.mobile-nav-links .nav-text{color:var(--text-primary)}.mobile-resume-btn{background-color:var(--blue);color:#fff!important;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-weight:600;transition:transform .3s ease;margin-top:1rem;text-align:center}.mobile-resume-btn:hover{transform:scale(1.1)}.no-scroll{overflow:hidden}@media (max-width: 1200px){.mobile-menu-btn{display:block}.nav-links{display:none}}main{width:100%;overflow-x:hidden;position:relative}section{width:100vw;max-width:100%;overflow-x:hidden;position:relative;box-sizing:border-box;padding:5rem}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.pixel-effect-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:.5rem;overflow:hidden}.image-container:hover .pixel-effect-container{opacity:1}.pixel-effect-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.5rem}.hero-content{position:relative;z-index:2;text-align:center;padding:2rem}.hero h1{font-family:Mynerve,cursive;font-size:7rem;margin-bottom:2.5rem;color:var(--text-primary)}.hero p{font-family:Mynerve,cursive;font-size:2.5rem;margin-bottom:2.5rem;color:var(--text-primary)}.resume-button{display:inline-block;background-color:var(--yellow);padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;color:var(--blue);font-weight:600;transition:transform .3s ease}.resume-button:hover{transform:scale(1.2)}#typed-text{border-bottom:2px solid var(--blue);padding-bottom:5px}.cursor{display:inline-block;width:2px;margin-left:2px;background-color:var(--text-primary);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.about{padding:4rem 2rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;box-sizing:border-box}.section-title{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;font-size:2.5rem;color:var(--text-primary)}.section-number{color:var(--blue)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.welcome{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.intro{margin-bottom:2rem;line-height:1.8}.underline{text-decoration:underline var(--blue) wavy 2px}.qualifications,.achievements{margin-bottom:2rem}.qualifications h3,.achievements h3{color:var(--orange);margin-bottom:1rem;font-size:1.25rem}.qualifications ul,.achievements ul{list-style:none}.qualifications li,.achievements li{margin-bottom:.5rem;display:flex;gap:.5rem;align-items:baseline}.bullet{color:var(--blue);font-weight:700}.about-image{position:relative}.image-wrapper{max-width:400px;margin-left:auto;position:relative;padding:0 1rem 1rem 0}.image-container{position:relative;border-radius:1rem;overflow:visible;margin-bottom:3rem}.pixel-transition-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:2;display:flex;align-items:center;justify-content:center}.pixel-transition-canvas{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.5rem}.pixel-transition-text{position:relative;z-index:3;color:var(--beige);font-family:Mynerve,cursive;font-size:2rem;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.profile-image{width:100%;height:auto;border-radius:.5rem;display:block;position:relative;z-index:1}.image-container:before{content:"";position:absolute;right:-30px;bottom:-30px;width:100%;height:100%;border:2px solid var(--yellow);border-radius:.5rem;z-index:0}.image-caption{position:absolute;bottom:-10px;right:-10px;color:var(--orange);font-style:italic}.experience{padding:4rem 1rem;position:relative;max-width:1200px;margin:0 auto}.experience-wrapper{position:relative;width:100%;display:flex;gap:15rem;align-items:flex-start;justify-content:flex-start;max-width:1400px;margin:0 auto;padding:0 2rem}.experience-container{background-color:var(--yellow);border-radius:1rem;padding:2rem;display:flex;gap:2rem;width:65%;max-width:800px;height:auto;min-height:600px;position:relative}.experience-images{position:absolute;right:200px;top:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;width:200px;z-index:1}.experience-image{width:160px;height:160px;object-fit:cover;border-radius:.5rem;box-shadow:0 4px 8px #0000001a}.experience-images img{position:absolute;width:160px;height:160px;object-fit:cover;border-radius:.5rem;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.experience-images img:nth-child(1){top:50px}.experience-images img:nth-child(2){top:50%;transform:translateY(-50%)}.experience-images img:nth-child(3){bottom:50px}.experience-images:hover img:nth-child(1){transform:translateY(-20px) scale(1.05)}.experience-images:hover img:nth-child(2){transform:translateY(90px) scale(.9);opacity:.8}.experience-images:hover img:nth-child(3){transform:translateY(180px) scale(.75);opacity:.5}.experience-tabs{width:120px;position:relative;height:fit-content}.experience-content{background-color:#fff;border-radius:1rem;padding:2rem;flex-grow:1;width:calc(100% - 120px - 2rem);max-width:100%;box-sizing:border-box;color:var(--dark-gray)}.content-with-images{display:flex;gap:3rem;align-items:flex-start;position:relative}.text-content{flex:1;max-width:70%}.tab-buttons{display:flex;flex-direction:column;gap:0}.tab-btn{background:none;border:none;padding:.75rem;width:120px;height:45px;text-align:center;font-family:Chakra Petch,sans-serif;font-size:.9rem;color:#fff;cursor:pointer;position:relative;transition:all .3s ease;display:flex;align-items:center;justify-content:left;font-weight:700}.tab-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:transparent;z-index:2;transition:background-color .3s ease}.tab-btn:hover{background-color:#fff;color:var(--orange)}.tab-btn:hover:before{background-color:#fff}.tab-btn.active{background-color:#fff;color:var(--orange)}.tab-btn.active:before{background-color:var(--orange)}.tab-content{display:none}.tab-content.active{display:block}.job-header{margin-bottom:1rem}.job-title{font-size:1.5rem;margin-bottom:.5rem}.company{color:var(--orange)}.job-department{font-size:.9rem;color:var(--orange);margin-bottom:1rem}.job-duration{font-size:.9rem;color:var(--medium-gray);margin-bottom:3rem}.job-description{list-style-type:none;padding-left:0}.job-description li{margin-bottom:1rem}.bullet{color:var(--orange);margin-right:.5rem}.highlight{color:var(--accent-primary)}.projects{width:100%;max-width:100vw;overflow:hidden;padding:4rem 2rem}.projects-container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;gap:2rem}.project-card{display:grid;grid-template-columns:1fr 1fr;border-radius:1rem;overflow:hidden;border:5px solid var(--card-border);transition:transform .3s ease;background-color:var(--card-bg);text-decoration:none}.project-card:hover{transform:scale(1.02);animation:vibrate .3s linear}@keyframes vibrate{0%{transform:scale(1.02) translate(0)}20%{transform:scale(1.02) translate(-2px,2px)}40%{transform:scale(1.02) translate(-2px,-2px)}60%{transform:scale(1.02) translate(2px,2px)}80%{transform:scale(1.02) translate(2px,-2px)}to{transform:scale(1.02) translate(0)}}.project-card:nth-child(2){grid-template-columns:1fr 1fr;direction:ltr}.project-card:nth-child(2) .project-image{order:1}.project-card:nth-child(2) .project-info{order:2}.project-info{padding:3rem;display:flex;flex-direction:column;margin-top:auto;margin-bottom:auto}.project-category{font-family:Chakra Petch,sans-serif;font-size:.9rem;color:var(--dark-gray);margin-bottom:.5rem}.project-title{font-family:Chakra Petch,sans-serif;font-size:1.8rem;font-weight:700;color:#25282b;margin-bottom:1rem}.project-subtitle{font-family:Chakra Petch,sans-serif;font-size:1.3rem;font-weight:700;color:#25282b;margin-bottom:1rem}.project-description{font-family:Chakra Petch,sans-serif;font-size:.9rem;color:var(--dark-gray);line-height:1.6;margin-bottom:1.5rem}.highlight{color:var(--accent-primary);text-decoration:none}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:#ffeeab;color:var(--orange);font-family:Chakra Petch,sans-serif;font-size:.8rem;padding:.3rem .8rem;border-radius:1rem;margin-right:1rem;margin-top:.5rem}.project-image{background-color:var(--yellow);display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.project-image.dark-bg{background-color:#000}.project-image.teal-bg{background-color:#04adc6}.project-img{max-width:100%;height:auto;object-fit:contain;transition:transform .3s ease}.final-project{text-align:center;font-family:Mynerve,sans-serif;font-size:2rem;color:var(--text-primary);margin:2rem 0}.arrow-down{display:block;text-align:center;justify-content:center;height:7rem;width:7rem;margin-left:auto;margin-right:auto}.more-projects{display:flex;justify-content:center;margin-top:1rem}.more-projects-btn{background-color:var(--yellow);color:var(--blue);font-family:Chakra Petch,sans-serif;font-size:1rem;padding:1rem 2rem;border-radius:2rem;text-decoration:none;transition:all .3s ease;font-weight:700;margin-bottom:1.5rem}.more-projects-btn:hover{transform:scale(1.05)}.contact{width:100%;max-width:100vw;overflow:hidden;background-color:#2289b8;padding:6rem 2rem;position:relative;display:flex;color:#fff}.social-sidebar{position:fixed;left:2rem;bottom:0;display:flex;flex-direction:column;align-items:center}.social-icons{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.social-icon{display:block;width:2.5rem;height:2.5rem;transition:transform .3s ease}.social-icon:hover{transform:translateY(-5px)}.social-icon:hover img{filter:brightness(0) saturate(100%) invert(80%) sepia(58%) saturate(2000%) hue-rotate(360deg) brightness(107%) contrast(104%)}.social-icon img{width:100%;height:100%}.vertical-line{width:2px;height:100px;background-color:#8ecae6}.contact-content{max-width:800px;margin:0 auto;text-align:center}.contact-subtitle{font-family:Mynerve,cursive;font-size:2rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:1rem;font-weight:lighter}.contact-subtitle>.section-number{color:var(--yellow)}.contact-title{font-family:Mynerve,cursive;font-size:4rem;margin-bottom:3rem;font-weight:400}.contact-text{font-family:Mynerve,cursive;font-size:1.5rem;line-height:1.8;margin-bottom:3rem;max-width:1000px;margin-left:auto;margin-right:auto}a.highlight-link{text-decoration:none;color:var(--yellow)}.highlight-link:hover{color:#fff}.highlight-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--accent-secondary);transition:background-color .3s ease}.highlight-link:hover:after{background-color:#fff}.say-hello-btn{display:inline-block;background-color:var(--yellow);color:var(--dark-gray);font-family:Cabin Sketch,sans-serif;font-size:1.2rem;padding:1rem 4rem;border-radius:.5rem;text-decoration:none;transition:all .3s ease;font-weight:700;margin-top:0rem}.say-hello-btn:hover{transform:scale(1.05)}@media (max-width: 1680px){.experience-container{max-width:1000px}.experience-images{right:-250px}.experience-images img{width:180px;height:180px}}@media (max-width: 1280px){.experience-wrapper{gap:8rem;padding:0 1.5rem}.experience-container{width:60%}.vertical-cards{width:220px}.social-sidebar{position:relative;left:auto;bottom:auto;width:100%;padding:3rem 0;margin-top:3rem}.contact{flex-direction:column}.contact-content{order:1}.social-sidebar{order:2}.social-icons{flex-direction:row;justify-content:center;margin-bottom:0;gap:2rem}.vertical-line{display:none}}@media (max-width: 1024px){.experience-wrapper{flex-direction:column;gap:1rem;align-items:center;justify-content:center;width:100%}.experience-container{flex-direction:column;width:100%;max-width:700px;min-height:auto}.experience-tabs{width:100%;position:relative}.experience-tabs:before{display:none}.experience-tabs:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:#fff;z-index:1}.tab-buttons{flex-direction:row;justify-content:space-between;position:relative}.tab-btn{flex:1;height:60px;justify-content:center}.tab-btn:before{width:100%;height:4px;top:auto;bottom:0}.experience-content{width:100%;padding:1.5rem}.vertical-cards{position:static;width:250px;height:auto;margin:2rem auto;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:1rem;left:50%;transform:translate(-50%);margin-left:50%}.card-wrapper{width:100%;height:160px;display:flex;justify-content:center}.tilt-card{width:100%;height:100%;margin:0 auto}.tilt-card img{width:100%;height:100%;object-fit:contain;margin:0 auto}.projects{padding-left:5rem;padding-right:5rem}.project-card,.project-card:nth-child(2){grid-template-columns:1fr;direction:ltr}.project-image,.project-card:nth-child(2) .project-image{order:1}.project-info,.project-card:nth-child(2) .project-info{order:2}.project-title{font-size:1.5rem}.project-subtitle{font-size:1.3rem}.project-description{font-size:.9rem}.project-info{padding:2rem}.project-tags{margin-top:1rem}}@media (max-width: 768px){.experience{padding:2rem 1rem}.experience-container{padding:1rem}.tab-btn{padding:.5rem;font-size:.9rem;height:50px}.vertical-cards{flex-direction:column;align-items:center;max-width:400px;gap:1.5rem}.card-wrapper{width:250px;height:250px}.tilt-card{background-color:#000}.tilt-card img{padding:1.5rem}.experience-wrapper{padding:0 1rem;gap:2rem}.experience-images{flex-direction:column;align-items:center}.experience-images img,.experience-images img:nth-child(2){width:200px;height:200px}.final-project{font-size:1.5rem}.contact{padding:3rem 1rem}.contact-subtitle{font-size:1.5rem}.contact-title{font-size:2.5rem;margin-bottom:2rem}.contact-text{font-size:1rem}.say-hello-btn{font-size:1rem;padding:.8rem 2rem;margin-bottom:5rem}.nav-links{display:none}.hero{padding:0 .5rem}.hero h1{font-size:3rem}.hero p{font-size:1.25rem}.about{padding-left:2rem;padding-right:2rem}.about-content{grid-template-columns:1fr;gap:2rem}.section-title{font-size:2rem}.welcome{font-size:1.25rem}.image-wrapper{margin:0 auto}.image-container{max-width:400px;margin:0 auto}.image-caption{position:relative;text-align:center;margin-top:2rem}.decay-card{height:200px}.decay-card-item{transform:translateZ(-60px) rotateY(180deg)}.projects{padding:2rem 1rem}.project-info{padding:1.5rem}.project-title{font-size:1.3rem}.project-subtitle{font-size:1rem}.project-description{font-size:.85rem}.more-projects-btn{font-size:.9rem;padding:.8rem 1.5rem}}@media (max-width: 480px){.experience-wrapper{padding:0 .5rem}.experience-container{padding:1rem}.vertical-cards{max-width:300px;gap:1rem}.card-wrapper{width:200px;height:200px}.tab-btn{font-size:.8rem;padding:.5rem .25rem}.tilt-card img{padding:1rem}}.decay-card{position:relative;width:35%;height:400px;perspective:1000px;margin-top:4rem}.decay-card-item{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease,opacity .6s ease;opacity:0;transform:translateZ(-100px) rotateY(180deg)}.decay-card-item img{width:100%;height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 8px #0000001a}.decay-card-item:nth-child(1){z-index:3;transform:translateZ(0) rotateY(0);opacity:1}.decay-card-item:nth-child(2){z-index:2;transform:translateZ(-50px) rotateY(10deg);opacity:.7}.decay-card-item:nth-child(3){z-index:1;transform:translateZ(-100px) rotateY(20deg);opacity:.4}.decay-card-item.active{transform:translateZ(0) rotateY(0)!important;opacity:1!important;z-index:4!important}.vertical-cards{position:relative;width:250px;height:600px;display:flex;flex-direction:column;gap:2rem;perspective:1000px;margin-top:4rem;margin-left:-2rem;align-self:flex-start;position:sticky;top:4rem}.card-wrapper{position:relative;width:100%;height:160px;transform-style:preserve-3d;transition:transform .5s ease}.tilt-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:all .5s ease;cursor:pointer;background-color:#000;border-radius:8px}.tilt-card img{width:100%;height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:.5rem}.card-wrapper:hover{transform:translateZ(50px);z-index:10}.card-wrapper:hover~.card-wrapper{transform:translateY(30px) scale(.95);filter:brightness(.9)}.card-wrapper:not(:hover){transform:translateY(0) scale(1);filter:brightness(1)}@media (max-width: 1200px){.experience-wrapper{flex-direction:column;align-items:center}.vertical-cards{position:relative;width:100%;max-width:400px;height:auto;margin-top:2rem;margin-left:0}.card-wrapper{height:150px}.decay-card{width:100%;height:250px;margin-top:2rem}.decay-card-item{transform:translateZ(-80px) rotateY(180deg)}.decay-card-item:nth-child(2){transform:translateZ(-40px) rotateY(10deg)}.decay-card-item:nth-child(3){transform:translateZ(-80px) rotateY(20deg)}}.theme-toggle{position:relative;width:48px;height:48px;margin:0;padding:0;border:none;border-radius:50%;background:linear-gradient(145deg,#04adc6,#0077b6);cursor:pointer;box-shadow:inset 0 -2px #0003,inset 0 2px #ffffff4d,0 4px 8px #0003;transition:all .2s ease;display:flex;align-items:center;justify-content:center;overflow:hidden;transform:translateY(0)}.theme-toggle:active{transform:none;background:linear-gradient(145deg,#0077b6,#04adc6);box-shadow:inset 0 2px #0003,inset 0 -2px #ffffff1a,0 2px 4px #0003}.theme-toggle:hover{box-shadow:inset 0 -2px #0003,inset 0 2px #ffffff4d,0 6px 12px #0000004d}.theme-toggle-track{position:relative;width:24px;height:24px;transition:transform .5s ease}[data-theme=dark] .theme-toggle-track{transform:rotate(360deg)}.theme-toggle-sun,.theme-toggle-moon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;color:#fff;transition:opacity .3s ease,transform .5s ease}.theme-toggle-sun{opacity:1;transform:translate(-50%,-50%) rotate(0)}.theme-toggle-moon{opacity:0;transform:translate(-50%,-50%) rotate(-90deg)}[data-theme=dark] .theme-toggle-sun{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}[data-theme=dark] .theme-toggle-moon{opacity:1;transform:translate(-50%,-50%) rotate(0)}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}.theme-toggle-wrapper{margin-left:5rem;margin-right:0}.resume-btn{margin-right:1rem}@media (max-width: 1200px){.theme-toggle{position:absolute;right:80px;top:50%;transform:translateY(-50%);margin:0}.theme-toggle:active{transform:translateY(calc(-50% + 4px))}}@media (min-width: 1280px){.nav-links{display:flex;align-items:center;gap:2rem}.theme-toggle-wrapper{order:2;margin-left:5rem!important;margin-right:0}.resume-btn{order:1}.mobile-menu-btn{display:none}.nav-links li:last-child{margin-left:auto}}@media (max-width: 1279px){.nav-links{display:none}.nav-right{display:flex;align-items:center;gap:5rem;position:relative}.mobile-theme-toggle{display:flex;position:relative;transform:none!important;margin:0;right:auto}.mobile-menu-btn{display:block;margin-left:1rem}}.mobile-theme-toggle{display:none}@media (max-width: 1279px){.theme-toggle-wrapper{display:none}.mobile-theme-toggle{display:block}}@media (max-width: 1279px){.nav-links{display:none}.nav-right{display:flex;align-items:center;gap:5rem;position:relative}.mobile-theme-toggle{display:flex;margin:0}.mobile-menu-btn{display:block;margin-left:1rem}}@media (min-width: 1200px){.theme-toggle-wrapper{display:block}.mobile-theme-toggle{display:none}.nav-links{display:flex}.mobile-menu-btn{display:none}}@media (max-width: 1199px){.theme-toggle-wrapper{display:none}.nav-right{display:flex;align-items:center;gap:2rem;position:relative}.mobile-theme-toggle{display:flex;position:relative;transform:none!important;margin:0;right:auto}.mobile-theme-toggle:active{transform:none!important}.mobile-menu-btn{display:block;margin-left:.5rem}.nav-links{display:none}}@media (max-width: 480px){.nav-right{gap:.5rem}.theme-toggle,.mobile-theme-toggle{width:40px;height:40px}.theme-toggle-track{width:20px;height:20px}}[data-theme=dark] .theme-toggle{background:linear-gradient(145deg,#2c3e50,#34495e);box-shadow:inset 0 -2px #0003,inset 0 2px #ffffff1a,0 4px 8px #0006}.pixel-transition{position:relative;width:100%;height:100%;overflow:hidden;border-radius:1rem;display:block}.pixel-transition img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1rem}.pixel-transition-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:1rem;overflow:hidden;opacity:0;transition:opacity .2s ease}.pixel-transition:hover .pixel-transition-wrapper{opacity:1}.pixel-transition-canvas{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1rem}.pixel-transition-pixels{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.pixel-transition-pixel{position:absolute;display:none}.pixel-transition-text{position:relative;z-index:3;font-family:Mynerve,cursive;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3);pointer-events:none;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.profile-image-wrapper{width:100%;height:100%;position:relative;border-radius:1rem;overflow:hidden}.image-container .profile-image-wrapper{margin:0;padding:0}