@font-face{font-family:Lato;src:url(../fonts/Lato-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(../fonts/Lato-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(../fonts/Lato-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(../fonts/Lato-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--accent: #0891B2;--accent-dark: #0E7490;--accent-light: #38BDF8;--accent-weak: rgba(8, 145, 178, .1);--accent-glow: rgba(8, 145, 178, .22);--bg-1: #eaeaea;--bg-2: #dedede;--bg-3: #efefef;--bg-4: #bcbcbc;--text-1: #1a1a1a;--text-2: #404040;--text-3: #5a5a5a;--text-4: #a3a3a3;--nav-bg: rgba(255, 255, 255, .75);--nav-border: rgba(0, 0, 0, .05);--modal-overlay: rgba(0, 0, 0, .8);--btn-text: #f5f5f5;--radius-sm: 6px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--border-subtle: 1px solid rgba(0, 0, 0, .08);--border-light: 1px solid rgba(0, 0, 0, .12);--border-accent: 2px solid var(--accent-light);--border-accent-left: 3px solid var(--accent);--blur: 4px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--max-w: 1080px;--nav-top-initial: clamp(40px, 10vh, 160px);--nav-content-height: calc(.95rem * 1.6 + 2 * var(--sp-2))}@media(prefers-color-scheme:dark){:root{--bg-1: #2a2a2a;--bg-2: #333333;--bg-3: #3d3d3d;--bg-4: #414141;--text-1: #f5f5f5;--text-2: #d9d9d9;--text-3: #a8a8a8;--text-4: #5f5f5f;--accent: #38BDF8;--accent-dark: #0EA5E9;--accent-light: #7DD3FC;--accent-weak: rgba(56, 189, 248, .12);--accent-glow: rgba(14, 165, 233, .35);--nav-bg: rgba(30, 30, 30, .92);--nav-border: rgba(255, 255, 255, .06);--modal-overlay: rgba(0, 0, 0, .85);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow: 0 4px 12px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55)}}body{font-family:Lato,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;background:var(--bg-1);color:var(--text-2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--max-w);margin:0 auto;padding:var(--sp-8) var(--sp-6)}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:var(--sp-4);top:var(--sp-4);width:auto;height:auto;background:var(--accent);color:var(--btn-text);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);z-index:2000;border:none}.top-nav{position:sticky;top:0;left:0;right:0;z-index:1000;margin-top:var(--nav-top-initial);background:var(--nav-bg);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-bottom:1px solid var(--nav-border);transition:background .2s ease,border-bottom .2s ease}.js .top-nav:not(.scrolled){background:transparent;border-bottom:1px solid transparent;transition:none}@media(max-height:700px){:root{--nav-top-initial: 0px}}@media(max-width:768px){:root{--nav-top-initial: 0px}.top-nav{background:var(--nav-bg)}}.top-nav .container{padding-top:var(--sp-4);padding-bottom:var(--sp-4)}.top-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6)}.top-nav__brand{font-size:1.25rem;font-weight:800;text-decoration:none;letter-spacing:-.02em;transition:color var(--transition)}.brand-full{color:var(--text-1)}.brand-short{display:none;color:var(--accent);font-weight:900;position:relative;top:-3px}@media(max-width:768px){.brand-full{display:none}.brand-short{display:inline-block}}.top-nav__links{list-style:none;display:flex;gap:var(--sp-2);white-space:nowrap}.top-nav__links a{display:inline-block;text-decoration:none;color:var(--text-3);font-weight:600;font-size:.95rem;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius);transition:color var(--transition),background var(--transition);position:relative}.top-nav__links a:hover{color:var(--text-1);background:var(--accent-weak)}.top-nav__links a.is-active{color:var(--accent);background:var(--accent-weak)}.top-nav.programmatic-scroll .top-nav__links a.is-active{transition-delay:.2s}.top-nav__links .lang-switch{padding:var(--sp-2) 0}.top-nav__links .lang-switch:hover{background:unset;color:var(--text-1)}.top-nav__home-item{display:none}.top-nav.scrolled .top-nav__home-item{display:block;animation:fadeInSlide .3s ease-out}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.top-nav__home{display:inline-block;text-decoration:none;color:var(--text-4)!important;font-weight:600;font-size:.95rem;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius);transition:color var(--transition);background:transparent!important}.top-nav__home svg{display:block;position:relative;top:2px}.top-nav__home:hover{color:var(--text-3)!important;background:transparent!important}@media(max-width:768px){.top-nav__inner{gap:var(--sp-2)}.top-nav__links{gap:var(--sp-1)}.top-nav__links a{font-size:.85rem;padding:var(--sp-1) var(--sp-2)}.top-nav__links .lang-switch{font-size:.85rem;padding:var(--sp-1) 0}.top-nav__home-item{display:none!important}.lang-switch{font-size:.85rem;padding:var(--sp-1) var(--sp-2);margin-left:var(--sp-2)}}.hero{min-height:100svh;height:auto;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--sp-16) 0;position:relative;overflow:hidden;margin-top:calc(-1 * var(--nav-top-initial) - (2 * var(--sp-4)) - var(--nav-content-height))}.hero .container{animation:fadeIn .8s ease-out}@supports (height: 100dvh){.hero{min-height:100dvh}}@media(max-height:700px){.hero{min-height:auto}}@media(max-width:768px){.hero{min-height:fit-content}}.hero__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.05;filter:blur(0px)}@media(prefers-color-scheme:dark){.hero__video{opacity:.2}}@media(max-width:1024px){.hero__video{display:none}}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,var(--bg-1) 0%,transparent 30%,transparent 70%,var(--bg-1) 100%);z-index:0;pointer-events:none}.hero .container{position:relative;z-index:1}.hero__headline{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.2;margin:var(--sp-1) 0;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent-dark) 0%,var(--accent) 40%,var(--accent-light) 60%,var(--accent) 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease infinite}@media(max-height:700px){.hero__headline{font-size:clamp(2rem,5vw,3rem);margin:var(--sp-1) 0}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero__intro{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--text-2)}@media(max-height:700px){.hero__intro{font-size:clamp(1.125rem,2.5vw,1.5rem)}}.hero__subline{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;color:var(--text-1);margin-bottom:var(--sp-6)}@media(max-height:700px){.hero__subline{font-size:clamp(1rem,2vw,1.25rem);margin-bottom:var(--sp-4)}}.hero__subline em{font-style:normal}.hero__trust{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--sp-3);list-style:none}.hero__trust li{background:var(--bg-3);color:var(--text-2);border-radius:var(--radius-sm);padding:var(--sp-1) var(--sp-3);font-size:.8rem;font-weight:500;transition:all var(--transition)}.hero__description{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--text-3);max-width:720px;margin:var(--sp-6) auto var(--sp-6);line-height:1.6}@media(max-height:700px){.hero__description{font-size:clamp(.95rem,1.8vw,1.1rem);margin:var(--sp-4) auto var(--sp-4);line-height:1.5}}.cta-button{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-8);background:var(--accent);color:var(--btn-text);text-decoration:none;border-radius:var(--radius-lg);font-weight:700;font-size:1.05rem;transition:all var(--transition-slow);border:none}.cta-button:hover{background:var(--accent-dark);transform:translateY(-2px)}.cta-button:active{transform:translateY(0)}.hero__ctas{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);margin-top:var(--sp-6)}.hero__ctas .cta-secondary:after{opacity:0;display:block;content:"\2193";text-align:center;transition:opacity .3s ease-in-out}.cta-secondary{display:inline-block;color:var(--text-3);font-size:.95rem;text-decoration:none;transition:color var(--transition)}.cta-secondary:hover,.cta-secondary:hover:after{color:var(--accent);opacity:1}.about,.skills,.contact{padding:var(--sp-16) 0}.about .container,.skills .container,.contact .container{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.about.visible .container,.skills.visible .container,.contact.visible .container{opacity:1;transform:translateY(0)}.about{background:linear-gradient(to bottom,var(--bg-1),var(--bg-3))}.skills{background:linear-gradient(135deg,var(--bg-1) 0%,var(--bg-2) 50%,var(--bg-1) 100%)}.contact{background:var(--accent-weak)}.section-header{text-align:center}.section-badge{display:inline-flex;align-items:center;background:var(--accent-weak);color:var(--accent);padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-pill);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-6)}.section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:var(--text-1);text-align:center;margin-bottom:var(--sp-8);letter-spacing:-.03em;position:relative;padding-bottom:var(--sp-8);line-height:1.2}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--accent-light),var(--accent),var(--accent-dark));border-radius:var(--radius-pill)}.section-subtitle{text-align:center;color:var(--text-3);font-size:1.15rem;margin-bottom:var(--sp-12);max-width:640px;margin-left:auto;margin-right:auto;line-height:1.7}.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:var(--sp-12)}@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:var(--sp-10)}}.about-grid h3{color:var(--text-1);font-size:1.5rem;font-weight:700;margin-bottom:var(--sp-5);letter-spacing:-.01em}.personal-intro{font-size:1.15rem;line-height:1.75em;margin-bottom:var(--sp-6)}.personal-intro p{margin:1em 0;hyphens:auto}.personal-details{display:grid;gap:var(--sp-1)}.personal-details div{display:grid;grid-template-columns:.75fr 1fr;gap:var(--sp-3);align-items:baseline}@media(max-width:900px){.personal-details div{grid-template-columns:minmax(auto,180px) 1fr}.personal-details dd{max-width:400px}}.personal-details dt{color:var(--text-1);font-weight:600;font-size:.95rem}.personal-details dd{color:var(--text-2);font-weight:400}.personal-details a{color:var(--accent);text-decoration:none}.personal-details a:hover{text-decoration:underline}.timeline{list-style:none}.timeline .timeline-entry{position:relative;padding-left:var(--sp-6);border-left:3px dashed var(--bg-4);padding-bottom:var(--sp-10)}.timeline .timeline-entry a{color:var(--accent);text-decoration:none}.timeline .timeline-entry a:hover{color:var(--accent-dark)}.timeline .timeline-entry:last-child{padding-bottom:0}.timeline .timeline-entry:before{content:"";position:absolute;left:-8px;top:-6px;width:13px;height:13px;border-radius:50%;background:var(--accent);border:0}.timeline .timeline-period{color:var(--text-1);background-color:var(--bg-4);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;margin:0 0 var(--sp-1);position:relative;top:calc(var(--sp-2) * -1.5)}.timeline h4{color:var(--text-1);font-weight:700;font-size:1.25rem;margin:0}.timeline-org{color:var(--text-2);font-weight:500;margin:-.25rem 0 0}.timeline-desc{color:var(--text-3);font-size:.95rem;line-height:1.6;margin:var(--sp-2) 0 0;hyphens:auto}@media(max-width:900px){.timeline-desc{max-width:600px}}.timeline-header{max-width:600px;margin:-3px 0 0;color:var(--text-3)}.timeline-downloads{margin-bottom:var(--sp-12)}.timeline-downloads .download-cta{display:inline-block;transform:translateY(2px);margin:var(--sp-4) var(--sp-4) 0 0;padding:var(--sp-1) var(--sp-3);font-size:1rem;background:transparent;background:var(--accent-weak);border:0;border-radius:var(--radius-sm);border-color:var(--accent-dark);color:var(--accent-dark)}.timeline-downloads .download-cta:hover{background:var(--accent-weak)}.timeline-downloads .download-cta:before{content:"\2b07";text-decoration:underline;margin-right:.5em;transition:all var(--transition)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-6);margin-top:var(--sp-10)}.skill-box{background:var(--bg-1);border-radius:var(--radius-xl);padding:var(--sp-8);position:relative;transition:transform var(--transition-slow)}.skill-box--special{background:var(--accent-weak)}.skill-box--special p{color:var(--text-2)}.skill-box--special .tag{background:var(--bg-1);color:var(--text-2)}.skill-box--special .tag-cta{background:var(--accent);color:var(--btn-text)}.skill-box h3{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-1);font-weight:700;font-size:1.15rem;margin-bottom:var(--sp-4)}.skill-box h3 svg{flex-shrink:0;color:var(--accent)}.skill-box--devops svg{transform:rotate(-5deg)}.skill-box p{color:var(--text-3);line-height:1.5;margin-bottom:var(--sp-4);hyphens:auto}.tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.download-cta,.tag{background:var(--bg-2);color:var(--text-3);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500}.tag-primary{background:var(--accent-weak);color:var(--text-1)}.download-cta,.tag-cta{align-items:center;padding:var(--sp-1) var(--sp-2);background:var(--accent);color:var(--btn-text);font-weight:600;text-decoration:none;transition:all var(--transition);cursor:pointer}.download-cta:hover,.tag-cta:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-2px)}.contact-grid{display:flex;flex-direction:column;align-items:center;gap:var(--sp-6);margin-top:var(--sp-10)}.contact-cta{font-style:normal}.contact-photo{width:175px;height:175px;border-radius:50%;object-fit:cover;border:6px solid var(--accent);padding:2px;margin-bottom:var(--sp-8)}.contact-cta{display:flex;flex-direction:column;align-items:center;gap:var(--sp-6);width:100%;max-width:600px}.contact-direct{display:flex;gap:var(--sp-4);flex-wrap:wrap;justify-content:center;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-8);border-radius:var(--radius-lg);text-decoration:none;font-weight:700;font-size:1.05rem;background:var(--accent);color:var(--btn-text);border:none;transition:all var(--transition-slow);min-width:220px}.btn svg{flex-shrink:0}.btn:hover{background:var(--accent-dark);transform:translateY(-2px)}.btn--secondary{background:transparent;color:var(--accent);border:2px solid var(--accent)}.btn--secondary:hover{background:var(--accent-weak);border-color:var(--accent-dark);color:var(--accent-dark)}.socials{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center;width:100%}.socials a{color:var(--text-3);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius);transition:all var(--transition)}.socials a:hover{color:var(--accent);transform:translateY(-2px)}.socials a svg{width:24px;height:24px}.footer{padding:var(--sp-12) 0 var(--sp-8);text-align:center;background:var(--bg-2);border-top:3px solid var(--accent)}.footer__cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--sp-8);justify-content:center;text-align:left;margin-bottom:var(--sp-8)}@media(max-width:768px){.footer__cols{grid-template-columns:1fr;gap:var(--sp-6)}}.footer h2{color:var(--text-1);font-weight:700;margin-bottom:var(--sp-3);font-size:1rem}.footer p,.footer li,.footer a{font-size:.95rem;color:var(--text-2)}.footer a{text-decoration:none;color:var(--accent);transition:color var(--transition)}.footer a:hover{color:var(--accent-dark)}.footer .muted{color:var(--text-4)}.footer__list{list-style:none;display:grid;gap:var(--sp-2)}.footer__contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6)}@media(max-width:600px){.footer__contact-grid{grid-template-columns:1fr;gap:var(--sp-4)}}.footer__credits-text{font-size:.9rem}.footer__bottom{text-align:center;color:var(--text-3);font-size:.9rem;padding-top:var(--sp-6);border-top:1px solid var(--bg-4)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:var(--modal-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow-y:auto;animation:fadeIn .3s ease-out}.modal.is-open{display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.modal__content{background:var(--bg-1);border-radius:var(--radius-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--sp-8);position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal__close{position:sticky;top:0;margin:0 0 0 auto;background:var(--bg-2);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-2);transition:all var(--transition)}.modal__close:hover{background:var(--accent);color:var(--btn-text);transform:rotate(90deg)}.modal__body .back-link,.modal__body .back-link:active,.modal__body .back-link:visited,.modal__body .back-link:link,.simple .back-link,.simple .back-link:active,.simple .back-link:visited,.simple .back-link:link{position:relative;background-color:var(--accent);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);color:var(--btn-text);font-weight:700;z-index:100}.modal__body .back-link:before,.simple .back-link:before{content:"\2b05";margin-right:.25em}.simple h2,.modal__body h2{color:var(--text-1);font-size:1.75rem;font-weight:700;margin-bottom:var(--sp-6)}.simple h3,.modal__body h3{color:var(--text-1);font-size:1.25rem;font-weight:700;margin:var(--sp-6) 0 var(--sp-3)}.simple p,.modal__body p,.simple ul,.modal__body ul,.simple ol,.modal__body ol{color:var(--text-2);line-height:1.7;margin-bottom:var(--sp-4)}.simple ul,.modal__body ul,.simple ol,.modal__body ol{margin-left:var(--sp-4)}.modal__body p>strong,.simple p>strong{color:var(--text-1)}.simple a,.modal__body a{color:var(--accent);text-decoration:none}.simple a:hover,.modal__body a:hover{color:var(--accent-dark);text-decoration:none}.simple .note,.modal__body .note{background:var(--accent-weak);padding:var(--sp-4);border-radius:var(--radius);margin:var(--sp-6) 0;color:var(--text-2)}.simple .note strong,.modal__body .note strong{color:var(--text-1)}