:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.link{font-weight:500;color:#4c7dff;text-decoration:inherit;will-change:filter;transition:filter .3s}.link:hover{color:#f5a524;filter:drop-shadow(0 0 .5rem #f5a524)}body{margin:0;display:flex;width:100vw;max-width:100vw;min-height:100vh;overflow-x:hidden}h1{margin:0}.title{font-size:72px;line-height:1.1}.sub-title{font-size:30px;line-height:1.1}.text{font-size:20px;line-height:1}.text.secondary{font-weight:lighter}.icon{width:20px;height:20px}@media(prefers-color-scheme:dark){:root{color:#e5e7eb;background:radial-gradient(circle at 50% 55%,#4c7dff,#060a14 75%);background-color:#fff}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:50% 0%}}@keyframes glow-pulse{0%,to{filter:none}50%{filter:drop-shadow(0 0 .5rem #4c7dff)}}:root{background-size:200% 200%;animation:gradient 10s ease infinite}}#root{text-align:center;width:100%;max-width:100vw}.content-container{display:flex;flex-direction:column;gap:4.5rem}@media(max-width:1023.98px){.content-container{gap:2.5rem}}.header-container{width:fit-content;max-width:calc(100vw - 48px);min-width:20vh;align-self:center;position:sticky;top:20px;z-index:99;justify-self:center;padding:.5rem 1.5rem;margin:1.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;border:1px solid #314158;border-radius:1rem;background-color:#0a1020eb;opacity:75%}.header-container .nav-items{display:flex;gap:1rem;align-items:center}.header-container .label{color:#e5e7eb;text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:.25rem}.header-container .label:hover,.header-container .label.active{color:#4c7dff}.header-container .desktop-label{display:block}.header-container .mobile-label{display:none}.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;background-color:#0a1020eb;border-bottom:1px solid #314158;padding:1rem;z-index:98;animation:slideDown .3s ease-out}.mobile-menu .mobile-menu-item{display:flex;align-items:center;gap:.75rem;color:#e5e7eb;text-decoration:none;padding:.5rem .75rem;margin:.25rem 0;border-radius:.5rem;transition:background-color .2s,color .2s}.mobile-menu .mobile-menu-item:hover{background-color:#1d293d;color:#4c7dff}.mobile-menu .mobile-menu-item svg{font-size:1.1em}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.header-container{padding:.5rem 1rem;align-items:center}.header-container .nav-items{gap:.75rem}.header-container .desktop-label{display:none}.header-container .mobile-label{display:block}}.contacts-container{margin:0 2rem}.contacts-container .contacts-grid{display:flex;flex-direction:row;gap:1.5rem;margin-top:2rem;justify-content:center}.contacts-container .contacts-grid .contact-card{flex:1}@media(max-width:1023.98px){.contacts-container .contacts-grid{flex-direction:column;gap:1rem}.contacts-container .contacts-grid .contact-card{align-self:stretch}}.section-title-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;word-break:break-word}.section-title-container .section-title-icon{width:3.5rem;height:3.5rem}.section-title-container .title-text-container{display:flex;flex-direction:column}.section-title-container .title-text-container .section-title{font-size:3.5rem}.section-title-container .title-text-container .section-sub-title{padding:.5rem 1.5rem;margin:0 3rem}.button-container.-min-width{min-width:180px}.button-container{border:1px solid #314158;border-radius:5.5rem;align-self:center;max-width:12em;padding:.5rem 1rem;background-color:#0a1020eb;opacity:75%;animation:glow-pulse 5s ease infinite;font-size:1em;font-weight:500;font-family:inherit}.button-container.no-pointer{cursor:default}.button-container{cursor:pointer;transition:filter .3s}.button-container :hover{color:#f5a524;filter:drop-shadow(0 0 .5rem #f5a524)}.button-container :focus,.button-container :focus-visible{outline:0 auto -webkit-focus-ring-color}.button-container .text-content{color:radial-gradient(circle at 50% 55%,#4c7dff,#060a14 75%)}.chip{padding:.5rem 1rem;display:grid;place-items:center}.travel-link{animation:chip-bounce 1.8s ease-in-out infinite!important;will-change:transform}@keyframes chip-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:1023.98px){.button-container:not(.chip){width:100%;max-width:unset!important;padding-left:unset!important;padding-right:unset!important;margin-left:.5rem!important;margin-right:.5rem!important}}.card-container{width:100%;margin:1.5rem;border:.125rem solid #314158;border-radius:2rem;align-self:center;padding:1.5rem;display:flex;flex-direction:column;gap:.25rem;max-width:800px;background-color:#0a1020eb;opacity:85%}.card-container:hover{transition:filter .2s;filter:drop-shadow(0 0 .5rem #f5a524)}.card-container :focus,.card-container :focus-visible{outline:0 auto -webkit-focus-ring-color}.card-container .text-content{color:radial-gradient(circle at 50% 55%,#4c7dff,#060a14 75%)}@media(max-width:1023.98px){.card-container{width:unset}}.contact-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.contact-card .card-content-container .contact-info{display:flex;flex-direction:column}.contact-card .card-content-container .contact-info .contact-value{text-decoration:none}.chip-container{align-self:center;border-radius:3rem;border:1px solid #314158;font-size:1em;background-color:#0a1020eb;opacity:75%;padding:.5rem 1rem}.chip-container .text-content{color:radial-gradient(circle at 50% 55%,#4c7dff,#060a14 75%)}.chip-container.date-indicator{padding:.25rem .5rem}.chip-container.no-pointer{cursor:default}.chip-container.light-text{font-weight:500}.chip-container.fixed-width{max-width:12em}.chip-container.animated{animation:glow-pulse 5s ease infinite}.chip-container{cursor:pointer;will-change:filter;transition:filter .3s}.chip-container.hover-animation :hover{color:#f5a524;filter:drop-shadow(0 0 .5rem #f5a524)}.chip-container :focus,.chip-container :focus-visible{outline:0 auto -webkit-focus-ring-color}.education-container{margin:0 2rem}.education-container .education-entry-list-container{display:flex;flex-direction:row}.education-container .education-entry-list-container .education-card{flex:1}@media(max-width:1023.98px){.education-entry-list-container{flex-direction:column!important;gap:1rem}}.education-card{align-self:stretch}.education-card .card-header{display:flex;flex-direction:row;justify-content:space-between;gap:.5rem}.education-card .card-header .degree-title{text-align:left;font-size:1.5rem}.education-card .card-header .education-info{display:flex;flex-direction:column;align-items:flex-start;gap:.5em;justify-content:space-between}.education-card .card-header .duration-location-info{display:flex;flex-direction:column;align-items:flex-end;gap:.5em;justify-content:space-between}.education-card .card-header .institution-name,.education-card .card-header .institution-location{font-size:1.25rem}.education-card .card-content .field-info,.education-card .card-content .gpa-info{text-align:left;display:flex;gap:.5rem}.education-card .card-content .achievements-info{text-align:left;display:flex;flex-direction:column;gap:.5rem}.education-card .card-content .achievements-info .achievement-list{padding-left:1rem}.divider{width:100%;border:.5px solid #314158}.card-header{display:flex;flex-direction:row;justify-content:space-between;gap:.5rem}.card-header .position-title{text-align:left;font-size:1.5rem}.card-header .experience-info{display:flex;flex-direction:column;align-items:flex-start;gap:.5em;justify-content:space-between}.card-header .duration-location-info{display:flex;flex-direction:column;align-items:flex-end;gap:.5em;justify-content:space-between}.card-header .company-name,.card-header .company-location{font-size:1.25rem}.card-content .description{text-align:left}.card-content .description .responsibility-list{padding-left:1rem}.card-content .technology-container{text-align:left;display:flex;flex-direction:column;gap:.5rem}.card-content .technology-container .technology-list{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap}.experience-container,.extracurriculars-container{display:flex;flex-direction:column;align-items:center;margin:0 2rem}.landing-intro{position:fixed;inset:0;z-index:9999;background:#07070a;transition:opacity 60ms linear;will-change:opacity}.landing-intro.done{transition:opacity .45s ease}.landing-intro{pointer-events:none}.projects-container{margin:0 2rem;max-width:calc(100vw - 64px);overflow-x:hidden;display:flex;flex-direction:column}.projects-container .projects-grid{display:flex;flex-direction:row;align-self:center}@media(max-width:1023.98px){.projects-container .projects-grid{flex-direction:column;gap:1rem}}.project-card{align-self:stretch}.project-card .card-header{display:flex;flex-direction:row;justify-content:space-between;gap:.5rem}.project-card .card-header .project-image{width:80px;height:80px;border-radius:1rem;overflow:hidden}.project-card .card-header .project-image .project-icon{width:100%;height:100%;object-fit:cover}.project-card .card-header .project-info{display:flex;flex-direction:column;align-items:flex-start;flex:1}.project-card .card-header .project-title{text-align:left;font-size:1.5rem;margin:0}.project-card .card-header .project-link{color:#4c7dff;text-decoration:none}.project-card .card-content .project-description{text-align:left}.project-card .card-content .technology-list{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap;text-wrap-mode:nowrap}.welcome-container{display:flex;flex-direction:column;gap:3rem;align-items:center;min-height:95vh;margin-top:1rem}.welcome-container .name-label{background:radial-gradient(circle at 50% 55%,#f5a524,#4c7dff 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.welcome-container .text{padding:.5rem 1.5rem;margin:0 3rem}.welcome-container .multi-button-container,.welcome-container .multi-chip-container{display:flex;flex-direction:row;gap:1rem;align-self:center;margin-top:auto}.welcome-container .bottom-container{display:flex;flex-direction:column;margin-top:auto}@media(max-width:1023.98px){.multi-button-container{display:none!important}}