@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap";:root{--brand:oklch(.35 .04 260);--brand-light:oklch(.5 .03 260);--brand-subtle:oklch(.96 .006 260);--surface-1:oklch(.985 .002 260);--surface-2:oklch(.96 .004 260);--surface-3:oklch(.9 .008 260);--text-1:oklch(.18 .02 260);--text-2:oklch(.36 .015 260);--text-3:oklch(.48 .012 260);--accent:oklch(.46 .17 175);--accent-hover:oklch(.4 .16 175);--accent-subtle:oklch(.95 .03 175);--text-xs:clamp(.72rem,.67rem + .25vw,.82rem);--text-sm:clamp(.85rem,.8rem + .29vw,1rem);--text-base:clamp(1rem,.91rem + .43vw,1.2rem);--text-md:clamp(1.2rem,1.07rem + .63vw,1.5rem);--text-lg:clamp(1.44rem,1.26rem + .89vw,1.88rem);--text-xl:clamp(1.73rem,1.48rem + 1.24vw,2.38rem);--text-2xl:clamp(2.07rem,1.73rem + 1.7vw,2.95rem);--text-3xl:clamp(2.49rem,2.03rem + 2.31vw,3.6rem);--space-3xs:clamp(.25rem,.22rem + .15vw,.31rem);--space-2xs:clamp(.5rem,.45rem + .22vw,.63rem);--space-xs:clamp(.75rem,.68rem + .33vw,.94rem);--space-s:clamp(1rem,.91rem + .43vw,1.25rem);--space-m:clamp(1.5rem,1.37rem + .65vw,1.88rem);--space-l:clamp(2rem,1.83rem + .87vw,2.5rem);--space-xl:clamp(3rem,2.74rem + 1.3vw,3.75rem);--space-2xl:clamp(4rem,3.65rem + 1.74vw,5rem);--space-3xl:clamp(6rem,5.48rem + 2.61vw,7.5rem);--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:999px;--overlay-bg:oklch(0 0 0/.85);--accent-border:oklch(.55 .12 175/.2);--shadow-sm:0 1px 3px oklch(0 0 0/.06),0 1px 2px oklch(0 0 0/.04);--shadow-md:0 4px 12px oklch(0 0 0/.07),0 2px 4px oklch(0 0 0/.04);--shadow-lg:0 12px 32px oklch(0 0 0/.08),0 4px 8px oklch(0 0 0/.04);--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-out-quart:cubic-bezier(.25,1,.5,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--content-width:88rem;--gutter:clamp(1.25rem,.5rem + 3vw,3rem)}.App.dark{--surface-1:oklch(.14 .015 260);--surface-2:oklch(.18 .02 260);--surface-3:oklch(.24 .025 260);--text-1:oklch(.94 .006 260);--text-2:oklch(.72 .01 260);--text-3:oklch(.52 .015 260);--brand:oklch(.72 .03 260);--brand-light:oklch(.8 .025 260);--brand-subtle:oklch(.22 .03 260);--accent:oklch(.65 .14 175);--accent-hover:oklch(.72 .12 175);--accent-subtle:oklch(.22 .05 175);--shadow-sm:0 1px 3px oklch(0 0 0/.2),0 1px 2px oklch(0 0 0/.15);--shadow-md:0 4px 12px oklch(0 0 0/.25),0 2px 4px oklch(0 0 0/.15);--shadow-lg:0 12px 32px oklch(0 0 0/.3),0 4px 8px oklch(0 0 0/.15);--overlay-bg:oklch(0 0 0/.7);--accent-border:oklch(.55 .12 175/.25)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow-x:clip;scroll-behavior:smooth;scrollbar-color:var(--accent) var(--surface-2);scrollbar-width:thin}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:var(--surface-2)}html::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}html.dark{scrollbar-color:oklch(.65 .14 175) oklch(.18 .02 260)}html.dark::-webkit-scrollbar-track{background:#0c121a}html.dark::-webkit-scrollbar-thumb{background:#00a78b;background:oklch(.65 .14 175)}::-moz-selection{background-color:var(--accent);color:#fff}::selection{background-color:var(--accent);color:#fff}body{background:var(--surface-1);color:var(--text-1);font-family:Sora,sans-serif;font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;overflow-x:clip}a,h1,h2,h3,h4,h5,h6,li,p,span,strong{overflow-wrap:anywhere;word-break:break-word}.App{background:var(--surface-1);color:var(--text-1);display:flex;flex-direction:column;min-height:100vh;transition:background .4s var(--ease-out-quart),color .4s var(--ease-out-quart)}.App>:not(nav,footer){margin-block-end:var(--space-3xl)}.App>footer{margin-block-end:0}.container{margin-inline:auto;max-width:var(--content-width);padding-inline:var(--gutter);width:100%}a{color:inherit;cursor:pointer;text-decoration:none}.scroll-progress{background:var(--accent);height:3px;left:0;position:fixed;right:0;top:0;transform-origin:0;z-index:1001}img{display:block;max-width:100%}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:600;gap:var(--space-2xs);justify-content:center;padding:var(--space-xs) var(--space-m);transition:background .25s var(--ease-out-quart),color .25s var(--ease-out-quart),transform .25s var(--ease-out-quart),box-shadow .25s var(--ease-out-quart)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--accent);box-shadow:0 2px 8px #00856e40;box-shadow:0 2px 8px oklch(.55 .17 175/.25);color:#fff}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 4px 16px #00856e4d;box-shadow:0 4px 16px oklch(.55 .17 175/.3)}.btn--ghost{background:transparent;border:1.5px solid var(--accent);color:var(--accent)}.btn--ghost:hover{background:var(--accent-subtle)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:focus-visible{box-shadow:0 0 0 4px #00856e26;box-shadow:0 0 0 4px oklch(.55 .17 175/.15);outline:2px solid var(--accent);outline-offset:2px}.section-label{color:var(--accent);display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;margin-block-end:var(--space-2xs);text-transform:uppercase}@media screen and (max-width:768px){.App>:not(nav,footer){margin-block-end:var(--space-2xl)}}.navbar{align-items:center;backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);background:color-mix(in oklch,var(--surface-1) 92%,transparent);box-shadow:0 1px 12px #00000012;display:flex;justify-content:space-between;padding:var(--space-xs) var(--gutter);position:sticky;top:0;transition:background .4s var(--ease-out-quart),border-color .4s var(--ease-out-quart),box-shadow .4s var(--ease-out-quart);z-index:1000}.logo{cursor:pointer;transition:opacity .25s var(--ease-out-quart);width:12rem}.logo:hover{opacity:.7}.nav-list{align-items:center;display:flex;gap:var(--space-m);list-style:none}.nav-list a{color:var(--text-2);font-size:var(--text-sm);font-weight:500;padding-block:.2rem;position:relative;transition:color .25s var(--ease-out-quart)}.nav-list a:after{background:var(--accent);border-radius:1px;content:"";inset-inline:0;bottom:-2px;height:2px;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out-expo)}.active-link,.nav-list a:hover{color:var(--text-1)}.active-link:after,.nav-list a:hover:after{transform:scaleX(1)}.toggle-buttons{align-items:center;display:flex;gap:var(--space-xs)}.menu-icon{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-1);cursor:pointer;display:none;flex-direction:column;gap:5px;height:44px;justify-content:center;padding:var(--space-xs);transition:background .2s;width:44px}.menu-icon__bar{background:currentColor;border-radius:1px;display:block;height:2px;transform-origin:center;transition:transform .3s var(--ease-out-expo),opacity .3s var(--ease-out-expo);width:22px}.menu-icon--open .menu-icon__bar:first-child{transform:translateY(7px) rotate(45deg)}.menu-icon--open .menu-icon__bar:nth-child(2){opacity:0}.menu-icon--open .menu-icon__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-icon:hover{background:var(--surface-2)}@media (max-width:960px){.menu-icon{display:flex;z-index:1001}.navbar--open{align-items:stretch;background:var(--surface-1);border-block-end:none;box-shadow:none;flex-direction:column;top:0;right:0;bottom:0;left:0;overflow-y:auto;position:fixed}.navbar--open .menu-icon{align-self:flex-end;margin:var(--space-xs) var(--gutter) 0}.nav-list,.navbar--open .logo{display:none}.nav-list--open{align-items:center;animation:navFadeIn .35s var(--ease-out-expo) forwards;display:flex;flex:1;flex-direction:column;gap:var(--space-l);justify-content:center;opacity:0;transform:translateY(-8px)}@keyframes navFadeIn{to{opacity:1;transform:translateY(0)}}.nav-list--open a{font-size:var(--text-md)}.navbar--open .toggle-buttons{margin-block-start:var(--space-m)}}@media (max-width:580px){.logo{width:8.5rem}}.language-toggle-button{background:transparent;border:1px solid var(--surface-3);border-radius:.375rem;color:var(--text-2);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;min-height:44px;min-width:44px;padding:.5rem .75rem;transition:color .2s var(--ease-out-expo),border-color .2s var(--ease-out-expo)}.language-toggle-button:hover{border-color:var(--accent);color:var(--accent)}.language-toggle-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.switch{display:inline-block;height:28px;position:relative;width:52px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--surface-3);border-radius:var(--radius-full);cursor:pointer;top:0;right:0;bottom:0;left:0;position:absolute;transition:background-color .3s var(--ease-out-expo)}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:var(--shadow-sm);content:"";height:22px;left:3px;position:absolute;transition:transform .3s var(--ease-out-expo);width:22px}input:checked+.slider{background-color:var(--accent)}input:checked+.slider:before{transform:translate(24px)}.hero{align-items:center;display:flex;justify-content:flex-start;margin-inline:auto;max-width:var(--content-width);min-height:100vh;min-height:100svh;overflow:clip;padding-block-start:clamp(6rem,10vh,10rem);padding-inline:var(--gutter);position:relative;width:100%}.hero__bg-image{mask-image:linear-gradient(270deg,#000 60%,oklch(0 0 0/.85) 78%,oklch(0 0 0/.45) 92%,transparent);-webkit-mask-image:linear-gradient(270deg,#000 60%,oklch(0 0 0/.85) 78%,oklch(0 0 0/.45) 92%,transparent);pointer-events:none;position:absolute;right:2%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:clamp(22rem,38vw,34rem);z-index:0}.hero__bg-image img{filter:saturate(.92) brightness(1.02);height:auto;opacity:.88;width:100%}.App.dark .hero__bg-image img{filter:saturate(.8) brightness(.85);opacity:.55}.hero__content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-xs);max-width:38rem;position:relative;z-index:1}.hero__greeting{color:var(--accent);font-size:var(--text-md);font-weight:400;letter-spacing:.02em}.hero__name{color:var(--text-1);font-size:var(--text-3xl);font-weight:800;letter-spacing:-.03em;line-height:1.08}.hero__role{color:var(--text-2);font-size:var(--text-lg);font-weight:300;line-height:1.35;max-width:28ch}.hero__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-block-start:var(--space-m)}.hero__btn{font-size:var(--text-sm);padding:var(--space-xs) var(--space-l)}@media (max-width:960px){.hero{min-height:auto;padding-block:clamp(8rem,16vh,13rem) var(--space-2xl)}.hero__bg-image{right:-4%;width:clamp(16rem,48vw,24rem)}}@media (max-width:580px){.hero{padding-block-start:clamp(6rem,14vh,9rem)}.hero__bg-image{display:none}.hero__actions{align-items:stretch;flex-direction:column}.hero__btn{text-align:center}}.experience{margin-inline:auto;max-width:var(--content-width);padding-block:var(--space-2xl);padding-inline:var(--gutter);width:100%}.experience__header{display:flex;flex-direction:column;gap:var(--space-2xs);margin-block-end:var(--space-l)}.experience__title{color:var(--text-1);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.01em;line-height:1.15}.experience__list{display:flex;flex-direction:column;gap:var(--space-m)}.experience-card{background:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:var(--space-s);grid-template-columns:auto 1fr;padding:var(--space-m);transition:transform .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo),border-color .4s var(--ease-out-expo)}.experience-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-sm)}.experience-card__icon{align-items:center;background:#0c121a;border:1px solid var(--surface-3);border-radius:var(--radius-md);display:inline-flex;flex-shrink:0;height:3rem;justify-content:center;overflow:hidden;width:3rem}.App.dark .experience-card__icon{background:#010309;border-color:#ffffff1a}.experience-card__icon img{height:80%;-o-object-fit:contain;object-fit:contain;width:80%}.experience-card__body{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}.experience-card__company{color:var(--text-1);font-size:var(--text-md);font-weight:700;line-height:1.2}.experience-card__meta{align-items:center;color:var(--text-2);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:var(--space-2xs)}.experience-card__role{color:var(--text-1);font-weight:600}.experience-card__period{color:var(--text-3)}.experience-card__period:before{color:var(--text-3);content:"·";margin-inline-end:var(--space-2xs)}.experience-card__desc{color:var(--text-2);font-size:var(--text-sm);line-height:1.6}.experience-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-3xs);margin-block-start:var(--space-3xs)}.experience-card__tags span{background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:var(--radius-full);color:var(--accent);font-size:var(--text-xs);font-weight:500;padding:.15rem .55rem}@media (max-width:580px){.experience-card{grid-template-columns:1fr;padding:var(--space-s)}.experience-card__period:before{display:none}}.about{align-items:center;display:grid;gap:0;grid-template-columns:.45fr .55fr;margin-inline:auto;max-width:var(--content-width);overflow:clip;padding-block:var(--space-2xl);padding-inline:var(--gutter);position:relative}.about>img{box-shadow:0 8px 28px #0b0b0b1f;mask-image:linear-gradient(90deg,#000 50%,oklch(0 0 0/.6) 75%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 50%,oklch(0 0 0/.6) 75%,transparent);max-width:110%;-o-object-fit:cover;object-fit:cover;position:relative;width:110%;z-index:1}.App.dark .about>img{box-shadow:0 8px 28px #00000059}.about__content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-2xs);position:relative;text-align:left;z-index:2}.about__name{color:var(--text-1);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.01em;line-height:1.15}.about__services{color:var(--accent);font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;margin-block-start:var(--space-2xs)}.about__prose{display:flex;flex-direction:column;gap:var(--space-xs);margin-block-start:var(--space-xs)}.about__prose p{color:var(--text-2);font-size:var(--text-base);line-height:1.7}.about__cv{margin-block-start:var(--space-m)}@media (max-width:960px){.about{gap:var(--space-l);grid-template-columns:1fr;text-align:center}.about>img{justify-self:center;mask-image:none;-webkit-mask-image:none;max-width:22rem;width:100%}.about__content{align-items:center}}@media (max-width:580px){.about>img{max-width:16rem}}.skills{align-items:start;display:grid;gap:var(--space-2xl);grid-template-columns:1fr 1fr;margin-inline:auto;max-width:var(--content-width);padding-inline:var(--gutter);width:100%}@media (max-width:960px){.skills{gap:var(--space-xl);grid-template-columns:1fr}}.tools{display:flex;flex-direction:column;gap:var(--space-xs)}.tools__title{color:var(--text-1);font-size:var(--text-xl);font-weight:700;line-height:1.2;margin-block-end:var(--space-3xs)}.tools__ecosystem{color:var(--text-3);font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;margin-block-end:var(--space-s)}.tools__group{background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius-md);margin-block-end:var(--space-xs);padding:var(--space-xs) var(--space-s);transition:background .3s var(--ease-out-quart),border-color .3s}.App.dark .tools__group{background:var(--surface-3);border-color:#ffffff0f}.tools__group:hover{border-color:var(--surface-3)}.App.dark .tools__group:hover{border-color:#ffffff24}.tools__group--primary{background:var(--accent-subtle);border-color:var(--accent-border)}.App.dark .tools__group--primary{background:#003127;background:oklch(.28 .06 175);border-color:#00856e73;border-color:oklch(.55 .12 175/.45)}.tools__group-name{align-items:center;color:var(--text-2);display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2xs);letter-spacing:.02em;margin-block-end:var(--space-xs)}.App.dark .tools__group-name{color:var(--text-1)}.tools__badge{background:var(--accent);border-radius:var(--radius-full);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.08em;padding:.15rem .5rem;text-transform:uppercase}.tools__icons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tools__icon-wrapper{align-items:center;border-radius:var(--radius-sm);display:flex;justify-content:center;padding:var(--space-3xs);position:relative;transition:background .2s,transform .2s var(--ease-out-quart)}.tools__icon-wrapper:hover{background:#0000000a}.App.dark .tools__icon-wrapper{background:#ffffff0a;border:1px solid oklch(1 0 0/.1);box-shadow:inset 0 0 0 1px #00000040;padding:var(--space-2xs)}.App.dark .tools__icon-wrapper:hover{background:#ffffff14;border-color:var(--accent);box-shadow:0 0 16px #00a78b59;box-shadow:0 0 16px oklch(.65 .14 175/.35)}.tools__icon-wrapper img{height:36px;-o-object-fit:contain;object-fit:contain;transition:transform .25s var(--ease-spring);width:36px}.tools__icon-wrapper:hover img{transform:scale(1.12)}.tools__tooltip{background:var(--text-1);border-radius:var(--radius-sm);bottom:calc(100% + 8px);box-shadow:var(--shadow-sm);color:#fff;font-size:.65rem;font-weight:600;left:50%;opacity:0;padding:.25rem .6rem;pointer-events:none;position:absolute;transform:translate(-50%) translateY(4px);transition:opacity .2s,transform .2s var(--ease-out-quart);white-space:nowrap}.App.dark .tools__tooltip{background:#f0f2f4;color:#06090f}.tools__tooltip:after{border:4px solid transparent;border-top:4px solid var(--text-1);content:"";left:50%;position:absolute;top:100%;transform:translate(-50%)}.App.dark .tools__tooltip:after{border-top-color:#f0f2f4}.tools__icon-wrapper:hover .tools__tooltip{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width:580px){.tools__icon-wrapper img{height:30px;width:30px}.tools__group{padding:var(--space-2xs) var(--space-xs)}}.courses__title{color:var(--text-1);font-size:var(--text-xl);font-weight:700;margin-block-end:var(--space-m)}.courses__list{display:flex;flex-direction:column;gap:var(--space-3xs)}.course{border-block-end:1px solid var(--surface-3);border-radius:var(--radius-sm);transition:background .2s var(--ease-out-quart)}.App.dark .course{border-block-end-color:#ffffff14}.course[open]{background:var(--surface-2);border-block-end-color:transparent;padding-inline:var(--space-2xs)}.App.dark .course[open]{background:var(--surface-3)}.course__header{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-s);list-style:none;padding:var(--space-xs) var(--space-2xs);transition:background .2s var(--ease-out-quart)}.course__header:hover{background:var(--surface-2)}.course[open] .course__header:hover{background:transparent}.course__header::-webkit-details-marker{display:none}.course__header::marker{content:""}.course__logo{background:transparent;border-radius:var(--radius-sm);flex-shrink:0;height:3.5rem;-o-object-fit:contain;object-fit:contain;padding:var(--space-3xs);width:3.5rem}.App.dark .course__logo{background:#ffffff0a;border:1px solid oklch(1 0 0/.1);box-shadow:inset 0 0 0 1px #00000040;filter:none}.App.dark .course:hover .course__logo,.App.dark .course[open] .course__logo{border-color:var(--accent);box-shadow:0 0 14px #00a78b4d;box-shadow:0 0 14px oklch(.65 .14 175/.3)}.course__meta{display:flex;flex-direction:column;gap:.1rem}.course__name{color:var(--text-1);font-size:var(--text-sm)}.course__date{color:var(--text-3);font-size:var(--text-xs)}.App.dark .course__date,.course__body{color:var(--text-2)}.course__body{font-size:var(--text-sm);line-height:1.6;padding:0 0 var(--space-s) calc(3.5rem + var(--space-s) + var(--space-2xs))}.course__body p{margin-block-end:var(--space-2xs)}.course__cert-link{align-items:center;color:var(--accent);display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:var(--space-3xs);text-decoration:none;transition:color .2s var(--ease-out-quart)}.course__cert-link:hover{color:var(--accent-hover)}@media (max-width:480px){.course__logo{height:2.75rem;width:2.75rem}.course__body{padding-inline-start:calc(2.75rem + var(--space-s))}}.projects{padding-block:var(--space-2xl) var(--space-xl)}.projects__grid{align-items:start;display:grid;gap:var(--space-l);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));justify-content:center}.projects__heading{color:var(--text-1);font-size:var(--text-2xl);font-weight:700;margin-block-end:var(--space-l)}.project{background:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo),border-color .4s var(--ease-out-expo)}.project:hover{border-color:var(--accent-border);box-shadow:var(--shadow-lg)}.project--featured{background:linear-gradient(var(--surface-2),var(--surface-2)) padding-box,linear-gradient(135deg,var(--accent),oklch(.55 .18 230)) border-box;border:2px solid transparent;box-shadow:var(--shadow-md),0 0 0 1px var(--accent-border),0 12px 40px #00856e2e;box-shadow:var(--shadow-md),0 0 0 1px var(--accent-border),0 12px 40px oklch(.55 .17 175/.18);position:relative}.project--featured:hover{box-shadow:var(--shadow-lg),0 0 0 1px var(--accent-border),0 18px 56px #00856e47;box-shadow:var(--shadow-lg),0 0 0 1px var(--accent-border),0 18px 56px oklch(.55 .17 175/.28)}.project--featured .project__thumb{align-items:center;background:radial-gradient(circle at 30% 30%,oklch(.55 .17 175/.18),transparent 60%),linear-gradient(135deg,#f1f5fc,#d8e9e4);display:flex;justify-content:center;padding:var(--space-m)}.App.dark .project--featured .project__thumb{background:radial-gradient(circle at 30% 30%,oklch(.55 .17 175/.28),transparent 60%),linear-gradient(135deg,#0e1624,#00100c);background:radial-gradient(circle at 30% 30%,oklch(.55 .17 175/.28),transparent 60%),linear-gradient(135deg,#0e1624,color(xyz 0.002 0.004 0.004))}.project--featured .project__thumb img{filter:drop-shadow(0 6px 18px oklch(0 0 0/.25));height:100%;max-height:70%;max-width:70%;-o-object-fit:contain;object-fit:contain;width:auto}.project--featured:hover .project__thumb img{transform:scale(1.06)}.project--featured .project__title{align-items:center;display:flex;gap:var(--space-2xs)}.project--featured .project__title:after{color:var(--accent);content:"★";font-size:.85em;line-height:1}.project__thumb{aspect-ratio:16/10;overflow:hidden;position:relative}.project__badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,var(--accent),oklch(.55 .18 230));border-radius:var(--radius-full);box-shadow:0 4px 14px #00000047,inset 0 0 0 1px #ffffff1a;color:#fff;font-size:var(--text-xs);font-weight:700;left:var(--space-2xs);letter-spacing:.06em;padding:.3rem .7rem;position:absolute;text-transform:uppercase;top:var(--space-2xs);z-index:2}.project__highlights{display:flex;flex-direction:column;gap:var(--space-3xs);list-style:none;margin-block-start:var(--space-2xs);padding:0}.project__highlights li{color:var(--text-2);font-size:var(--text-sm);line-height:1.5;padding-inline-start:1rem;position:relative}.project__highlights li:before{background:var(--accent);border-radius:50%;content:"";height:6px;left:0;position:absolute;top:.55em;width:6px}.project__thumb img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s var(--ease-out-expo);width:100%}.project:hover .project__thumb img{transform:scale(1.04)}.project__body{display:flex;flex:1;flex-direction:column;gap:var(--space-2xs);padding:var(--space-s) var(--space-s) var(--space-m)}.project__title{color:var(--text-1);font-size:var(--text-base);font-weight:600}.project__tags{display:flex;flex-wrap:wrap;gap:var(--space-3xs)}.project__tags span{background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:var(--radius-full);color:var(--accent);font-size:var(--text-xs);font-weight:500;padding:.15rem .55rem}.project__desc{color:var(--text-2);display:-webkit-box;font-size:var(--text-sm);line-height:1.55;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project__desc--expanded{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.project__expand-btn{align-self:flex-start;background:none;border:none;color:var(--accent);cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:600;margin-block-start:var(--space-3xs);padding:0;transition:color .2s var(--ease-out-quart)}.project__expand-btn:hover{color:var(--accent-hover)}.project__links{display:flex;gap:var(--space-xs);margin-block-start:auto;padding-block-start:var(--space-xs)}.project__link{font-size:var(--text-xs);padding:var(--space-3xs) var(--space-s)}@media (max-width:580px){.project__links{flex-direction:column}.project__link{justify-content:center;text-align:center}}.contact{align-items:start;display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr;padding-block:var(--space-2xl) var(--space-xl)}.contact__title{color:var(--text-1);font-size:var(--text-2xl);font-weight:700;margin-block-end:var(--space-l)}.contact__socials-label{color:var(--text-3);font-size:var(--text-sm);margin-block-end:var(--space-xs)}.contact__socials{display:flex;flex-direction:column;gap:var(--space-xs)}.contact__social-link{align-items:center;border-radius:var(--radius-sm);color:var(--text-2);display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);text-decoration:none;transition:color .2s var(--ease-out-quart),background .2s var(--ease-out-quart)}.contact__social-link:hover{background:var(--accent-subtle);color:var(--accent)}.contact__social-link svg{flex-shrink:0}.contact__form{display:flex;flex-direction:column;gap:var(--space-xs)}.contact__form input,.contact__form textarea{background:var(--surface-1);border:1.5px solid var(--surface-3);border-radius:var(--radius-md);color:var(--text-1);font-family:inherit;font-size:var(--text-sm);padding:var(--space-xs) var(--space-s);resize:vertical;transition:border-color .25s var(--ease-out-quart),box-shadow .25s var(--ease-out-quart);width:100%}.contact__form input::-moz-placeholder,.contact__form textarea::-moz-placeholder{color:var(--text-3)}.contact__form input::placeholder,.contact__form textarea::placeholder{color:var(--text-3)}.contact__form input:focus,.contact__form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00856e1f;box-shadow:0 0 0 3px oklch(.55 .17 175/.12);outline:none}.contact__submit{align-self:flex-start}button.contact__submit.contact__submit--sent{background:#3a9742;box-shadow:0 2px 8px #3a974240}@media (max-width:768px){.contact{gap:var(--space-l);grid-template-columns:1fr}.contact__socials{flex-direction:row;flex-wrap:wrap}.contact__submit{align-self:stretch}}.footer{border-block-start:1px solid var(--surface-3);margin-block-start:var(--space-xl);padding-block:var(--space-m) var(--space-l)}.footer__inner{align-items:center;display:flex;justify-content:space-between}.footer__socials{display:flex;gap:var(--space-xs)}.footer__socials a{align-items:center;border-radius:var(--radius-sm);color:var(--text-2);display:flex;font-size:1.15rem;height:2.75rem;justify-content:center;transition:color .2s var(--ease-out-quart),background .2s var(--ease-out-quart);width:2.75rem}.footer__socials a:hover{background:var(--accent-subtle);color:var(--accent)}.footer__copy{color:var(--text-3);font-size:var(--text-xs)}@media (max-width:480px){.footer__inner{flex-direction:column;gap:var(--space-xs);text-align:center}}.overlay{align-items:center;animation:fadeIn .3s var(--ease-out-quart);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:var(--overlay-bg);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal{animation:scaleIn .3s var(--ease-out-quart);background:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--text-1);max-height:90%;max-width:90%;overflow:hidden;padding:var(--space-m)}.modal,.modal-content{position:relative}.close-button{align-items:center;background:var(--surface-1);border:1px solid var(--surface-3);border-radius:50%;box-shadow:var(--shadow-md);color:var(--text-1);cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:36px;justify-content:center;position:absolute;right:-20px;top:-20px;transition:background .2s var(--ease-out-quart),color .2s var(--ease-out-quart),transform .2s var(--ease-out-quart);width:36px;z-index:10}.close-button:hover{background:var(--accent-subtle);color:var(--accent);transform:scale(1.1)}.pdf-viewer{background-color:#fff;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:85vh;width:85vw}@media (max-width:960px){.modal{max-width:95%;padding:var(--space-s)}.pdf-viewer{height:80vh;width:90vw}}@media (max-width:768px){.modal{max-width:96%;padding:var(--space-xs);padding-block-start:var(--space-l)}.pdf-viewer{height:70vh;width:100%}.close-button{height:44px;right:var(--space-xs);top:var(--space-xs);width:44px}}@media (max-width:480px){.modal{max-width:98%;padding:var(--space-2xs)}.pdf-viewer{height:60vh;width:100%}}