: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%}