:root{color-scheme:dark;--text: #d6dee8;--secondary-text: #929ba8;--background: #0f121edb;--secondary-background: #171c2e74;--primary: #227ffa;--secondary: #0054ca;--accent: #9798a99e;--box-outline: #0f121e86}*{margin:0;font-family:Inter,system-ui,sans-serif;box-sizing:border-box}*::-webkit-scrollbar{display:none}h1,h2{font-family:Montserrat,system-ui,sans-serif}html{scroll-padding-block-start:7rem;overflow-x:hidden}@media(max-width:1350px){html{scroll-padding-top:20rem}}@media(max-width:425px){html{scroll-padding-top:25rem}}body{background-color:var(--background);color:var(--text);line-height:1.6;overscroll-behavior-y:none}.app-container{display:flex;width:100%;min-height:100vh;overflow-y:visible;background-color:var(--background)}.content-wrapper{display:flex;width:100%;max-width:1600px;margin-left:auto;margin-right:auto;position:relative;box-sizing:border-box;padding-left:3rem;padding-right:3rem;gap:clamp(2rem,5vw,6rem)}.frame-overlay{position:fixed;inset:0;z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--box-outline);padding:3rem;mask:linear-gradient(#000000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;border-radius:var(--window-radius)}.frame-overlay:after{position:absolute;inset:4rem;border-radius:16px}.frame-outline{pointer-events:none;inset:0;position:fixed;z-index:10;border:1px solid #929ba832;border-radius:1rem;margin:3rem}.static-left-side{position:sticky;top:0;height:100vh;flex:0 0 25%;padding:7rem 0 7rem 2rem;box-sizing:border-box;display:flex;flex-direction:column}.static-left-side>div{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;width:100%}.top-group{display:inline-flex;flex-direction:column;width:100%}#nav{display:block}.dynamic-right-side{padding-top:7rem;padding-bottom:7rem;padding-right:2rem;flex-direction:column;box-sizing:border-box;flex:1;min-width:0}.about-wave{animation:wave 2.1s .6s;transform-origin:bottom left}.about-wave svg{font-size:3rem}.page-transition{opacity:0;animation:fadeInUp .3s ease-out forwards;animation-delay:.1s}.primary-color{color:var(--primary);display:inline!important;font-family:Montserrat}#footer-small{display:none}@keyframes wave{0%{transform:rotate(0) scale(1)}10%{transform:rotate(-14deg) scale(1.3)}20%{transform:rotate(8deg) scale(1.4)}30%{transform:rotate(-14deg) scale(1.4)}40%{transform:rotate(4deg) scale(1.4)}50%{transform:rotate(-10deg) scale(1.4)}60%{transform:rotate(0) scale(1)}to{transform:rotate(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.stagger-item{opacity:0;animation:fadeInUp .6s ease-out forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.link-styles{text-decoration:none;color:var(--text);transition:all .3s}.link-styles:hover{color:var(--primary);transition:all .3s}@media(max-width:1350px){.app-container{min-height:100%}.content-wrapper{height:fit-content;flex-direction:column;max-width:900px;gap:0;padding-left:0;padding-right:0}.frame-overlay,.frame-outline{display:none}.static-left-side{position:relative;height:auto;width:100%;padding-left:2rem;padding-top:6rem;padding-right:2rem;padding-bottom:0}.dynamic-right-side{padding-top:0;padding-bottom:4rem;padding-left:2rem;width:100%}#footer-big{display:none}#footer-small{display:block}.primary-color{padding-left:1rem}}@media(max-width:425px){.primary-color{padding-left:0rem}}.welcome-text{min-width:100%;display:flex;flex-direction:column;align-items:flex-start}.welcome-text>*{display:block}.name{font-size:3.7rem;font-weight:700;color:var(--text);text-decoration:none;width:fit-content;line-height:1;white-space:nowrap}.name svg{font-size:3rem}.welcome-text>h2{font-size:1.25rem;color:var(--text);font-weight:500;line-height:1.75;margin-top:.75rem}.summary{max-width:23rem;line-height:1.5;color:var(--secondary-text);margin-top:1rem;max-height:3rem;height:3rem}@media(max-width:1350px){.name{width:100%;justify-content:center;align-items:center;display:flex}.welcome-text>h2{display:flex;justify-content:center;width:100%}.summary{width:100%;max-width:100%;display:flex;justify-content:center;margin-bottom:1rem}}@media(max-width:650px){.summary{margin-bottom:2rem}}@media(max-width:425px){.name{display:flex;flex-direction:column;width:100%;white-space:nowrap;justify-content:center}.name-line-2{display:flex;align-items:center;justify-content:center;gap:1rem}.name-line-1{display:flex;align-items:center;justify-content:center}}.footer-container{width:100%;padding-top:2rem;display:flex;color:var(--secondary-text);flex-direction:column;align-items:flex-start;gap:1rem}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem;justify-content:left}.social-links{display:flex;justify-content:center;gap:1rem}.social-links a{display:flex;transition:all .3s;color:var(--secondary-text)}.social-links a svg{display:block}.social-links a:hover{color:var(--primary);transform:translateY(-5px)}.copyright-text{display:flex;line-height:0;font-size:.75rem;align-items:center}.copyright-text svg{font-size:1rem;margin-right:.25rem}.about-footer{font-size:.75rem;color:var(--secondary-text);max-width:20rem;opacity:.8;line-height:1.07}.about-footer a{color:var(--text);text-decoration:none;font-weight:500}@media(max-width:1350px){.footer-container{position:relative;flex-direction:row;justify-content:space-between;padding:2rem 0;align-items:center}.footer-content{flex-direction:row}.copyright-text{white-space:nowrap;margin-right:1rem}.about-footer{max-width:100%}}@media(max-width:425px){.footer-container{flex-direction:column}}ul{list-style:none;padding:0}.nav-links a{margin-bottom:1rem}.side-nav{width:max-content;height:max-content;margin-top:4rem}.nav-links a{text-decoration:none;color:var(--secondary-text);padding-left:0;display:flex;line-height:1}.nav-links a.active{color:var(--primary)}.nav-indicator{display:inline-flex;align-items:center;justify-content:center;width:0;opacity:0;overflow:hidden;transition:all .3s ease}.nav-indicator.visible{width:1.5rem;opacity:1;margin-right:4px}.nav-indicator svg{display:block;font-size:1.25rem}.link-text{align-items:center;justify-content:center;display:inline-flex;font-size:1.25rem;font-weight:500;font-family:Montserrat}@media(max-width:1350px){#nav{position:fixed;top:0;right:0;width:100%;display:flex;padding:2rem;height:min-content;z-index:999;background-color:#0f121ebc;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);mask-image:linear-gradient(to bottom,black 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 65%,transparent 100%)}.nav-links{display:flex;width:100%;justify-content:right;align-items:center;gap:3rem}.side-nav{width:100%;display:flex;flex-direction:row;margin:0}}@media(max-width:425px){.link-text{font-size:1rem}.nav-links{gap:0;justify-content:space-evenly}}.about-content>h1{display:flex;font-weight:500;line-height:1;font-size:1.25rem;margin-top:3.1rem}.about-p{display:flex;flex-direction:column;justify-content:space-between;flex:1}.about-p1,.about-p2,.about-p3{line-height:2;color:var(--secondary-text);margin:0}.about-p1,.about-p2{margin-bottom:1rem}.about-status-social{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:flex-start;margin-top:2rem;width:100%;align-items:center}.about-status{display:flex;justify-content:flex-start;grid-column:1;grid-row:1}.about-status-wrapper{display:flex;flex-direction:row;gap:1rem}.about-social-wrapper{display:flex;flex-direction:row;gap:1rem;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;grid-column:3;grid-row:1;align-items:center}.status-1,.status-2,.social-1,.social-2,.social-3{align-items:center;display:flex}.about-employment svg,.about-location svg,.about-socials svg{font-size:1.25rem;margin-right:.25rem}.about-location,.about-employment,.about-socials{display:flex;line-height:0;font-size:1rem;color:var(--text);align-items:center;white-space:nowrap}.about-profile-wrapper{display:flex}.about-img{width:15rem;max-width:100%;height:auto;border-radius:10px;object-fit:cover;flex-shrink:0}.about-content-wrapper{display:flex;flex-direction:row;gap:1rem;justify-content:space-between}.about-github{border:1px solid rgba(255,255,255,.05);background-color:#ffffff08;border-radius:12px;width:100%;display:flex;flex-direction:column;overflow:hidden;margin-top:2rem;padding:1rem}.about-github-title{white-space:nowrap;text-align:left;display:flex;padding-bottom:1rem;font-family:Montserrat;font-weight:600;font-size:1.25rem}.about-github-title svg{color:var(--primary);margin-right:.25rem}.about-github>div{width:100%!important;display:flex;justify-content:center}.about-github svg{max-width:100%;height:auto;transform-origin:center top}.about-featured{margin-top:2rem}.about-social-wrapper svg,.about-status svg{color:var(--primary)}@media(max-width:800px){.about-status-social{grid-template-columns:1fr 1fr}.about-status-wrapper{display:flex;flex-direction:row;gap:1rem}.about-social-wrapper{grid-column:2;grid-row:1;margin-left:1rem}}@media(max-width:650px){.about-status-social{grid-template-columns:1fr}.about-status{justify-content:center;margin-bottom:1rem}.about-social-wrapper{grid-column:1;grid-row:2;justify-content:center}.about-profile-wrapper{justify-content:center}.about-content-wrapper{flex-direction:column}}@media(max-width:375px){.about-status-social{justify-content:center}.about-status-wrapper,.about-social-wrapper{display:grid}.about-socials .status-1{grid-row:1}.status-2{grid-row:2}.social-1{grid-row:3}.social-2{grid-row:4}.social-3{grid-row:5}}.tag-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;margin-right:4px;margin-top:4px;background-color:var(--primary);border-radius:8px;color:var(--text);font-size:.8rem;font-weight:500}.project-wrapper{width:100%;display:flex}.project{position:relative;display:flex;align-items:flex-start;flex-direction:column;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);padding:1rem;border-radius:12px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);box-shadow:0 0 8px #0000004d}.project-link svg{display:inline;vertical-align:middle;font-size:1rem;margin-left:.25rem}.project:hover svg{transition:all .3s;transform:translate(5px,-5px)}.project-img{display:block;width:100%;height:12rem;border-radius:8px;object-fit:cover;border:1px rgba(255,255,255,.05) solid;box-shadow:0 0 8px #0000004d;background-color:var(--background)}.project:hover{background-color:#ffffff12;border:1px solid var(--primary);transform:translateY(-4px);box-shadow:0 10px 30px -15px #00000080}.project-hover-layer{inset:0;width:100%;height:100%;position:absolute;z-index:999;background-color:transparent;pointer-events:auto}.project-img,.project-content{position:relative;z-index:10}.project-content{display:flex;flex-direction:column;flex:1}.project-title{align-items:baseline;color:var(--text);font-weight:600;font-size:1rem;line-height:1;margin-top:1rem}.project-date{color:var(--accent);font-size:.8rem;align-items:center;justify-content:center;vertical-align:center;line-height:1;padding-top:.5rem}.project-description{margin-top:.5rem;line-height:1.5;color:var(--secondary-text);font-weight:400;font-size:.9rem}.project:hover .project-title{color:var(--primary)}.project:hover .project-img{border-color:var(--primary)}.project-title,.project-img{transition:all .3s ease}.description-tag-wrapper{display:flex;flex-direction:column;justify-content:space-between;flex:1}.featured-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%;height:auto;overflow-y:visible;gap:1rem}.featured-star{display:flex;justify-content:center;align-items:center;gap:.25rem;font-family:Montserrat}.featured-star svg{color:var(--primary)}.featured-title{display:flex;font-weight:600;line-height:1;font-size:1.25rem;padding-bottom:1rem;justify-content:space-between}.container-border{border-radius:12px;padding:1rem;background-color:#ffffff08;border:1px solid rgba(255,255,255,.05)}.featured-more{display:flex;align-items:center;font-size:1rem;color:var(--secondary-text);height:fit-content;text-decoration:none;font-family:Montserrat}.featured-more svg{margin-top:0rem}.featured-more:hover{color:var(--primary)}@media(max-width:375px){.featured-wrapper{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.expandable{cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:all .3s ease}.expandable.expanded .expandable-header{color:var(--primary)}.expandable-header{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;cursor:pointer;height:100%;font-weight:500;white-space:nowrap}.expandable-content{grid-column:1 / -1;grid-row:2;display:grid;grid-template-rows:0fr;transition:all .3s ease-in-out;opacity:0;overflow:hidden;pointer-events:none;background-color:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05);box-shadow:0 0 8px #0000004d}.expandable.expanded .expandable-content{grid-template-rows:1fr;opacity:1;margin-top:1rem;padding:1rem}.about-tech-stack{min-height:0}.about-tech-stack ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));list-style:none;gap:1rem;padding:0;margin:0;flex-direction:column;align-items:flex-start}.about-tech-stack li{color:var(--text);display:flex;gap:.25rem;align-items:center;pointer-events:auto;justify-content:center;line-height:0;padding:1rem}.about-tech-stack li:hover{color:var(--primary);border-radius:8px;transition:all .3s;background-color:#ffffff1a}.expandable-header svg:first-of-type{color:var(--primary)}.expand-arrow{font-size:1rem}@media(max-width:800px){.expandable-header{grid-column:1 / -1;grid-row:2;margin-top:1rem}.expandable-content{grid-column:1 / -1;grid-row:3}.about-tech-stack li{justify-content:center}}@media(max-width:650px){.expandable-header{grid-row:3}.expandable-content{grid-row:4}}@media(max-width:375px){.about-tech-stack li{line-height:1rem}}.project-page{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%;height:auto;overflow-y:visible;gap:1rem}.project-page:hover .project{opacity:.5;transition:all .3s ease}.project-page .project:hover{opacity:1;filter:blur(0px);transform:scale(1.02)}@media(max-width:425px){.project-page{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.experience{position:relative;display:flex;align-items:flex-start;flex-direction:column;width:100%;transition:all .3s;padding:1rem;border-radius:12px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);box-shadow:0 0 8px #0000004d}.experience:hover{background-color:#ffffff12;border:1px solid var(--primary);box-shadow:0 10px 30px -15px #00000080}.exp-hover-layer{inset:0;width:100%;height:100%;position:absolute;z-index:999;background-color:transparent;pointer-events:auto}.exp-link svg{display:inline;vertical-align:middle;font-size:1rem;margin-left:.25rem}.exp-page .experience:hover svg{transition:all .3s;transform:translate(5px,-5px)}.exp-page .experience:hover{transform:scale(1.02)}.exp-content{display:flex;flex-direction:column;flex:1;position:relative;z-index:10}.exp-title{align-items:baseline;color:var(--text);font-weight:600;font-size:1rem;line-height:1}.exp-date{color:var(--primary);font-size:.8rem;align-items:center;line-height:1;padding-bottom:.5rem}.exp-description{margin-top:.5rem;line-height:1.5;color:var(--secondary-text);font-weight:400;font-size:.9rem;list-style:disc;padding-left:1.05rem;display:flex;flex-direction:column}.exp-description li{margin-bottom:.5rem}.experience:hover .exp-title{color:var(--primary)}.tag-container{margin-top:.5rem}.exp-page{display:flex;flex-direction:column;align-items:flex-end;text-align:left;width:100%;height:auto;overflow-y:visible;gap:1rem}.exp-note-container{margin-bottom:2rem}.exp-note{font-size:1.25rem;font-weight:600;font-family:Montserrat;display:flex;align-items:center}.exp-note svg{color:var(--primary);margin-right:.25rem}.exp-disclaimer{font-weight:400;line-height:1.5;color:var(--secondary-text)}.exp-resume{margin-top:1rem;font-size:1rem;width:fit-content;line-height:1}.exp-resume a{text-decoration:none;color:var(--text);font-weight:600}.exp-resume svg{display:inline;vertical-align:middle;font-size:1rem;margin-left:.25rem}.exp-resume:hover svg{transform:translate(5px,-5px);transition:all .3s}.exp-resume a:hover{color:var(--primary)}.exp-tab-container{display:flex;flex-direction:column;align-items:center;width:100%}.exp-tab-wrapper{display:flex;width:100%;margin-bottom:1rem;gap:1rem}.exp-tab-1,.exp-tab-2{display:flex;flex-direction:row;white-space:nowrap;height:min-content;cursor:pointer;width:50%;justify-content:center;background-color:transparent;border-radius:12px;border:1px transparent solid;align-items:center;line-height:2;transition:all .4s}.exp-timeline{height:100%;display:flex;flex-direction:column;width:3px;background-color:#fff}.exp-tab-1.active,.exp-tab-2.active{color:var(--text);background-color:var(--primary);border:1px solid rgba(255,255,255,.05);box-shadow:0 0 4px #0000004d;border-radius:12px}.exp-tab-1:not(.active),.exp-tab-2:not(.active){color:var(--secondary-text)}.exp-tab-1 svg,.exp-tab-2 svg{font-size:1.25rem;margin-right:.25rem}.tab-link-styles:not(.active):hover{color:var(--primary)}.react-tabs__tab-list{display:flex}.exp-timeline-wrapper{position:relative;display:flex;flex-direction:column;width:100%;padding-left:2rem}.exp-timeline-wrapper:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.3) 5%,rgba(255,255,255,.3) 95%,transparent 100%)}.exp-timeline-item{position:relative;width:100%;padding-left:1rem}.exp-timeline-item:before{content:"";position:absolute;left:-2rem;top:11px;width:13px;height:13px;border-radius:50%;background-color:var(--primary);border:3px solid var(--primary);z-index:2;transition:transform .3s ease}.exp-timeline-item:hover:before{transform:scale(1.4);background-color:var(--text)}.education{position:relative;display:flex;align-items:flex-start;flex-direction:column;width:100%;transition:all .3s;padding:1rem;border-radius:12px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);box-shadow:0 0 8px #0000004d}.education:hover{background-color:#ffffff12;border:1px solid var(--primary);box-shadow:0 10px 30px -15px #00000080}.edu-hover-layer{inset:0;width:100%;height:100%;position:absolute;z-index:999;background-color:transparent;pointer-events:auto}.edu-link svg{display:inline;vertical-align:middle;font-size:1rem;margin-left:.25rem}.education:hover svg{transition:all .3s;transform:translate(5px,-5px)}.education:hover{transform:scale(1.02)}.edu-content{display:flex;flex-direction:column;flex:1;position:relative;z-index:10}.edu-date{color:var(--primary);font-size:.8rem;align-items:center;justify-content:center;vertical-align:center;line-height:1;padding-bottom:.5rem}.edu-degree{margin-top:.5rem;line-height:1.5;color:var(--secondary-text);font-weight:400;font-size:.9rem;list-style:disc}.education:hover .edu-name{color:var(--primary)}.edu-name{align-items:baseline;color:var(--text);font-weight:600;font-size:1rem;line-height:1}