@charset "UTF-8";@font-face{font-family:Shifty Notes;src:url(/fonts/ShiftyNotes-Regular.woff2) format("woff2"),url(/fonts/ShiftyNotes-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Motley Forces;src:url(/fonts/MotleyForces-Regular.woff2) format("woff2"),url(/fonts/MotleyForces-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#experience{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#experience #experience-canvas{height:100%;width:100%;z-index:2}h1,h2{font-family:Motley Forces}p,ul,li{font-family:Shifty Notes}ul{list-style:none;padding-left:2rem}ul li{position:relative;margin-bottom:1rem}ul li:before{content:"•";position:absolute;left:-1.5rem;color:#9333ea;font-size:1.5em}ul li ul{margin-top:.5rem}ul li ul li:before{content:"◦";font-size:1.2em}ul li ul ul li:before{content:"▪";font-size:1em}ul li:hover:before{color:#7e22ce;transform:scale(1.2);transition:all .2s ease}.image-wrapper{width:100%;height:550px;overflow:hidden;margin-bottom:12px}@media (max-width: 768px){.image-wrapper{height:auto}}.base-image{height:100%;width:100%;border-radius:24px;object-fit:cover;border:6px solid #9333ea}.work-image-wrapper{width:100%;height:200px;overflow:hidden;margin-bottom:12px;border-radius:12px;background-color:#8b5cf60d}@media (max-width: 768px){.work-image-wrapper{height:180px}}.work-base-image{height:100%;width:100%;border-radius:12px;object-fit:cover;border:2px solid rgba(139,92,246,.2);transition:all .3s ease}.work-project:hover .work-base-image{border-color:#8b5cf666}.overlay{height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0;z-index:3;display:none;background-color:#20202033;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;max-width:1200px;width:90%;transform:translate(-50%,-50%);font-size:2.2rem;z-index:9999;padding:30px;border-radius:25px;display:none;border:8px solid #9333ea}@media (max-width: 768px){.modal{padding:20px;border-radius:20px;border-width:6px}}@media (max-width: 480px){.modal{padding:14px;width:94%;border-width:5px;border-radius:16px}}.about{max-width:800px}.contact{max-width:500px}.modal-wrapper{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column;gap:24px}.sm-margin-top{margin-top:12px}.modal-title{display:flex;justify-content:center;align-items:center;padding:10px 80px;border-radius:5rem;color:#7e22ce;background-color:#c084fc;box-shadow:#0000003d 0 3px 8px}@media (max-width: 768px){.modal-title{font-size:1.5rem;padding:10px 20px;width:100%}}.modal-paragraph-header{font-size:1.8rem;margin-top:24px;margin-bottom:12px;font-family:Motley Forces}@media (max-width: 768px){.modal-paragraph-header{font-size:1.5rem}}.modal-paragraph-header-2{border-top:2px solid #9333ea;font-size:1.2rem;padding-top:24px;margin-bottom:8px}@media (max-width: 768px){.modal-paragraph-header-2{font-size:1.3rem}}.modal-paragraph-text{font-size:1.4rem;line-height:1.6;font-family:Shifty Notes}@media (max-width: 768px){.modal-paragraph-text{font-size:1.2rem}}.list-text{font-size:1.4rem;line-height:1.6;font-family:Shifty Notes}@media (max-width: 768px){.list-text{font-size:1.2rem}}.list-text-2{font-size:1.3rem;line-height:1.5;font-family:Shifty Notes}@media (max-width: 768px){.list-text-2{font-size:1.15rem}}.modal-content{width:100%;height:200px;overflow:hidden;position:relative;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.modal-content{height:350px}}.work .modal-content{height:550px}@media (max-width: 768px){.work .modal-content{height:500px}}.about .modal-content{height:550px}@media (max-width: 768px){.about .modal-content{height:500px}}.contact .modal-content{height:auto;min-height:150px;overflow:visible;max-height:none}@media (max-width: 768px){.contact .modal-content{overflow:visible;min-height:150px}}.modal-content-wrapper{height:100%;overflow-y:auto;overflow-x:hidden;padding-right:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;scroll-behavior:smooth}.modal-content-wrapper::-webkit-scrollbar{width:8px}.modal-content-wrapper::-webkit-scrollbar-track{width:2px;border-radius:4px;background-color:#6f497433}.modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#7e22ce;border-radius:4px}.modal-content-wrapper *{max-width:100%;box-sizing:border-box}.work .modal-content-wrapper{display:flex;flex-direction:column;gap:2rem;width:100%;padding:1rem;max-width:100%;overflow-y:auto;overflow-x:hidden}@media (max-width: 768px){.work .modal-content-wrapper{gap:1.5rem;padding:.75rem}}.work-project{padding:16px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:100%;max-width:100%;justify-content:start;min-height:0;border-radius:12px;background-color:#8b5cf605;border:1px solid rgba(139,92,246,.1);transition:all .3s ease}.work-project:hover{background-color:#8b5cf614;border-color:#8b5cf640}@media (max-width: 768px){.work-project{height:auto;padding:12px}}a.work-project{text-decoration:none;color:inherit}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;width:100%;margin:1rem 0}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:1rem}}.work-project-wrapper{width:100%;height:auto;max-width:100%}.section-title{font-family:Motley Forces;font-size:1.8rem;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:6px solid #9333ea;text-align:center;width:100%}.light-theme .section-title{color:#2d3748;border-color:#8b5cf6}.dark-theme .section-title{color:#fff;border-color:#8b5cf6}@media (max-width: 480px){.section-title{font-size:1.4rem;border-bottom-width:4px}}.linkedin-cta-wrapper{width:100%;text-align:center;margin-top:1rem}.contact .modal-content-wrapper{overflow:visible;display:flex;flex-direction:column;align-items:center;width:100%;padding:2rem 1rem}.linkedin-cta-button{display:inline-block;padding:1rem 2rem;background-color:#9333ea;color:#fff;text-decoration:none;border-radius:12px;font-size:1.2rem;font-family:Motley Forces;transition:all .3s ease;white-space:nowrap;max-width:100%}.linkedin-cta-button:hover{background-color:#7e22ce;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}@media (max-width: 768px){.linkedin-cta-button{font-size:1rem;padding:.8rem 1.5rem}}@media (max-width: 480px){.linkedin-cta-button{font-size:.85rem;padding:.6rem 1rem}}.modal-exit-button{display:flex;justify-content:center;align-items:center;position:absolute;top:-2.3rem;left:-2.3rem;border:8px solid #9333ea;background-color:#e9e9e9;padding:15px;border-radius:1.2rem;cursor:pointer;transform:rotate(-15deg);transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:#0000003d 0 3px 8px}.modal-exit-button:hover{transform:rotate(45deg) scale(1.3)}@media (max-width: 768px){.modal-exit-button{top:auto;left:50%;bottom:-3rem;transform:translate(-50%)}.modal-exit-button:hover{transform:translate(-50%) scale(1.3)}}.exit-button-svg{width:40px;height:40px;color:#9333ea}@media (max-width: 768px){.exit-button-svg{width:25px;height:25px}}.contact-button-wrapper{display:flex;align-items:center;margin-top:24px;justify-content:center;gap:2rem;flex-wrap:wrap;width:100%}@media (max-width: 768px){.contact-button-wrapper{gap:1.5rem}}.contact-svg{width:40px;height:40px;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.linkedin{width:60px;height:60px}.linkedin:hover{transform:rotate(15deg) scale(1.3)}.github{width:60px;height:60px}.github:hover{transform:rotate(-15deg) scale(1.3)}.instagram{width:63px;height:63px}.instagram:hover{transform:rotate(35deg) scale(1.3)}.mail{width:68px;height:68px}.mail:hover{transform:rotate(-35deg) scale(1.3)}.xsm-margin-top{margin:12px}.toggle-buttons-group{position:fixed;top:24px;right:24px;z-index:100;display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.toggle-buttons-group{top:16px;right:16px;gap:.75rem}}.toggle-buttons{display:flex;justify-content:center;align-items:center;position:relative;width:60px;height:60px;padding:0;border:8px solid #9333ea;background-color:#e9e9e9;color:#9333ea;border-radius:1.2rem;cursor:pointer;box-shadow:#0000003d 0 3px 8px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.toggle-buttons:hover{transform:scale(1.15)}@media (max-width: 768px){.toggle-buttons{width:48px;height:48px;border-width:6px}}.mute-toggle-button:hover{transform:rotate(-5deg) scale(1.15)}.weather-toggle-button:hover{transform:rotate(3deg) scale(1.15)}.theme-toggle-button:hover{transform:rotate(5deg) scale(1.15)}.toggle-buttons svg{width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}@media (max-width: 768px){.toggle-buttons svg{width:24px;height:24px}}.mute-toggle-button:not(.is-muted) .sound-on-svg,.mute-toggle-button.is-muted .sound-off-svg{display:block}.theme-toggle-button:not(.is-night) .sun-svg,.theme-toggle-button.is-night .moon-svg{display:block}.weather-toggle-button.weather-snow .weather-snow-svg,.weather-toggle-button.weather-sun .weather-sun-svg,.weather-toggle-button.weather-rain .weather-rain-svg,.weather-toggle-button.weather-leaf .weather-leaf-svg{display:block}.light-theme .sound-svg,.light-theme .sun-svg,.light-theme .moon-svg,.light-theme .weather-svg,.light-theme .github,.light-theme .linkedin,.light-theme .instagram,.light-theme .mail{stroke:#8b5cf6;color:#8b5cf6}.dark-theme .sound-svg,.dark-theme .sun-svg,.dark-theme .moon-svg,.dark-theme .weather-svg,.dark-theme .github,.dark-theme .linkedin,.dark-theme .instagram,.dark-theme .mail{stroke:#a78bfa;color:#a78bfa}.sm-font{font-size:1.2rem}.paragraph-section{width:100%;display:flex;flex-direction:column;gap:8px}.light-theme ul li:before{color:#0a0a0a}.dark-theme ul li:before{color:#fff}.light-theme ul li:hover:before{color:#8b5cf6}.dark-theme ul li:hover:before{color:#8b5cf6}.light-theme .base-image,.dark-theme .base-image,.light-theme .work-base-image,.dark-theme .work-base-image{border-color:#8b5cf6}.light-theme .modal{border-color:#8b5cf6;background-color:#e9e9e9}.dark-theme .modal{border-color:#8b5cf6;background-color:#1a1a1a}.light-theme .modal-title{color:#4a5568;background-color:#a78bfa}.dark-theme .modal-title{color:#fff;background-color:#7c3aed}.light-theme .modal-paragraph-header-2,.dark-theme .modal-paragraph-header-2{border-color:#8b5cf6}.light-theme .modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#7c3aed}.dark-theme .modal-content-wrapper::-webkit-scrollbar-thumb{background-color:#a78bfa}.light-theme .list-text,.light-theme .list-text-2,.light-theme .modal-paragraph-text{color:#0a0a0a}.dark-theme .list-text,.dark-theme .list-text-2,.dark-theme .modal-paragraph-text{color:#fff}.light-theme .modal-paragraph-header,.light-theme .modal-paragraph-header-2{color:#7c3aed}.dark-theme .modal-paragraph-header,.dark-theme .modal-paragraph-header-2{color:#a78bfa}.light-theme .modal-exit-button{border-color:#8b5cf6;background-color:#e9e9e9}.dark-theme .modal-exit-button{border-color:#8b5cf6;background-color:#1a1a1a}.light-theme .exit-button-svg{color:#8b5cf6}.dark-theme .exit-button-svg{color:#a78bfa}.light-theme .toggle-buttons{border-color:#8b5cf6;background-color:#e9e9e9;color:#8b5cf6}.dark-theme .toggle-buttons{border-color:#8b5cf6;background-color:#1a1a1a;color:#8b5cf6}.light-theme .sound-svg,.light-theme .sound-off-svg,.light-theme .sun-svg,.light-theme .github,.light-theme .linkedin,.light-theme .instagram,.light-theme .mail,.light-theme .moon-svg,.light-theme .weather-sun,.light-theme .weather-snow,.light-theme .weather-rain,.light-theme .weather-leaf{stroke:#8b5cf6;color:#8b5cf6}.dark-theme .sound-svg,.dark-theme .sound-off-svg,.dark-theme .sun-svg,.dark-theme .github,.dark-theme .linkedin,.dark-theme .instagram,.dark-theme .mail,.dark-theme .moon-svg,.dark-theme .weather-sun,.dark-theme .weather-snow,.dark-theme .weather-rain,.dark-theme .weather-leaf{stroke:#a78bfa;color:#a78bfa}.loading-screen{display:flex;justify-content:center;align-items:center;position:fixed;top:50%;left:50%;width:108vw;height:108vh;margin-left:-54vw;margin-top:-54vh;overflow:hidden;z-index:999999;border:8px solid #9333ea;background-color:#0a0a0a;transform:perspective(1000px);border-radius:48px;flex-direction:column;gap:2rem}.loading-cute-image-wrapper{width:200px;height:200px;border-radius:50%;overflow:hidden;border:6px solid #9333ea;box-shadow:0 8px 32px #8b5cf64d;animation:float 3s ease-in-out infinite}@media (max-width: 768px){.loading-cute-image-wrapper{width:150px;height:150px}}.loading-cute-image{width:100%;height:100%;object-fit:cover}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.loading-screen-button{font-family:Motley Forces;display:flex;justify-content:center;align-items:center;background-color:transparent;padding:10px 40px;outline:none;color:#e6dede;border-radius:1.2rem;border:none;font-size:42px}@media (max-width: 768px){.loading-screen-button{font-size:32px}}.no-sound-button{font-family:Motley Forces;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;color:#c4bebe;position:absolute;bottom:15%;left:50%;font-size:16px;transform:translate(-50%,-50%)}.no-sound-button:hover{color:#e6dede;cursor:pointer}.instructions{display:flex;justify-content:center;align-items:center;position:absolute;bottom:10%;left:50%;max-width:1200px;width:90%;font-size:28px;transform:translate(-50%,-50%);font-family:Shifty Notes;color:#e6dede}@media (max-width: 767px){.desktop-instructions{display:none}}@media (min-width: 768px){.mobile-instructions{display:none}}@media (max-width: 768px){.mobile-instructions{font-size:28px}}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;width:100%;margin:1.5rem 0}@media (max-width: 768px){.tech-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:18px}}.tech-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px 20px;border-radius:24px;background-color:#8b5cf60d;border:6px solid #9333ea;transition:all .3s ease;cursor:pointer}.tech-item:hover{background-color:#8b5cf626;border-color:#7e22ce;transform:translateY(-8px) rotate(2deg);box-shadow:0 12px 40px #8b5cf64d}.light-theme .tech-item{border-color:#8b5cf6;background-color:#8b5cf60d}.light-theme .tech-item:hover{border-color:#7c3aed;background-color:#8b5cf626}.dark-theme .tech-item{border-color:#8b5cf6;background-color:#8b5cf60d}.dark-theme .tech-item:hover{border-color:#a78bfa;background-color:#8b5cf626}@media (max-width: 768px){.tech-item{padding:25px 15px;gap:10px}}.tech-text{font-size:1.1rem;font-family:Shifty Notes;font-weight:600;letter-spacing:.5px;text-align:center}.light-theme .tech-text{color:#0a0a0a}.dark-theme .tech-text{color:#fff}@media (max-width: 768px){.tech-text{font-size:1rem}}.tech-item img{width:48px;height:48px;object-fit:contain}@media (max-width: 768px){.tech-item img{width:40px;height:40px}}.tech-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#9333ea}.tech-icon svg{width:100%;height:100%}.light-theme .tech-icon{color:#8b5cf6}.dark-theme .tech-icon{color:#a78bfa}@media (max-width: 768px){.tech-icon{width:40px;height:40px}}.ai-item--more{border-style:dashed;background-color:transparent;opacity:.7}.ai-more-dots{font-size:1.6rem;font-family:Motley Forces;letter-spacing:2px}.light-theme .ai-more-dots{color:#8b5cf6}.dark-theme .ai-more-dots{color:#a78bfa}.tech-item span{font-family:Shifty Notes}.light-theme .tech-item span{color:#0a0a0a}.dark-theme .tech-item span{color:#fff}.ai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;margin:1.5rem 0}@media (max-width: 768px){.ai-grid{grid-template-columns:repeat(2,1fr);gap:18px}}.ai-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px 18px;border-radius:24px;background-color:#8b5cf60d;border:6px solid #9333ea;transition:all .3s ease;cursor:pointer}.ai-item:hover{background-color:#8b5cf626;border-color:#7e22ce;transform:translateY(-8px) rotate(-2deg);box-shadow:0 12px 40px #8b5cf64d}.light-theme .ai-item{border-color:#8b5cf6;background-color:#8b5cf60d}.light-theme .ai-item:hover{border-color:#7c3aed;background-color:#8b5cf626}.dark-theme .ai-item{border-color:#8b5cf6;background-color:#8b5cf60d}.dark-theme .ai-item:hover{border-color:#a78bfa;background-color:#8b5cf626}@media (max-width: 768px){.ai-item{padding:25px 12px;gap:10px}}.ai-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.ai-icon svg{width:100%;height:100%}.light-theme .ai-icon{color:#8b5cf6}.dark-theme .ai-icon{color:#a78bfa}@media (max-width: 768px){.ai-icon{width:40px;height:40px}}.ai-name{font-size:1.1rem;font-family:Shifty Notes;font-weight:600;letter-spacing:.5px;text-align:center}.light-theme .ai-name{color:#0a0a0a}.dark-theme .ai-name{color:#fff}@media (max-width: 768px){.ai-name{font-size:1rem}}.loading-tagline{display:flex;justify-content:center;align-items:center;position:absolute;bottom:25%;left:50%;transform:translate(-50%,50%);font-size:24px;font-family:Shifty Notes;color:#a78bfa;opacity:.8;text-align:center;max-width:600px;width:90%}@media (max-width: 768px){.loading-tagline{font-size:18px;bottom:20%}}