@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_6cbc0d5f-module__dx4leq__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_6cbc0d5f-module__dx4leq__variable{--font-jakarta:"Plus Jakarta Sans","Plus Jakarta Sans Fallback"}
:root{--color-primary:#0d80f2;--color-primary-light:#3d99f5;--color-background:#f2f4f8;--color-surface:#fff;--color-text-primary:#2b303b;--color-text-secondary:#676f7e;--color-border:#dadee7;--color-glass-bg:#ffffff80;--color-shadow:#cdd5e4;--font-family:var(--font-jakarta),sans-serif;--font-size-base:16px;--line-height-base:1.6;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-xxl:6rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--shadow-sm:0 2px 4px -1px var(--color-shadow);--shadow-md:0 4px 8px -2px var(--color-shadow),0 2px 4px -2px var(--color-shadow);--shadow-lg:0 10px 20px -5px var(--color-shadow),0 4px 6px -4px var(--color-shadow);--backdrop-blur:10px;--transition-duration:.25s;--transition-timing-function:ease}[data-theme=dark]{--color-primary:#3d99f5;--color-primary-light:#6eb3f7;--color-background:#131720;--color-surface:#1f242e;--color-text-primary:#f0f1f5;--color-text-secondary:#98a1b3;--color-border:#363d49;--color-glass-bg:#2b303b80;--color-shadow:#0a0c10}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);scroll-behavior:smooth}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family);line-height:var(--line-height-base);transition:background-color var(--transition-duration)var(--transition-timing-function),color var(--transition-duration)var(--transition-timing-function)}body.loading-content #app-root{visibility:hidden}body.nav-open{overflow:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:700;line-height:1.2}h1:focus,h2:focus,h3:focus{outline:none}a{color:var(--color-primary);transition:color var(--transition-duration)var(--transition-timing-function);text-decoration:none}a:hover{color:var(--color-primary-light)}ul{list-style:none}img{max-width:100%;height:auto;display:block}.loader-container{background-color:var(--color-background);z-index:200;opacity:1;visibility:visible;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s ease-out,visibility .3s ease-out;display:flex;position:fixed;top:0;left:0}.loader-container.hidden{opacity:0;visibility:hidden}.loader{border:3px solid var(--color-text-primary);box-sizing:border-box;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block;position:relative}.loader:after{content:"";box-sizing:border-box;border:3px solid #0000;border-bottom-color:var(--color-primary);border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{max-width:1200px;padding-left:var(--space-md);padding-right:var(--space-md);width:100%;margin-left:auto;margin-right:auto}.section{min-height:100vh;padding-bottom:var(--space-xxl);padding-top:var(--space-xxl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}#page-home .section{scroll-snap-align:start}.section:after{background:linear-gradient(to right,transparent,var(--color-border),transparent);content:"";width:80%;max-width:400px;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#page-home section:last-of-type:after{display:none}.section__title{margin-bottom:var(--space-lg);text-align:center;font-size:clamp(2rem,5vw,2.5rem)}.reveal{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.button{background-color:var(--color-primary);border-radius:var(--border-radius-md);color:#fff;cursor:pointer;text-align:center;transition:background-color var(--transition-duration)var(--transition-timing-function),border-color var(--transition-duration)var(--transition-timing-function),color var(--transition-duration)var(--transition-timing-function);border:2px solid #0000;padding:.75rem 1.5rem;font-weight:500;display:inline-block}.button:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light);color:#fff}.button--secondary{border-color:var(--color-primary);color:var(--color-primary);background-color:#0000}.button--secondary:hover{background-color:var(--color-primary);color:#fff}.header{transition:background-color var(--transition-duration)var(--transition-timing-function),box-shadow var(--transition-duration)var(--transition-timing-function);z-index:100;width:100%;position:fixed;top:0;left:0}.header.scrolled{-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));background-color:var(--color-glass-bg);box-shadow:var(--shadow-md)}.nav{justify-content:space-between;align-items:center;height:3.5rem;display:flex}.nav__logo{font-size:1.5rem;font-weight:800}.nav__list{display:none}.nav__actions{align-items:center;gap:var(--space-md);display:flex}.nav__action-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;width:24px;height:24px;padding:0}.nav__action-btn:hover{color:var(--color-text-primary)}.nav__action-btn>span>*{object-fit:contain;width:100%;height:100%}.nav__menu-toggle{z-index:101;display:none}#theme-toggle .icon-dark{display:none}#theme-toggle .icon-light,[data-theme=dark] #theme-toggle .icon-dark{display:block}[data-theme=dark] #theme-toggle .icon-light,.nav__menu-toggle [data-icon-key=menu-close]{display:none}.nav__menu-toggle [data-icon-key=menu-open],.nav-open .nav__menu-toggle [data-icon-key=menu-close]{display:block}.nav-open .nav__menu-toggle [data-icon-key=menu-open]{display:none}.project-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-duration)var(--transition-timing-function),box-shadow var(--transition-duration)var(--transition-timing-function);flex-direction:column;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)scale(1.02)}.project-card__image{aspect-ratio:16/9;object-fit:cover;width:100%}.project-card__content{padding:var(--space-md);flex-direction:column;flex-grow:1;display:flex}.project-card__title{margin-bottom:var(--space-sm);font-size:1.25rem}.project-card__description{color:var(--color-text-secondary);margin-bottom:var(--space-md);flex-grow:1;font-size:.9rem}.project-card__tags{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.project-card__tag{background-color:var(--color-primary);border-radius:var(--border-radius-sm);color:#fff;padding:.2rem .5rem;font-size:.75rem;font-weight:500}.project-card__links{gap:var(--space-md);margin-top:auto;display:flex}.project-card__link{align-items:center;gap:var(--space-xs);font-weight:500;display:flex}.skip-link{background:var(--color-primary);color:#fff;z-index:9999;padding:1rem 2rem;font-weight:700;transition:top .3s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:0}.scroll-top{background-color:var(--color-primary);bottom:var(--space-lg);box-shadow:var(--shadow-md);color:#fff;opacity:0;height:40px;right:var(--space-lg);transition:opacity var(--transition-duration)var(--transition-timing-function),visibility var(--transition-duration)var(--transition-timing-function),transform var(--transition-duration)var(--transition-timing-function);visibility:hidden;z-index:50;border-radius:50%;justify-content:center;align-items:center;width:40px;display:flex;position:fixed;transform:translateY(20px)}.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top>span{width:20px;height:20px;display:inline-block}.scroll-top>span>*{object-fit:contain;width:100%;height:100%}#page-home{scroll-snap-type:y proximity}#page-archive .section,#page-404 .section{min-height:0;padding-top:var(--space-xxl)}#page-archive .section__title,#page-404 .section__title{margin-top:var(--space-xl)}#page-404 .section{min-height:80vh}.hero{text-align:left}.hero__title{margin-bottom:var(--space-md);font-size:clamp(2.5rem,10vw,5rem);font-weight:800}.hero__name{color:var(--color-primary);display:block}.hero__tagline{color:var(--color-text-secondary);font-size:4rem;display:block}.hero__description{color:var(--color-text-secondary);margin-bottom:var(--space-lg);max-width:600px;font-size:1.125rem}.about__container{align-items:start;gap:var(--space-xl);grid-template-columns:1fr;display:grid}.about__content p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.about__skills-title{margin-bottom:var(--space-md);font-size:1.25rem}.skills__list{gap:var(--space-sm);max-height:290px;padding-right:var(--space-sm);scrollbar-color:var(--color-border)transparent;scrollbar-width:thin;flex-wrap:wrap;display:flex;overflow-y:auto}.skills__list::-webkit-scrollbar{width:6px}.skills__list::-webkit-scrollbar-track{background:0 0}.skills__list::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.skills__list li{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--space-xs)var(--space-sm);font-size:.875rem;font-weight:500}.experience__container{flex-direction:column;align-items:center;width:100%;max-width:1200px;min-height:300px;display:flex}.experience__tabs{border-bottom:1px solid var(--color-border);flex-direction:row;width:100%;display:flex;overflow-x:auto}.experience__tab-btn{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-md);white-space:nowrap;background:0 0;border:none;font-family:inherit;font-size:1rem;position:relative}.experience__tab-btn:after{background-color:var(--color-primary);content:"";height:2px;transition:transform var(--transition-duration)var(--transition-timing-function);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.experience__tab-btn.active{color:var(--color-primary)}.experience__tab-btn.active:after{transform:scaleX(1)}.experience__panels{padding-top:var(--space-lg);width:100%}.experience__panel{display:none}.experience__panel.active{display:block}.experience__role{font-size:1.25rem;font-weight:700}.experience__company{color:var(--color-primary);font-weight:500}.experience__period{color:var(--color-text-secondary);margin:var(--space-sm)0 var(--space-md);font-size:.875rem}.projects__container{flex-direction:column;width:100%;display:flex}.project-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));width:100%;display:grid}#page-home .project-grid{max-width:900px;margin-left:auto;margin-right:auto}.project-filters{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex}.filter-btn{border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-duration)var(--transition-timing-function),border-color var(--transition-duration)var(--transition-timing-function),color var(--transition-duration)var(--transition-timing-function);background:0 0;padding:.5rem 1rem;font-weight:500}.filter-btn:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.filter-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.project-archive__container{margin-top:var(--space-lg);text-align:center}.contact__container{text-align:center}.contact__container p{margin-bottom:var(--space-lg);max-width:600px;margin-left:auto;margin-right:auto}.contact__email{border:1px solid var(--color-border);border-radius:var(--border-radius-md);margin-bottom:var(--space-lg);padding:var(--space-sm)var(--space-md);font-size:1.25rem;font-weight:500;display:inline-block}.contact__socials{gap:var(--space-lg);justify-content:center;display:flex}.social-link{color:var(--color-text-secondary);height:45px;transition:transform var(--transition-duration)var(--transition-timing-function),color var(--transition-duration)var(--transition-timing-function);width:45px;display:block}.social-link:hover{color:var(--color-primary);transform:translateY(-3px)}.social-link>span>*{object-fit:contain;width:100%;height:100%}.copyright{color:var(--color-text-secondary);margin-top:var(--space-xl);font-size:.875rem}@media (min-width:640px){.container{padding-left:var(--space-lg);padding-right:var(--space-lg)}}@media (min-width:768px){#page-home{scroll-snap-type:y mandatory}.nav__list{gap:var(--space-lg);display:flex}.nav__link{color:var(--color-text-secondary);font-weight:500;position:relative}.nav__link:after{background-color:var(--color-primary);content:"";height:2px;transition:width var(--transition-duration)var(--transition-timing-function);width:0;position:absolute;bottom:-4px;left:0}.nav__link:hover:after{width:100%}.about__container{grid-template-columns:2fr 1fr}.experience__container{gap:var(--space-lg);flex-direction:row}.experience__tabs{border-bottom:none;border-right:1px solid var(--color-border);max-height:400px;padding-right:var(--space-sm);flex-direction:column;width:auto;overflow-y:auto}.experience__tab-btn{text-align:left;border:none}.experience__tab-btn:after{width:2px;height:auto;inset:0 -1px 0 auto;transform:scaleY(0)}.experience__tab-btn.active:after{transform:scaleY(1)}.experience__panels{padding-left:var(--space-lg);flex:1;padding-top:0}}@media (max-width:767px){.nav__menu-toggle{display:block}.nav__list{background-color:var(--color-background);align-items:center;gap:var(--space-lg);height:100vh;transition:transform var(--transition-duration)var(--transition-timing-function),visibility var(--transition-duration)var(--transition-timing-function);visibility:hidden;flex-direction:column;justify-content:center;width:100vw;display:flex;position:fixed;top:0;left:0;transform:translate(100%)}.nav-open .nav__list{visibility:visible;transform:translate(0)}.nav__link{font-size:1.5rem}}@media (min-width:1440px){:root{--font-size-base:18px}}