:root{--font-family-main:"Mona Sans", sans-serif;--font-family-mono:"Roboto Mono", monospace;--font-size-hero-title:5.5rem;--font-size-hero-title-mobile:1.7rem;--font-size-hero-title-xs:1.1rem;--font-size-hero-subtitle:2.5rem;--font-size-hero-subtitle-mobile:1rem;--font-size-hero-subtitle-xs:0.8rem;--font-size-section-title:3rem;--font-size-section-title-mobile:1.8rem;--font-size-section-title-small:1.5rem;--font-size-body:1.2rem;--font-size-body-mobile:1.1rem;--font-size-small:1rem;--font-size-nav:1.1rem;--font-size-chip:0.9rem;--font-size-arrow:3rem;--font-size-arrow-mobile:1.7rem;--font-size-arrow-xs:1.1rem;--color-text-main:#fff;--color-text-dark:#333;--color-bg-main:#1a191d;--color-bg-gradient1:#150e30;--color-bg-gradient2:#0c0222;--color-bg-nav-hover:#130b37;--color-bg-chip:#354db3;--color-bg-chip-hover:#405ddc;--color-bg-footer:#000000;--color-bg-contact-link:#052444;--color-bg-backtotop:#fff;--color-bg-backtotop-hover:#f0e7e7;--color-border:#fff;--shadow-light:rgba(0, 0, 0, 0.1);--shadow-medium:rgba(0, 0, 0, 0.12)}[data-theme="light"]{--color-bg-main:#ffffff;--color-text-main:#000000;--color-bg-nav-hover:#e0e0e0;--color-bg-chip:#d0d0d0;--color-bg-chip-hover:#c0c0c0;--color-bg-footer:#f5f5f5;--color-bg-contact-link:#e8f0fe;--color-bg-backtotop:#000000;--color-bg-backtotop-hover:#333333;--color-text-backtotop:#ffffff;--color-border:#000000;--shadow-light:rgba(0, 0, 0, 0.1);--shadow-medium:rgba(0, 0, 0, 0.2);--color-bg-gradient1:#f5f5f5;--color-bg-gradient2:#f7e6e6}[data-theme="dark"]{--color-bg-main:#1a191d;--color-text-main:#ffffff;--color-bg-nav-hover:#130b37;--color-bg-chip:#354db3;--color-bg-chip-hover:#405ddc;--color-bg-footer:#000000;--color-bg-contact-link:#052444;--color-bg-backtotop:#ffffff;--color-bg-backtotop-hover:#f0e7e7;--color-text-backtotop:#333;--color-border:#ffffff;--shadow-light:rgba(0, 0, 0, 0.1);--shadow-medium:rgba(0, 0, 0, 0.12)}body{font-family:var(--font-family-main);font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;background:radial-gradient(circle at 20% 30%,rgb(255 255 255 / .1),transparent 50%),radial-gradient(circle at 80% 70%,rgb(255 255 255 / .1),transparent 50%),radial-gradient(circle at 50% 50%,rgb(255 255 255 / .05),transparent 70%),linear-gradient(to bottom,var(--color-bg-main),var(--color-bg-main));color:var(--color-text-main);word-wrap:break-word;margin:0;margin-top:-8px}.hero{width:100%;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:0;box-shadow:0 4px 16px var(--shadow-light)}.hero-content{text-align:center;color:var(--color-text-main);padding:3rem 2rem;text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px #000;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-title{font-size:var(--font-size-hero-title);margin-bottom:1rem;letter-spacing:3px;font-weight:700;text-transform:uppercase}.hero-subtitle{font-size:var(--font-size-hero-subtitle);margin-bottom:2rem;font-weight:400}header{box-shadow:0 2px 5px var(--shadow-light);width:100%;transition:transform 0.3s ease,opacity 0.3s ease;transform:translateY(-100%);opacity:0;position:sticky;top:0;z-index:1000;height:0}header.visible{transform:translateY(0);opacity:1;height:auto}nav{margin-top:.5rem;display:flex;justify-content:center;gap:1.5rem;padding:.5rem 1rem;background:#fff0;backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 2px 4px var(--shadow-light)}nav a{color:var(--color-text-main);text-decoration:none;font-weight:700;font-size:var(--font-size-nav);padding:.5rem .5rem;border-radius:20px;transition:background 0.2s,color 0.2s}nav a:hover{background-color:var(--color-bg-nav-hover)}main{display:flex;flex-direction:column;background:radial-gradient(circle at 20% 30%,rgb(255 255 255 / .1),transparent 50%),radial-gradient(circle at 80% 70%,rgb(255 255 255 / .1),transparent 50%),radial-gradient(circle at 50% 50%,rgb(255 255 255 / .05),transparent 70%),linear-gradient(to bottom,var(--color-bg-gradient1),var(--color-bg-gradient2));color:var(--color-text-main)}section{margin-bottom:2.5rem;h2{margin-bottom:1rem;text-align:center;text-transform:uppercase}}section{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease-out,transform 0.6s ease-out}section.visible{opacity:1;transform:translateY(0)}section.hide{opacity:0;transform:translateY(20px)}.profile-img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:1rem;box-shadow:0 2px 8px var(--shadow-medium)}ul{list-style:none;padding:0}ul li{margin-bottom:.8rem;padding-left:1.2rem;position:relative}footer{text-align:center;padding:1rem 0;background:var(--color-bg-footer);color:var(--color-text-main);border-radius:0 0 10px 10px}.scroll-down-btn{display:inline-block;margin-top:5rem;text-align:center;text-decoration:none;font-size:var(--font-size-arrow);color:var(--color-text-main);animation:bounce 2s infinite}.scroll-down-btn .arrow{display:inline-block;transform:translateY(0);transition:transform 0.3s;border:2px solid var(--color-border);border-radius:50%;padding:.1rem 1.4rem}.scroll-down-btn:hover .arrow{transform:translateY(5px)}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}#about{padding:2rem 5rem;max-width:100%;color:var(--color-text-main);p{font-family:var(--font-family-main);font-size:var(--font-size-body);line-height:1.6;text-align:justify}}#about-title{font-family:var(--font-family-main);font-size:var(--font-size-section-title);text-align:center;margin-bottom:3.5rem}#experience{padding:2rem 5rem}#experience-title{font-family:var(--font-family-main);font-size:var(--font-size-section-title);color:var(--color-text-main);text-align:center;margin-bottom:3.5rem}#experience-list{list-style:none;padding:0;max-width:900px;margin:0 auto;width:fit-content}#experience-list li{margin-bottom:1.5rem;padding:1rem;border-radius:8px;border:1px solid #fff;box-shadow:0 2px 4px rgb(0 0 0 / .1);display:flex;flex-direction:column;justify-content:space-between;height:100%;.description{line-height:1.5rem}}#experience-list li img{width:75px;height:75px;border-radius:50%;margin-right:2rem;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.experience-list-title{a{color:var(--color-text-main);text-decoration:none;margin-left:.5rem}}#experience-list li div{display:inline-flex;.year-range{width:20%;margin-top:1.5rem;text-align:right;font-style:italic}}#experience-list li strong{font-family:var(--font-family-main);font-size:var(--font-size-body);color:var(--color-text-main);margin-top:1.5rem;width:80%}.skills{margin-top:auto;text-align:center;justify-content:flex-end}#studies{justify-content:center;padding:2rem}#studies-title{font-family:var(--font-family-main);font-size:var(--font-size-section-title);color:var(--color-text-main);text-align:center;margin-bottom:3.5rem}#studies-list{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.studies-list-title{display:flex;margin-bottom:.5rem;.studies-list-info{text-align:left}span{display:block;text-align:left;font-style:italic}.university{display:none;font-style:normal}}#studies-list li{flex:1 1 calc(30% - 1rem);padding:1rem;text-align:center;font-family:var(--font-family-main);font-size:var(--font-size-small);color:var(--color-text-main);border-style:solid;border-width:1.5px;border-color:var(--color-border);border-radius:8px;margin:0 .5rem;img{width:60px;height:60px;border-radius:50%;margin-right:2rem;box-shadow:0 2px 4px rgb(0 0 0 / .1)}}.chip{display:inline-block;background-color:var(--color-bg-chip);color:var(--color-text-main);font-family:var(--font-family-main);font-size:var(--font-size-chip);font-weight:500;padding:.4rem .8rem;border-radius:16px;margin:.2rem;box-shadow:0 2px 4px var(--shadow-light);transition:background-color 0.3s ease,transform 0.2s ease;cursor:pointer}.chip:hover{background-color:var(--color-bg-chip-hover);transform:scale(1.05)}#back-to-top{position:fixed;bottom:20px;right:20px;display:none;background-color:var(--color-bg-backtotop);color:var(--color-text-backtotop);border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;box-shadow:0 4px 6px var(--shadow-medium);z-index:1000}#back-to-top:hover{background-color:var(--color-bg-backtotop-hover)}.contact{.contact-title{font-family:var(--font-family-main);font-size:var(--font-size-section-title);text-align:center;margin-bottom:3.5rem}.contact-subtitle{font-family:var(--font-family-main);font-size:var(--font-size-body);line-height:1.6;text-align:center}.contact-links{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem}.contact-links a{display:flex;align-items:center;color:var(--color-text-main);text-decoration:none;font-family:var(--font-family-main);font-size:var(--font-size-body);padding:.5rem 1rem;border-radius:8px;background-color:var(--color-bg-contact-link);transition:background-color 0.3s ease,transform 0.2s ease;svg{margin-right:.5rem;fill:var(--color-text-main);width:24px;height:24px}}}@media (max-width:768px){header{display:none}}#theme-toggle{position:absolute;top:.5rem;right:1rem;background:var(--color-bg-backtotop);color:var(--color-text-dark);border:none;border-radius:50%;width:40px;height:40px;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 6px var(--shadow-medium);transition:background-color 0.3s ease,color 0.3s ease;svg{margin-left:2px}}#theme-toggle:hover{background:var(--color-bg-backtotop-hover)}#mobile-theme-toggle{position:absolute;top:.5rem;right:1rem;background:var(--color-bg-backtotop);color:var(--color-text-dark);border:none;border-radius:50%;width:40px;height:40px;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 6px var(--shadow-medium);transition:background-color 0.3s ease,color 0.3s ease;svg{margin-left:2px}}.projects-section{padding:4rem 2rem}.projects-title{text-align:center;font-size:var(--font-size-section-title);margin-bottom:2.5rem;color:var(--color-text-main)}.projects-categories{display:flex;flex-direction:column;gap:2rem}.projects-category{width:100%}.projects-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.project-card{background:var(--color-bg-footer);border-radius:16px;box-shadow:0 4px 16px var(--shadow-light);overflow:hidden;display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s}.project-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 8px 24px var(--shadow-medium)}.project-card img{position:relative;height:250px;overflow:hidden;object-fit:cover;object-position:top center;width:100%}.project-card img.scroll-loop{animation:scroll-vertical 10s linear infinite}@keyframes scroll-vertical{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}.project-info{padding:1.2rem}.project-info h4{margin:0 0 .5rem 0;font-size:1.2rem;color:var(--color-text-main)}.project-info p{color:var(--color-text-main);font-size:var(--font-size-body);margin-bottom:1rem}.project-info a{color:var(--color-bg-chip);text-decoration:none;font-weight:700;transition:color 0.2s}.project-info a:hover{color:var(--color-bg-chip-hover)}@media (max-width:1000px){.projects-categories{flex-direction:column;align-items:center}.projects-category{max-width:100%}}.scroll-container{height:250px;width:auto;overflow:hidden;position:relative;cursor:pointer}.scroll-container:hover .scroll-inner{animation:scroll-image 30s linear infinite}@keyframes scroll-image{0%{transform:translateY(0)}100%{transform:translateY(-750px)}}.scroll-inner img{display:block;height:1000px}.mobile-top-navbar{display:none}@media (max-width:900px){.mobile-top-navbar{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:56px;background:var(--color-bg-main,#1a191d);z-index:1200;box-shadow:0 2px 8px rgb(0 0 0 / .12)}.mobile-top-navbar .burger-menu{margin-left:.5rem}.mobile-navbar-title{flex:1;text-align:center;color:var(--color-text-main,#fff);font-size:1.3rem;font-weight:700;letter-spacing:1px}header{display:none}}.burger-menu{display:none;flex-direction:column;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;z-index:1101}.burger-menu span{display:block;height:2.5px;width:28px;background:var(--color-text-main,#fff);margin:3px 0;border-radius:2px;transition:0.3s}@media (max-width:900px){.burger-menu{display:flex}}.burger-menu.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.burger-menu.open span:nth-child(2){opacity:0}.burger-menu.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.sidebar-nav{position:fixed;top:0;left:-260px;width:220px;height:100vh;background:var(--color-bg-main,#1a191d);box-shadow:2px 0 8px rgb(0 0 0 / .12);display:flex;flex-direction:column;padding:2rem 1rem;gap:1.5rem;transition:left 0.3s;z-index:1100}.sidebar-nav.open{left:0}.sidebar-nav a{color:var(--color-text-main,#fff);text-decoration:none;font-size:1.2rem;padding:.5rem 0;transition:color 0.2s}.sidebar-nav a:hover{color:var(--color-bg-chip,#354db3)}@media (max-width:768px){.hero-content{padding:1rem!important}.hero-title{font-size:var(--font-size-hero-title-mobile);margin-bottom:0.5rem!important}.hero-subtitle{font-size:var(--font-size-hero-subtitle-mobile);margin-bottom:1rem!important}.scroll-down-btn{font-size:var(--font-size-arrow-mobile);margin-top:2rem!important}.scroll-down-btn .arrow{padding:.1rem 0.7rem!important;font-size:1.2rem!important;border-width:1px!important}#about{padding:1.5rem;font-size:1rem;line-height:1.6;text-align:justify}#about-title{font-size:1.5rem;margin-bottom:1rem}#about p{margin-bottom:1rem}#experience{padding:1rem;text-align:center}#experience-title{font-size:var(--font-size-section-title-mobile);margin-bottom:1rem}#experience-list{padding:0;display:flex;flex-direction:column;gap:1rem;max-width:100%;margin:0}#experience-list li{padding:1rem;margin:0;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .1);text-align:left}#experience-list li img{display:none}.experience-list-title{flex-direction:column;align-items:flex-start}#experience-list li div.skills{display:block}#experience-list li strong{width:100%}#experience-list li div{.year-range{width:100%;text-align:left}}#experience-list li .description{font-size:1.1rem;line-height:1.6;text-align:justify}.skills{justify-content:center;margin-top:1rem}.projects-title{font-size:var(--font-size-section-title-mobile)}.projects-section{padding:1rem .5rem}#studies{padding:1rem;text-align:center}#studies-title{font-size:var(--font-size-section-title-mobile);margin-bottom:1rem}#studies-list{display:flex;flex-direction:column;gap:1rem;padding:0}#studies-list li{padding:1rem;margin:0;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .1);text-align:left}#studies-list li img{display:none}.scroll-inner img{height:auto}.studies-list-title{display:flex;flex-direction:column;align-items:flex-start;font-size:1.2rem;gap:.5rem;.university{display:block;margin:1rem 0}span{font-size:1rem}}.studies-list-info{text-align:left}.studies-list-description{font-size:1.1rem;line-height:1.6;text-align:justify}}@media (max-width:480px){.hero-title{font-size:var(--font-size-hero-title-xs)}.hero-subtitle{font-size:0.8rem!important}.scroll-down-btn{font-size:1.1rem!important}.scroll-down-btn .arrow{font-size:0.8rem!important;padding:.1rem 0.4rem!important}}@media (max-width:600px){main{padding:1rem}.profile-img{width:80px;height:80px}}