@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";:root{--color-white: #ffffff;--color-ash: #f5f5f5;--color-grey: #808080;--color-black: #000000;--color-dark-grey: #333333;--color-light-grey: #cccccc;--font-family: "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--border-radius: .25rem;--border-width: 1px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-black);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}#root{height:100%}.App{display:flex;flex-direction:column;min-height:100vh}.App main{flex:1;padding-top:80px}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-black);text-decoration:none;border-bottom:1px solid var(--color-grey);transition:border-color .2s ease}a:hover{border-bottom-color:var(--color-black)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-3xl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-2xl);position:relative;padding-bottom:var(--spacing-md)}.nav{position:fixed;top:0;left:0;right:0;background-color:var(--color-white);border-bottom:var(--border-width) solid var(--color-light-grey);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg)}.nav-logo{font-size:var(--font-size-xl);font-weight:700;border:none}.nav-menu{display:flex;list-style:none;gap:var(--spacing-xl)}.nav-menu a{border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);transition:background-color .2s ease}.nav-menu a:hover,.nav-menu a.active{background-color:var(--color-ash)}.nav-toggle{display:none;background:none;border:none;font-size:var(--font-size-xl);cursor:pointer}.hero{padding:var(--spacing-3xl) 0;text-align:center;display:flex;align-items:center;justify-content:center;min-height:100%}.hero .container{width:100%}.hero-name{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm)}.hero-title{font-size:var(--font-size-xl);color:var(--color-grey);margin-bottom:var(--spacing-lg)}.hero-description{font-size:var(--font-size-lg);max-width:600px;margin:0 auto var(--spacing-xl);color:var(--color-dark-grey)}.hero-links{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.hero-link{padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width) solid var(--color-grey);border-radius:var(--border-radius);transition:all .2s ease}.hero-link:hover{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.card{background-color:var(--color-white);border:var(--border-width) solid var(--color-light-grey);border-radius:var(--border-radius);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.card-title{margin-bottom:var(--spacing-sm)}.card-subtitle{color:var(--color-grey);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.card-content{margin-bottom:var(--spacing-md)}.card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.skill-category{background-color:transparent;padding:var(--spacing-lg);border-radius:var(--border-radius);border:var(--border-width) solid var(--color-light-grey);text-align:center}.skill-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md)}.skill-tag{background-color:var(--color-white);color:var(--color-black);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-sm);border:var(--border-width) solid var(--color-light-grey)}.timeline{position:relative;padding-left:var(--spacing-xl)}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--color-light-grey)}.timeline-item{position:relative;margin-bottom:var(--spacing-2xl)}.timeline-item:before{content:"";position:absolute;left:calc(-1 * var(--spacing-xl) + 1px);top:var(--spacing-sm);width:12px;height:12px;background-color:var(--color-grey);border-radius:50%;transform:translate(-50%);z-index:1}.timeline-content{padding:var(--spacing-lg);border-radius:var(--border-radius);border:var(--border-width) solid var(--color-light-grey)}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.timeline-company{font-weight:600;font-size:var(--font-size-lg)}.timeline-duration{color:var(--color-grey);font-size:var(--font-size-sm)}.timeline-title{color:var(--color-dark-grey);margin-bottom:var(--spacing-sm)}.timeline-details{list-style:none;margin-bottom:var(--spacing-md)}.timeline-details li{position:relative;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-xs)}.timeline-details li:before{content:">";position:absolute;left:0;color:var(--color-grey)}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tech-tag{background-color:var(--color-white);color:var(--color-dark-grey);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);border:var(--border-width) solid var(--color-light-grey)}.project-section{margin-bottom:var(--spacing-3xl)}.company-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark-grey);position:relative;padding-bottom:var(--spacing-md)}.company-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:2px;background-color:var(--color-grey)}.masonry-grid{column-count:3;column-gap:2rem;column-fill:balance}.masonry-item{display:inline-block;width:100%;margin-bottom:2rem;break-inside:avoid;page-break-inside:avoid}.project-card{width:100%;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-link{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:var(--border-width) solid var(--color-light-grey)}.project-link a{font-size:var(--font-size-sm);font-weight:500;color:var(--color-dark-grey);border:none;transition:color .2s ease}.project-link a:hover{color:var(--color-black)}.project-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg) 0}.filter-btn{background-color:var(--color-ash);color:var(--color-dark-grey);border:var(--border-width) solid var(--color-light-grey);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background-color:var(--color-light-grey);border-color:var(--color-grey)}.filter-btn.active{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.filter-btn.active:hover{background-color:var(--color-dark-grey)}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);text-align:center}.contact-item{padding:var(--spacing-lg);background-color:var(--color-ash);border-radius:var(--border-radius)}.contact-label{font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-dark-grey)}.footer{background-color:var(--color-black);color:var(--color-white);text-align:center;padding:var(--spacing-xl) 0}.footer a{color:var(--color-white);border-bottom-color:var(--color-grey)}.footer a:hover{border-bottom-color:var(--color-white)}@media (max-width: 768px){.nav-menu{position:fixed;top:100%;left:0;right:0;background-color:var(--color-white);flex-direction:column;padding:var(--spacing-lg);border:1px solid var(--color-black);transform:translateY(-100%);opacity:0;visibility:hidden;gap:0}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-menu li{margin:0}.nav-menu a{display:block;width:100%;padding:var(--spacing-sm) 0}.nav-toggle{display:block}.hero-name{font-size:var(--font-size-2xl)}.hero-title,.hero-description{font-size:var(--font-size-base)}.hero-links{flex-direction:column;align-items:center}.timeline{padding-left:var(--spacing-lg)}.timeline-item:before{left:calc(-1 * var(--spacing-lg) + 1px)}.timeline-header{flex-direction:column;align-items:flex-start}.container{padding:0 var(--spacing-md)}.masonry-grid{column-count:2}.company-title{font-size:var(--font-size-xl)}.project-filters{display:none}}@media (max-width: 480px){.hero{padding:var(--spacing-xl) 0}.hero-name{font-size:var(--font-size-xl)}.hero-title,.hero-description{font-size:var(--font-size-sm)}.section{padding:var(--spacing-xl) 0}.card{padding:var(--spacing-lg)}.timeline-content{padding:var(--spacing-md)}.masonry-grid{column-count:1}.company-title{font-size:var(--font-size-lg)}.project-filters{display:none}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.font-bold{font-weight:600}.font-normal{font-weight:400}.text-grey{color:var(--color-grey)}.text-dark-grey{color:var(--color-dark-grey)}.text-black{color:var(--color-black)}.resume-container{max-width:1000px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#1f2937;background:#f9fafb}.back-btn{position:fixed;bottom:2rem;left:2rem;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:#6b7280;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.25rem;transition:all .3s ease;box-shadow:0 4px 12px #00000026;z-index:1000}.back-btn:hover{background:#4b5563;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.back-btn span{display:none}.print-btn{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:#3b82f6;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.25rem;transition:all .3s ease;box-shadow:0 4px 12px #00000026;z-index:1000}.print-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.print-btn span{display:none}.resume-content{background:#fff;box-shadow:0 4px 6px -1px #0000001a;border-radius:.75rem;overflow:hidden}.resume-header{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:1.5rem 2rem;background:#fff}.header-left .contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-group{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:#4b5563}.contact-group svg{color:#6b7280;flex-shrink:0}.header-center{text-align:center}.name{font-size:1.75rem;font-weight:600;margin:0 0 .25rem;color:#1f2937;white-space:nowrap}.title{font-size:1rem;font-weight:400;margin:0 0 .125rem;color:#4b5563;font-style:italic}.company{font-size:.9rem;color:#6b7280;margin:0}.header-right .social-links{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.social-item{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:#4b5563}.social-item svg{color:#6b7280;flex-shrink:0}.resume-main{display:grid;grid-template-columns:2fr 1fr;gap:2rem;padding:0 2rem 2rem}.left-column,.right-column{display:flex;flex-direction:column;gap:1.5rem}.resume-section{margin-bottom:0}.section-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem;text-align:left}.experience-item{padding-bottom:.7rem;page-break-inside:avoid}.experience-item:last-child{border-bottom:none}.exp-header{margin-bottom:.75rem}.exp-title-line{display:flex;justify-content:space-between;align-items:flex-start;font-size:.95rem;line-height:1.4;margin-bottom:.25rem;gap:1rem}.exp-title-company{flex:1;font-size:.85rem}.exp-title-line strong{color:#1f2937}.company-link{color:#3b82f6;text-decoration:underline}.exp-duration{font-size:.875rem;color:#6b7280;white-space:nowrap}.tech-stack-location-row{display:flex;justify-content:space-between;align-items:flex-start;margin:.75rem 0;gap:1rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.tech-tag{background:#f3f4f6;color:#374151;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;border:1px solid #e5e7eb}.exp-location{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#6b7280;white-space:nowrap}.exp-location svg{color:#9ca3af}.exp-details{margin:0;padding-left:1.2rem;list-style-type:disc}.exp-details li{font-size:.875rem;margin-bottom:.25rem;line-height:1.4}.skills-container{display:flex;flex-direction:column;gap:1rem}.skill-category{margin-bottom:.5rem}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#f3f4f6;color:#374151;padding:.375rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:500;border:1px solid #e5e7eb;transition:all .2s}.education-item{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.education-item:last-child{border-bottom:none}.edu-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.edu-degree{font-weight:600;font-size:.875rem;color:#1f2937;line-height:1.3;flex:1;margin-right:1rem}.edu-year{font-size:.875rem;color:#6b7280;white-space:nowrap}.edu-institution{font-size:.825rem;color:#4b5563;line-height:1.3}.participation-item{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.participation-item:last-child{border-bottom:none}.participation-title{font-weight:600;font-size:.875rem;color:#1f2937;margin-bottom:.25rem;line-height:1.3}.participation-years{font-size:.8rem;color:#6b7280}@media (max-width: 768px){.resume-container{padding:1rem}.resume-header{grid-template-columns:1fr;gap:1.5rem;text-align:center}.header-left .contact-info,.header-right .social-links{align-items:center}.resume-main{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.name{font-size:1.875rem}.tech-stack-location-row{flex-direction:column;gap:.5rem;align-items:flex-start}.exp-location{white-space:normal}.exp-title-line{flex-direction:column;gap:.25rem;align-items:flex-start}.exp-duration{white-space:normal}}@media print{.resume-container{max-width:none;padding:0;background:#fff;margin:0}.resume-content{box-shadow:none;border-radius:0}.no-print{display:none!important}.resume-header{padding:1rem 1.5rem .75rem}.resume-main{padding:0 1.5rem 1.5rem}.section-title{font-size:1.1rem;page-break-after:avoid}.experience-item{page-break-inside:avoid;margin-bottom:1rem}body{font-size:12px;line-height:1.3}.name{font-size:1.5rem}.title{font-size:.9rem}.company,.contact-group,.social-item,.exp-details li{font-size:.8rem}.tech-tag,.skill-tag{font-size:.7rem;padding:.2rem .6rem}}