:root{font-family:system-ui,Helvetica,Arial,sans-serif,Manrope;line-height:1.5;font-weight:400;font-size:1.1rem;color-scheme:light dark;color:#515151;background-color:#f3efe8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--spacing-5xl: 8rem}a{font-weight:500;color:#d3d3d3;text-decoration:inherit}a:hover{color:#fff}html{scroll-behavior:smooth}body{margin:0;padding:0;display:block;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#201f1fcc;background-color:transparent;cursor:pointer;transition:border-color .25s}button:hover{color:#fff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#515151;background-color:#fff}a:hover{color:#fff}button{background-color:#f9f9f9}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:480px){:root{font-size:1rem}h1{font-size:2.2em}}#root{max-width:1280px;margin:0 auto;padding:0;text-align:left}@media(max-width:768px){#root{padding:0 var(--spacing-md)}}@media(max-width:480px){#root{padding:0 var(--spacing-sm)}}.navbar{width:fit-content;margin-top:15px;text-align:center;background-color:transparent;border-radius:70px;position:fixed;top:15px;left:50%;transform:translate(-50%);z-index:1000}.navbar ul{margin:0;padding:0 20px;list-style-type:none;display:flex;justify-content:center;align-items:center;gap:5px;background-color:#201f1fcc;border-radius:70px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar a{text-decoration:none;padding:10px 15px;display:block;text-align:center;font-weight:400;font-size:18px;transition:color .3s ease}.navbar li{display:inline-block}.hamburger{display:none}@media(max-width:768px){.navbar{width:auto;left:auto;right:16px;transform:none;border-radius:0;margin-top:0;top:16px}.hamburger{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:50%;background-color:#201f1fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d3d3d3;cursor:pointer;z-index:1001;position:relative;padding:0}.navbar ul{position:fixed;inset:0;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;border-radius:0;background-color:#201f1ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.navbar ul.nav-open{opacity:1;visibility:visible}.navbar li{display:block;width:100%;text-align:center}.navbar a{font-size:24px;padding:16px 20px}}.home-section{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:var(--spacing-4xl)}.container{display:flex;flex-direction:column;justify-content:flex-end}.big-name{font-size:150px;font-weight:600;line-height:.9;position:relative;z-index:2;text-align:left;margin:0;padding:0}.about-me-section{font-size:22px;font-weight:400;width:40%}@media(max-width:768px){.big-name{font-size:100px}.about-me-section{width:60%;font-size:20px}.home-section{padding-bottom:var(--spacing-3xl)}}@media(max-width:480px){.big-name{font-size:clamp(48px,14vw,80px)}.about-me-section{width:90%;font-size:18px}.home-section{padding-bottom:var(--spacing-2xl);min-height:85vh}}.about{margin-top:var(--spacing-4xl)}.about-content{max-width:1200px;margin:0 auto;display:flex;gap:3rem;align-items:flex-start;padding:0 2rem}.about-image{flex:0 0 400px;max-width:400px;border-radius:8px;overflow:hidden;margin-top:100px}.about-image img{width:100%;height:auto;object-fit:cover;display:block}.about-text{flex:1}.about-text h1{margin-bottom:1.5rem}.about-text p{line-height:1.8;margin-bottom:1.5rem}.contact-links{display:flex;gap:1.5rem;flex-wrap:wrap}.contact-links a{color:#515151;text-decoration:none;font-weight:500;transition:color .25s;cursor:pointer;display:inline-block}.contact-links a:hover{color:#646cff}@media(max-width:968px){.about-content{flex-direction:column;gap:2rem}.about-carousel{flex:0 0 auto;width:100%}}@media(max-width:768px){.about{margin-top:var(--spacing-3xl)}.about-content{padding:0 var(--spacing-lg)}.about-image{flex:0 0 auto;max-width:350px;width:100%;margin-top:var(--spacing-lg);margin-left:auto;margin-right:auto;order:-1}}@media(max-width:480px){.about{margin-top:var(--spacing-2xl)}.about-content{padding:0 var(--spacing-md);gap:1.5rem}.about-text h1{font-size:2rem}.about-text p{font-size:.95rem;line-height:1.7}.about-image{max-width:280px}.contact-links{gap:1rem}.contact-links a{font-size:.95rem;padding:4px 0}}.experience{padding:var(--spacing-2xl) 2rem;min-height:60vh}.experience h1{margin-bottom:var(--spacing-2xl)}.experience-tabs-layout{display:flex;gap:var(--spacing-3xl);align-items:flex-start;max-width:860px}.tabs-list{display:flex;flex-direction:column;flex-shrink:0;min-width:180px}.tab-btn{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);text-align:left;background:transparent;border:none;border-left:2px solid #ddd;border-radius:0;cursor:pointer;color:#999;font-size:.9rem;font-family:inherit;font-weight:400;transition:color .2s,background .2s;white-space:nowrap}.tab-icon{flex-shrink:0;opacity:.5;transition:opacity .2s}.tab-btn.active-tab .tab-icon,.tab-btn:hover .tab-icon{opacity:1}.tab-btn:hover{color:#213547;background:#2135470a}.tab-btn.active-tab{color:#213547;font-weight:500}.active-indicator{position:absolute;left:-2px;top:0;bottom:0;width:2px;background:#213547;border-radius:1px}.tabs-content{flex:1;min-height:160px}.content-title-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.content-icon{color:#213547;flex-shrink:0}.tabs-content h3{font-size:1.3rem;color:#213547;margin:0;font-weight:600}.tabs-content .company{font-size:1rem;color:#5a5a5a;margin:0 0 var(--spacing-xs) 0;font-weight:500}.tabs-content .period{font-size:.85rem;font-style:italic;color:#999;margin:0 0 var(--spacing-lg) 0}.tabs-content .job-description{font-size:1rem;line-height:1.75;color:#515151;margin:0}@media(max-width:640px){.experience-tabs-layout{flex-direction:column;gap:var(--spacing-xl)}.tabs-list{flex-direction:row;min-width:unset;overflow-x:auto;border-left:none;border-bottom:2px solid #ddd;gap:0}.tab-btn{border-left:none;border-bottom:2px solid transparent;padding:var(--spacing-sm) var(--spacing-md)}.active-indicator{inset:auto 0 -2px;width:100%;height:2px}}.card{background:transparent;padding:var(--spacing-2xl);border-radius:12px;text-align:center;min-height:300px;display:flex;flex-direction:column;justify-content:center;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.card-wrapper:hover .card{box-shadow:0 12px 24px #0003;background:#f3efe8}.card h2{font-size:2rem;margin-bottom:var(--spacing-sm);color:#213547;transition:color .3s ease}.card h3{font-size:1.5rem;margin-bottom:var(--spacing-md);color:#5a5a5a;font-weight:500;transition:transform .3s ease}.card-wrapper:hover .card h3{transform:scale(1.05)}.card .period{font-style:italic;color:#666;margin-bottom:var(--spacing-lg);font-size:1rem;transition:color .3s ease}.card .description{font-size:1.1rem;line-height:1.6;color:#515151;max-width:600px;margin:0 auto;transition:color .3s ease}.card-wrapper:hover .card .description{color:#213547}@media(max-width:768px){.card{padding:var(--spacing-xl);min-height:250px}.card h2{font-size:1.5rem}.card h3{font-size:1.2rem}}@media(max-width:480px){.card{padding:var(--spacing-lg);min-height:200px}.card h2{font-size:1.3rem}.card h3{font-size:1.1rem}.card .description{font-size:1rem}}.education{margin-top:0 auto;padding:var(--spacing-2xl) 0;min-height:60vh}.education-content{max-width:1200px;margin:0 auto;display:flex;gap:var(--spacing-2xl);align-items:flex-start;padding:var(--spacing-lg)}.education-classes{flex:1}.education-classes h2{font-size:1.5rem;margin-bottom:var(--spacing-md);color:#5a5a5a;font-weight:500}.education-card{flex:1;display:flex;justify-content:center;align-items:flex-start}@media(max-width:768px){.education-content{flex-direction:column;gap:var(--spacing-xl)}.education-classes h1{font-size:2rem}.education-classes h2{font-size:1.3rem}.education-classes li{font-size:1rem}}@media(max-width:480px){.education{padding:var(--spacing-xl) 0}.education-content{padding:var(--spacing-md)}.education-classes h1{font-size:2rem}.education-classes h2{font-size:1.1rem}.education-classes ul{padding-left:1.2rem}.education-classes li{font-size:.9rem;line-height:1.6;padding:2px 0}}.projects-list{display:flex;flex-direction:column;gap:var(--spacing-3xl)}.project-item h2{font-size:2rem;color:#213547;margin-bottom:var(--spacing-xs)}.project-item p{font-size:1.1rem;color:#515151;line-height:1.6;margin-bottom:var(--spacing-md)}.project-gif{width:100%;max-width:800px;border-radius:8px;transition:transform .3s ease;display:block;margin:0 auto}.project-gif:hover{transform:scale(1.02)}@media(max-width:768px){.projects-list{gap:var(--spacing-2xl)}.project-item h2{font-size:1.75rem}.project-gif{max-width:100%}}@media(max-width:480px){.projects-list{gap:var(--spacing-xl)}.project-item h2{font-size:1.5rem}.project-item p{font-size:1rem}.project-gif{border-radius:4px}.project-gif:hover{transform:none}}