.footer{background-color:var(--color-primary-900);border-top:1px solid var(--color-primary-600);margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem}.footer-content{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:1rem;display:grid}@media (width<=1199px){.footer-content{grid-template-columns:1fr auto}}@media (width<=640px){.footer-content{text-align:center;flex-direction:column;gap:.75rem;display:flex}}.footer-copyright{color:var(--color-text-muted);white-space:nowrap;justify-self:start;margin:0;font-size:.8rem}@media (width<=640px){.footer-copyright{white-space:normal}}.footer-social{justify-content:center;justify-self:center;gap:.5rem;display:flex}@media (width<=1199px){.footer-social{display:none}}.footer-social .social-link{background-color:var(--color-primary-700);width:1.75rem;height:1.75rem;color:var(--color-primary-400);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.footer-social .social-link:hover{background-color:var(--color-status-info);color:var(--color-text-inverse)}.footer-love{color:var(--color-primary-400);text-align:right;white-space:nowrap;justify-self:end;margin:0;font-size:.8rem}@media (width<=640px){.footer-love{text-align:center;white-space:normal}}.footer-love .source-link{color:var(--color-accent-blue);font-weight:500;text-decoration:none;transition:color .3s}.footer-love .source-link:hover{color:var(--color-status-info);text-decoration:underline}.header{backdrop-filter:blur(12px);z-index:1000;background-color:#2a2a2a1a;border-bottom:1px solid #ffffff14;position:fixed;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.75rem 1rem;display:flex}.header-right{align-items:center;gap:.75rem;display:flex}.logo-section{flex-shrink:0}.nav-desktop{display:none}@media (width>=1200px){.nav-desktop{display:block}}.nav-list{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--color-text-inverse);text-shadow:0 2px 4px #0000004d;align-items:center;gap:.3rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.nav-external-icon{opacity:.8;flex-shrink:0;transition:transform .2s,opacity .2s}.nav-link.is-offsite:hover .nav-external-icon,.mobile-nav-link.is-offsite:hover .nav-external-icon{opacity:1;transform:translate(1px,-1px)}.nav-link:hover{color:var(--color-text-inverse)}.nav-link:after{content:"";background-color:var(--color-text-inverse);opacity:0;width:100%;height:2px;transition:opacity .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{opacity:1}.social-desktop{align-items:center;gap:.75rem;display:none}.social-link{background-color:var(--color-primary-700);width:2rem;height:2rem;color:var(--color-primary-400);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{background-color:var(--color-status-info);color:var(--color-text-inverse)}.language-toggle-wrap{align-items:center;display:flex}.language-toggle-wrap--desktop{display:none}.language-toggle-wrap--mobile{display:flex}@media (width>=1200px){.language-toggle-wrap--desktop{display:flex}.language-toggle-wrap--mobile{display:none}}.mobile-toggle{cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex-direction:column;justify-content:center;gap:.3rem;width:2rem;height:2rem;padding:.25rem;transition:background-color .2s;display:flex}.mobile-toggle:hover{background-color:#ffffff1a}@media (width>=1200px){.mobile-toggle{display:none}}.hamburger-line{background-color:var(--color-text-inverse);transform-origin:50%;filter:drop-shadow(0 2px 4px #0000004d);border-radius:1px;width:100%;height:2.5px;transition:all .3s;display:block}.mobile-toggle.active .hamburger-line:first-child{transform:rotate(45deg)translate(.5rem,.5rem)}.mobile-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(.5rem,-.5rem)}.mobile-menu{border-top:1px solid var(--color-primary-600);z-index:999;backdrop-filter:blur(8px);opacity:0;background-color:#2a2a2afa;max-height:0;transition:max-height .4s,opacity .3s,transform .3s;position:absolute;top:100%;left:0;right:0;overflow:hidden;transform:translateY(-10px)}.mobile-menu.open{opacity:1;max-height:calc(100vh - 100px);transform:translateY(0)}@media (width>=1200px){.mobile-menu{display:none!important}}.mobile-nav{max-height:calc(100vh - 100px);padding:1.5rem;overflow-y:auto}.mobile-nav-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.mobile-nav-link{color:var(--color-text-inverse);border-bottom:1px solid var(--color-primary-700);align-items:center;gap:.4rem;padding:.75rem 0;font-size:1rem;font-weight:500;text-decoration:none;display:flex;position:relative}.mobile-nav-link:after{content:"";background-color:var(--color-text-inverse);opacity:0;width:100%;height:2px;transition:opacity .3s;position:absolute;bottom:0;left:0}.mobile-nav-link:hover:after{opacity:1}.mobile-social{border-top:1px solid var(--color-primary-600);gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.mobile-social .social-link{width:2rem;height:2rem}.mobile-language{border-top:1px solid var(--color-primary-600);margin-top:1rem;padding-top:1rem}.mobile-overlay{z-index:998;background-color:#00000080;display:none;position:fixed;inset:0}.mobile-overlay.open{display:block}@media (width>=1200px){.mobile-overlay,.mobile-overlay.open{display:none!important}}.language-toggle{min-width:2.75rem;height:2rem;color:var(--color-text-inverse);cursor:pointer;letter-spacing:.04em;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:.35rem;margin:0;padding:0 .65rem;font-size:.75rem;font-weight:600;line-height:1;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.language-toggle:hover{color:#fff;background:#ffffff1f;border-color:#ffffff38}.language-toggle:focus-visible{outline-offset:2px;outline:2px solid #ffffff59}.language-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;line-height:1;display:flex}.language-icon svg{width:1em;height:1em}.language-text{text-transform:uppercase;font-family:inherit;font-weight:600}.language-toggle.compact{border-radius:50%;width:2rem;min-width:2rem;height:2rem;padding:0}.language-toggle.compact .language-text{display:none}.language-toggle.compact .language-icon{font-size:1rem}.mobile-language .language-toggle{width:100%;height:2.5rem;font-size:.8125rem}:root{--color-primary-50:#e8e8e8;--color-primary-100:#d0d0d0;--color-primary-200:#b0b0b0;--color-primary-300:#909090;--color-primary-400:gray;--color-primary-500:#707070;--color-primary-600:#606060;--color-primary-700:#505050;--color-primary-800:#404040;--color-primary-900:#2a2a2a;--color-secondary-50:#e8e8e8;--color-secondary-100:#d0d0d0;--color-secondary-200:#b0b0b0;--color-secondary-300:#909090;--color-secondary-400:gray;--color-secondary-500:#707070;--color-secondary-600:#606060;--color-secondary-700:#505050;--color-secondary-800:#404040;--color-secondary-900:#2a2a2a;--color-background-light:#e8e8e8;--color-background-muted:#d0d0d0;--color-background-dark:#2a2a2a;--color-background-darker:#1a1a1a;--color-background-hero:#2a2a2a;--color-background-autobiography:#e8e8e8;--color-background-projects:#2a2a2a;--color-text-primary:#2a2a2a;--color-text-secondary:gray;--color-text-muted:gray;--color-text-inverse:#d0d0d0;--color-status-success:#22c55e;--color-status-warning:#eab308;--color-status-error:#ef4444;--color-status-info:gray;--color-accent-blue:#909090;--color-accent-blue-light:#b0b0b0;--color-accent-cyan:#909090;--color-accent-cyan-light:#b0b0b0;--gradient-primary:linear-gradient(135deg, #505050 0%, #606060 100%);--gradient-secondary:linear-gradient(135deg, #404040 0%, #505050 100%);--gradient-accent:linear-gradient(135deg, #505050 0%, #606060 100%);--gradient-dark:linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);--gradient-hero:linear-gradient(180deg, #2a2a2a 0%, #1a1a1a 100%);--gradient-card-border:linear-gradient(135deg, #8080804d 0%, #60606033 100%);--gradient-card-hover:linear-gradient(135deg, #80808014 0%, #6060600d 100%);--gradient-section:linear-gradient(180deg, #2a2a2a 0%, #252525 50%, #2a2a2a 100%);--gradient-glow:radial-gradient(ellipse at center, #80808014 0%, transparent 70%);--gradient-text:linear-gradient(135deg, #d0d0d0 0%, #b0b0b0 100%);--shadow-glow-sm:0 0 15px #0003;--shadow-glow-md:0 0 30px #0000004d;--shadow-glow-lg:0 4px 40px #00000059;--shadow-card:0 8px 32px #00000040, 0 2px 8px #00000026;--shadow-card-hover:0 12px 48px #0000004d, 0 4px 12px #0003;color-scheme:light dark;color:var(--color-text-inverse);background-color:var(--color-background-dark);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}a{color:var(--color-accent-blue);text-decoration:inherit;font-weight:500}a:hover{color:var(--color-accent-blue-light)}body{color-scheme:light dark;min-width:320px;min-height:100vh;color:var(--color-text-inverse);background-color:var(--color-background-dark);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;color:#d0d0d0;background:linear-gradient(135deg,#505050 0%,#606060 100%);border:none;border-radius:10px;padding:.65em 1.3em;font-family:inherit;font-size:1em;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}button:hover{background:linear-gradient(135deg,#606060 0%,#707070 100%);transform:translateY(-2px);box-shadow:0 6px 25px #0000004d}button:hover:before{left:100%}button:focus,button:focus-visible{outline-offset:2px;outline:2px solid #80808080}button:active{transform:translateY(0)}@media (prefers-color-scheme:light){:root{color:var(--color-text-primary);background-color:var(--color-background-light)}a:hover{color:var(--color-accent-blue-light)}button{background-color:var(--color-background-muted);color:var(--color-text-primary)}}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.hero-section{text-align:center;background:var(--gradient-hero);flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;min-height:100vh;padding:10rem 2rem 6rem;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 30% 20%,#8080800d 0%,#0000 50%),radial-gradient(at 70% 60%,#6060600a 0%,#0000 45%);width:200%;height:200%;animation:15s ease-in-out infinite heroGradientShift;position:absolute;top:-50%;left:-50%}.hero-section:after{content:"";background:linear-gradient(to top, var(--color-background-projects), transparent);pointer-events:none;z-index:1;height:120px;position:absolute;bottom:0;left:0;right:0}@keyframes heroGradientShift{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(2%,1%)rotate(1deg)}66%{transform:translate(-1%,2%)rotate(-1deg)}}.hero-section .hero-content{z-index:2;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:1280px;margin:0 auto;display:flex;position:relative}.hero-image{margin-bottom:1rem;position:relative}.hero-image:before{content:"";background:var(--gradient-primary);z-index:-1;border-radius:50%;animation:4s ease-in-out infinite profileRingPulse;position:absolute;inset:-6px}.hero-image:after{content:"";z-index:-2;background:radial-gradient(circle,#80808026 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite alternate profileGlow;position:absolute;inset:-20px}@keyframes profileRingPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes profileGlow{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.15)}}.hero-profile-image{object-fit:cover;border:3px solid #fff3;border-radius:50%;width:200px;height:200px;transition:transform .4s,box-shadow .4s;box-shadow:0 8px 32px #0000004d}.hero-profile-image:hover{box-shadow:var(--shadow-glow-md);transform:scale(1.08)}.hero-section h1{background:linear-gradient(135deg,#e0e0e0 0%,#d0d0d0 50%,#e0e0e0 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 20px #0000004d);background-clip:text;margin:0;font-size:4rem;font-weight:800;line-height:1.2;animation:8s infinite gradientTextShift}@keyframes gradientTextShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-section p{color:var(--color-secondary-200);text-shadow:0 2px 8px #0006;max-width:700px;margin:0;font-size:1.4rem;font-weight:300;line-height:1.7;position:relative}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;margin-bottom:3rem;font-size:2.8rem;font-weight:700}.section-separator{background:var(--color-primary-300);height:8px;margin:0;box-shadow:0 2px 10px #0000001a}@media (width<=768px){.hero-section{min-height:100vh;padding:8rem 1rem 4rem}.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1.1rem}.section-title{font-size:2.2rem}}@media (width<=480px){.hero-section{min-height:100vh;padding:7rem 1rem 3rem}.hero-section h1{font-size:2rem}.hero-section p{font-size:1rem}}#root{text-align:left;max-width:none;margin:0;padding:0}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em var(--color-accent-blue))}.logo.react:hover{filter:drop-shadow(0 0 2em var(--color-accent-cyan))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:var(--color-text-muted)}@media (width<=768px){.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1.1rem}}@media (width<=480px){.hero-section h1{font-size:2rem}.hero-section p{font-size:1rem}}@media (prefers-color-scheme:light){.hero-section p{color:var(--color-text-secondary)}}html,body{background-color:var(--color-background-projects)}.page-detail{background:var(--color-background-projects);padding:0}@media (width<=768px){.page-detail{padding-top:clamp(5rem,14vw,7rem)}}.page-section{background:var(--color-background-projects);width:100%;color:var(--color-text-inverse);contain:layout style;padding:clamp(2.5rem,5vw,5rem) 0;position:relative;overflow:hidden}.page-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 0,#80808008 0%,#0000 50%),radial-gradient(at 80% 100%,#60606005 0%,#0000 50%);position:absolute;inset:0}.page-section>*{z-index:1;position:relative}.page-section-inner{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)}.page-section .section-title{text-align:center;color:var(--color-text-inverse);text-shadow:0 2px 12px #0006;text-wrap:balance;width:100%;margin:0 0 clamp(1.75rem,3vw,3rem);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.15;display:inline-block;position:relative}.page-section .section-title:after{content:"";background:var(--gradient-primary);border-radius:2px;width:clamp(60px,15%,120px);height:3px;position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);box-shadow:0 0 12px #0003}.page-section .section-description{text-align:center;color:var(--color-secondary-300);text-wrap:balance;max-width:640px;margin:0 auto clamp(1.5rem,3vw,3rem);padding:0 1rem;font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.6}.page-section .section-header-wrapper,.page-section .collapsible-content{all:unset;display:block}.projects-grid,.events-grid,.certificates-grid,.work-experience-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));place-items:stretch stretch;gap:clamp(1.25rem,3vw,2.25rem);display:grid}@media (width>=1024px){.projects-grid,.events-grid,.certificates-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1100px;margin-left:auto;margin-right:auto}.work-experience-grid{grid-template-columns:repeat(3,1fr);max-width:1200px;margin-left:auto;margin-right:auto}}.project-card,.event-card,.certificate-card,.work-card{box-shadow:var(--shadow-card);transition:transform .3s,box-shadow .3s,background-color .3s;position:relative}.project-card:before,.event-card:before,.certificate-card:before,.work-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:0;background:linear-gradient(135deg,#80808040 0%,#60606033 100%);padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.project-card:hover,.event-card:hover,.certificate-card:hover,.work-card:hover{box-shadow:var(--shadow-card-hover);background:#ffffff26;transform:translateY(-4px)}.project-card:hover:before,.event-card:hover:before,.certificate-card:hover:before,.work-card:hover:before{opacity:1}.section-view-all{text-align:center;margin-top:clamp(1.5rem,3vw,2.5rem)}.view-all-link{color:var(--color-text-inverse);background:linear-gradient(135deg,#5050504d 0%,#60606040 100%);border:none;border-radius:999px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000026}.view-all-link:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#80808066 0%,#6060604d 100%);padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.view-all-link:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.view-all-link:hover{background:linear-gradient(135deg,#60606066 0%,#70707059 100%);transform:translateY(-2px);box-shadow:0 6px 25px #00000040}.view-all-link:hover:after{left:100%}#autobiography{width:100%}