*{box-sizing:border-box;margin:0;padding:0}:root{--color-p-accent: #a855f7;--color-p-light: #c084fc;--color-p-dark: #6d28d9;--color-s-accent: #06b6d4;--color-s-light: #67e8f9;--color-s-dark: #0e7490;--color-muted-accent: #aeb8ff;--color-n-1000: #0f0f0f;--color-n-900: #1f1f1f;--color-n-800: #3a3a3a;--color-n-700: #555555;--color-n-600: #7a7a7a;--color-n-500: #a0a0a0;--color-n-400: #cccccc;--color-n-300: #e0e0e0;--color-n-200: #f0f0f0;--color-n-100: #ffffff;--h1-size: 67px;--h1-line: 120%;--h1-weight: 700;--h2-size: 48px;--h2-line: 125%;--h2-weight: 700;--h3-size: 36px;--h3-line: 130%;--h3-weight: 600;--p1-size: 26px;--p1-line: 160%;--p1-weight-regular: 400;--p1-weight-semi: 600;--p2-size: 20px;--p2-line: 160%;--p2-weight-regular: 400;--p2-weight-semi: 600}body{background:var(--color-n-1000);color:var(--color-n-100);font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Satoshi-Variable;src:url(../fonts/Satoshi-Variable.woff2) format("woff2"),url(../fonts/Satoshi-Variable.woff) format("woff"),url(../fonts/Satoshi-Variable.ttf) format("truetype");font-weight:300 900;font-display:swap;font-style:normal}h1,h2,h3{font-family:Satoshi Variable}h1{font-size:var(--h1-size);line-height:var(--h1-line);font-weight:var(--h1-weight);margin:0 0 var(--space-6);color:var(--color-n-100);padding-bottom:4px}h2{font-size:var(--h2-size);line-height:var(--h2-line);font-weight:var(--h2-weight);margin:0 0 var(--space-5);color:var(--color-n-100)}h3{font-size:var(--h3-size);line-height:var(--h3-line);font-weight:var(--h3-weight);margin:0 0 var(--space-4);color:var(--color-n-100)}p{font-size:var(--p1-size);line-height:var(--p1-line);font-weight:var(--p1-weight-regular);margin:0 0 var(--space-5);color:var(--color-n-200)}button{font-size:18px;line-height:120%;border-radius:8px;padding:calc(var(--space-3) - 2px) var(--space-6);border:1px solid transparent;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;font-style:normal}button.primary{background:var(--color-p-accent);color:var(--color-n-100)}button.primary:hover{background:var(--color-p-light)}button.primary:active{background:var(--color-p-dark)}button.primary:focus-visible{outline:2px solid var(--color-p-dark);outline-offset:2px}button.secondary{background:transparent;color:var(--color-s-accent);border:1px solid var(--color-n-800)}button.secondary:hover{color:var(--color-s-light);border-color:var(--color-s-light)}button.secondary:active{color:var(--color-s-dark)}button.secondary:focus-visible{outline:2px solid var(--color-p-dark);outline-offset:2px}a{color:var(--color-s-accent);font-weight:600;text-decoration:none;transition:color var(--motion-duration) var(--motion-ease)}a:focus-visible{outline:2px solid var(--color-p-dark);outline-offset:2px}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:var(--space-5)}section{padding-block:var(--space-11)}@media (max-width: 768px){section{padding-block:var(--space-9)}}:focus-visible{outline:2px solid var(--color-p-dark);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}#root{width:100%}header{display:flex;width:100%;height:4.625rem;padding:.625rem 1.5rem;justify-content:center;align-items:center;background:var(--color-n-900)}ul{list-style-type:none;display:flex;padding:.625rem;align-items:flex-start;gap:1.5rem}main{height:100%;width:100%;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;background:linear-gradient(299deg,#0f0f0f 7.32%,#1f1f1f4d,#6d28d933 92.68%)}:root{--color-p-accent: #a855f7;--color-p-light: #c084fc;--color-p-dark: #6d28d9;--color-s-accent: #06b6d4;--color-s-light: #67e8f9;--color-s-dark: #0e7490;--color-muted-accent: #aeb8ff;--color-n-1000: #0f0f0f;--color-n-900: #1f1f1f;--color-n-800: #3a3a3a;--color-n-700: #555555;--color-n-600: #7a7a7a;--color-n-500: #a0a0a0;--color-n-400: #cccccc;--color-n-300: #e0e0e0;--color-n-200: #f0f0f0;--color-n-100: #ffffff}.nav-link{color:var(--color-muted-accent);font-size:18px;font-style:normal;font-weight:500;line-height:120%}.section-hero{display:flex;max-width:1440px;min-height:90vh;padding-top:0;padding-left:4rem;padding-right:4rem;padding-bottom:12.5rem;gap:3.9375rem;align-items:center;align-self:center;justify-self:center;background:radial-gradient(50.17% 49.95% at 50% 50%,#6d28d933,#9990)}.hero-text-button-container{display:flex;width:39.0625rem;flex-direction:column;align-items:flex-start;gap:1.5rem}.hero-text-container{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.hero-title{background:linear-gradient(90deg,#d9d9d9 0% 58.89%,#c084fc 61.06%,#a855f7 84.13%,#6d28d9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-button-wrapper{display:flex;align-items:flex-start;gap:16px}.hero-primary-button{display:flex;padding:10px 20px;align-items:center;gap:16px;border-radius:8px;background:var(--Primary-Primary-Accent, #a855f7);color:#26193b}.hero-secondary-button{display:flex;padding:10px 20px;align-items:center;gap:16px;border-radius:8px;border:1px solid var(--Primary-Primary-Accent, #a855f7);box-shadow:0 4px 4px #00000040;color:var(--Primary-Primary-Accent, #a855f7)}.hero-video{border-radius:16px}.p1r{color:var(--color-n-200);font-size:26px;font-style:normal;font-weight:400;line-height:160%}.section-transition{display:flex;min-height:100vh;max-width:1440px;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;align-self:center}.transition-title{color:#aeb8ff;background:var(--color-p-accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.transition-subtext{align-self:stretch;color:var(--Muted-Accent, #aeb8ff);text-align:center}#contact{display:grid;height:100vh;width:100%;row-gap:.625rem;column-gap:80px;align-self:stretch;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));background:#6d28d94d}.footer-title{text-align:end;align-self:center}.footer-right{display:flex;padding:.625rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.9375rem;flex:1 0 0;align-self:stretch;grid-row:1 / span 1;grid-column:2 / span 1}.contact-item{display:flex;flex-direction:row-reverse;align-items:center;gap:1.5rem}.about{display:flex;padding-top:8.5rem;padding-bottom:0;padding-left:4rem;padding-right:4rem;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;align-self:stretch;max-width:1440px;align-self:center}.section-title{background:var( --Primary-Gradient, linear-gradient(90deg, #c084fc 0%, #a855f7 50%, #6d28d9 100%) );background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-wrapper{display:flex;width:60.0625rem;flex-direction:column;align-items:flex-start;gap:.625rem;padding-top:1.25rem}.btn{display:flex;padding:.625rem 1.25rem;align-items:center;gap:1rem;color:var(--color-n-200);background-color:transparent}.btn-selected{border-radius:.5rem;background:var(--color-p-accent)}.tab-switch{display:flex;padding:1rem;align-items:flex-start;justify-content:center;gap:1rem;border-radius:.5rem;background:#27114a;max-width:325px}.about-me-container{display:flex;width:60.0625rem;align-items:flex-start;gap:2.5rem}.text-container{display:flex;height:22rem;flex-direction:column;align-items:flex-start;gap:.75rem}.tab-video{width:27.25rem;height:27.25rem;aspect-ratio:1/1;border-radius:.5rem}.tech-stack-wrapper{display:flex;align-items:flex-start;align-content:flex-start;gap:.25rem;align-self:stretch;flex-wrap:wrap}.tech-wrapper{width:2.5rem;height:2.5rem;aspect-ratio:1/1}.small-techstack{height:30px;width:30px}.projects{display:flex;padding-top:0;padding-bottom:12.5rem;padding-left:4rem;padding-right:4rem;flex-direction:column;align-items:center;gap:2.5rem;align-self:stretch}.projects-container{display:flex;padding:.625rem;flex-direction:column;align-items:flex-start;gap:16.25rem}.project{display:flex;align-items:center;gap:3.0625rem;align-self:stretch}.project:nth-child(2n){flex-direction:row-reverse}.project-info{display:flex;width:27.5625rem;flex-direction:column;align-items:flex-start;gap:1.5rem}.project-title{background:linear-gradient(90deg,#67e8f9,#0e7490,#a855f7 66%,#6d28d9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projects-button-wrapper{display:flex;align-items:flex-start;gap:1rem}.project-button{display:flex;width:9.9375rem;height:2.625rem;padding:.625rem 1.25rem;justify-content:center;align-items:center;gap:1rem}.demo-button{border-radius:.5rem;border:1px solid var(--color-p-accent);background:var(--color-n-900);color:var(--color-p-accent)}.github-button{border-radius:.5rem;border:1px solid var(--color-s-accent);background:var(--color-n-900);color:var(--color-s-accent)}.hero{--angle: 130deg;padding:8rem 1.5rem 6rem}.project-img{will-change:transform}.project-image-wrapper img{display:block;width:100%;height:auto}.with-perspective{perspective:1000px}.transition-title .word,.transition-title .char{display:inline-block;background:inherit;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.headline-wrap{position:relative;display:inline-block}.headline-underline{position:absolute;left:0;right:0;height:2px;bottom:-.35em;background:linear-gradient(90deg,var(--color-p-light),var(--color-s-accent));transform:scaleX(0)}.nav-link{position:relative;text-decoration:none}.nav-link:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:linear-gradient(90deg,var(--color-p-accent),var(--color-s-accent));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav-link:hover:after,.nav-link:focus-visible:after{transform:scaleX(1)}.hero-primary-button,.hero-secondary-button{transition:box-shadow .25s ease,filter .2s ease,border-color .2s ease}.hero-primary-button:hover,.hero-primary-button:focus-visible{filter:brightness(1.05);box-shadow:0 10px 30px #a855f740,0 2px 12px #06b6d42e}.hero-secondary-button:hover,.hero-secondary-button:focus-visible{border-color:var(--color-p-light);filter:brightness(1.05);box-shadow:0 8px 24px #a855f738,0 2px 10px #06b6d429}.project-button{transition:box-shadow .25s ease,filter .2s ease,border-color .2s ease}.projects-button-wrapper .demo-button:hover,.projects-button-wrapper .demo-button:focus-visible{filter:brightness(1.05);border-color:var(--color-p-light);box-shadow:0 8px 24px #a855f74d,0 2px 10px #a855f738}.projects-button-wrapper .github-button:hover,.projects-button-wrapper .github-button:focus-visible{filter:brightness(1.05);border-color:var(--color-s-light);box-shadow:0 8px 24px #06b6d44d,0 2px 10px #06b6d438}.project-title{position:relative}.project-title:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:linear-gradient(90deg,var(--color-p-accent),var(--color-s-accent));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.project-title:focus-visible:after,.project:hover .project-title:after{transform:scaleX(1)}.project:focus-within{outline:none;box-shadow:0 0 0 2px var(--color-n-900),0 0 0 4px var(--color-p-accent),0 0 24px #06b6d433;border-radius:10px}.section-title{position:relative}.section-title:after{content:"";position:absolute;left:0;bottom:-.3rem;height:2px;width:100%;background:linear-gradient(90deg,var(--color-p-accent),var(--color-s-accent));transform:scaleX(0);transform-origin:left;transition:transform 1.2s ease;transition-delay:1s}.section-title.accent-underline-in:after{transform:scaleX(1)}.site-header{position:sticky;top:0;z-index:50}.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#0f0f0fd9,#0f0f0fb3);border-bottom:1px solid rgba(58,58,58,.6);-webkit-backdrop-filter:saturate(130%) blur(6px);backdrop-filter:saturate(130%) blur(6px);transition:background .24s ease,border-color .24s ease,box-shadow .24s ease}.nav-shell{max-width:1200px;margin:0 auto;padding:18px 20px;transition:padding .24s ease}.nav-pill{display:inline-flex;align-items:center;gap:clamp(8px,1.6vw,16px);padding:10px 14px;margin:0 auto;list-style:none;border-radius:9999px;background:#1f1f1fbf;border:1px solid rgba(58,58,58,.65);box-shadow:0 2px 10px #00000059,inset 0 0 0 1px #ffffff08;transition:transform .24s ease,background .24s ease,box-shadow .24s ease,border-color .24s ease}.nav-pill li{margin:0;padding:0}.nav-link{display:inline-block;padding:8px 14px;border-radius:999px;font-weight:600;font-size:16px;line-height:1.2;color:var(--color-n-300, #e0e0e0);text-decoration:none;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.site-header.is-compact{background:transparent;border-color:transparent;box-shadow:none}.site-header.is-compact .nav-shell{padding:10px 20px}.site-header.is-compact .nav-pill{transform:scale(.96);background:#1f1f1fb8;border-color:#3a3a3aa6;box-shadow:0 10px 30px #00000059,inset 0 0 0 1px #ffffff0a}.site-header.is-compact .nav-link{padding:7px 12px}