@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Josefin+Slab:ital,wght@0,100..700;1,100..700&display=swap";*,*:before,*:after{box-sizing:border-box}.nav{width:100%;display:flex;align-items:center;justify-content:flex-end;padding:1rem 2rem;position:relative;z-index:1200}.nav__list{margin-right:1.5em;display:flex}.nav__list-item{margin-left:1.5em}.nav__list-item a{color:var(--clr-fg);text-decoration:none;font-weight:500;font-size:1rem;transition:color .3s ease}.nav__list-item a:hover,.nav__list-item a:focus{color:var(--clr-primary);outline:none}.app .nav__hamburger{display:none;background-color:transparent;border:none;padding:.6em;border-radius:.5rem;cursor:pointer;color:var(--clr-fg);transition:background-color .3s ease,color .3s ease}.app .nav__hamburger:hover,.app .nav__hamburger:focus{background-color:var(--clr-primary);color:#fff;outline:none}.nav__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:900;display:none;transition:opacity .3s ease;opacity:0;pointer-events:none}.nav__overlay.visible{display:block;opacity:1;pointer-events:auto}@media (max-width: 600px){.nav__list{display:flex;flex-direction:column;justify-content:flex-start;position:fixed;top:0;right:0;height:100vh;width:250px;background-color:var(--clr-primary);padding-top:4rem;box-shadow:-2px 0 8px #00000080;transform:translate(100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;z-index:1000;margin:0;opacity:0;pointer-events:none;overflow-y:auto}.nav__list.open{transform:translate(0);opacity:1;pointer-events:auto}.nav__list-item{margin:1.5em 0;padding-left:1.5em;font-weight:700}.app .nav__hamburger{display:flex;position:fixed;top:1rem;right:1rem;z-index:1100}}.header{height:6em;max-width:1100px;width:95%;margin:0 auto;justify-content:space-between}@media (max-width: 600px){.header{height:6em}}.about{flex-direction:column;margin-top:3em}.about h1{font-family:josefin sans;font-weight:600}.about__name{color:var(--clr-primary)}.about__role{margin-top:1.2em}.about__desc{font-size:1rem;max-width:600px}.about__desc,.about__contact{margin-top:2.4em}.about .link--icon{margin-right:.8em}.about .btn--outline{margin-right:1em}@media (max-width: 600px){.app .about{align-items:flex-start;margin-top:2em;padding:0 1.5em}}.glass{background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2em;transition:all .3s ease-in-out}.project{max-width:300px;margin:1.5em auto;padding:1em;text-align:center;background:transparent;transition:transform .3s ease,box-shadow .3s ease;border-radius:20px;box-shadow:0 0 2px var(--clr-primary)}.project__image{width:100%;height:200px;border-radius:12px;margin-bottom:.5em;object-fit:cover;box-shadow:0 4px 15px #0003}.project:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000004d}.project__description{margin-top:.5em;color:var(--clr-fg);line-height:1.6}.project__stack{display:flex;flex-wrap:wrap;justify-content:center;gap:.6em;margin:1em 0}.project__stack-item{padding:.4em .8em;background:#ffffff1a;border-radius:12px;font-weight:500;font-size:.8rem;color:var(--clr-fg-alt);border:1px solid rgba(255,255,255,.15)}.project .link--icon{margin-left:.6em;color:var(--clr-primary);transition:color .3s ease}.project .link--icon:hover{color:var(--clr-fg)}@media (max-width: 600px){.projects__grid{grid-template-columns:1fr;padding:0 1em}.project{max-width:100%;margin:1em 0}.project__image{height:150px}.project__description{font-size:.9rem}.project__stack-item{font-size:.7rem;padding:.3em .6em}}.projects__grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));grid-gap:2em}.projects__tabs{display:flex;justify-content:center;margin-bottom:1.5em;gap:1em;flex-wrap:wrap}.tab-button{background:transparent;border:2px solid var(--clr-primary);color:var(--clr-primary);padding:.5em 1.2em;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease}.tab-button:hover{background:var(--clr-primary);color:var(--clr-bg)}.tab-button.active{background:var(--clr-primary);color:var(--clr-bg);box-shadow:0 0 10px var(--clr-primary)}.project__image{width:100%;height:auto;border-radius:12px;margin-bottom:1em;object-fit:cover;box-shadow:0 4px 15px #0003}.projects__grid{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skills__list{max-width:700px;width:95%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:2em;padding:0;list-style:none}.skills__list-item{flex:1 1 120px;max-width:150px;background:#ffffff0d;box-shadow:0 8px 32px #00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);gap:2em}.skills__list-item .btn{display:block;padding:1em 1.5em;border-radius:12px;border:1px solid var(--clr-primary);background:transparent;color:var(--clr-fg);text-align:center;transition:all .2s ease-in-out;cursor:default;width:100%;box-sizing:border-box;box-shadow:0 0 4px var(--clr-primary)}.skills__list-item .btn:hover{background-color:var(--clr-primary);color:#fff;transform:translateY(-2px)}@media (max-width: 900px){.skills__list-item{flex:1 1 140px;max-width:180px}}@media (max-width: 600px){.skills__list-item{flex:1 1 45%;max-width:none}.skills__list-item .btn{font-size:.9rem;padding:.5em 1em}}@media (max-width: 350px){.skills__list-item{flex:1 1 90%}}.scroll-top{position:fixed;bottom:2em;right:4em;background-color:transparent}@media (max-width: 900px){.scroll-top{display:none}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;text-align:center;padding:1em}.contact__text{font-size:1.05rem;max-width:600px;margin:0 auto;color:var(--clr-fg);line-height:1.6}.footer{padding:2em 0;margin-top:4em;text-align:center;border-top:1px solid rgba(255,255,255,.13)}.footer__link{font-size:.95rem;font-weight:600;color:var(--clr-primary);text-decoration:none;transition:color .3s ease}.footer__link:hover,.footer__link:focus{color:var(--clr-fg-alt);text-decoration:underline}.footer__text{color:var(--clr-fg);font-size:.9rem;margin:0;padding:0 1em;line-height:1.6}@media (max-width: 600px){.footer{padding:2em 1em;margin-top:3em}.footer__text{font-size:.85rem}}:root{--clr-bg: #101322;--clr-bg-alt: #2a2f4c;--clr-fg: #dce0f0;--clr-primary: #798fde;--shadow: rgba(0, 0, 0, .16) 0px 10px 36px 0px, rgba(0, 0, 0, .06) 0px 0px 0px 1px}.app{font-family:Josefin Slab,serif;line-height:1.5;color:var(--clr-fg);background:linear-gradient(139deg,#09133d22,#1f1c4f29),url(/assets/background-BYj0Fqki.jpg);background-size:contain;object-fit:cover;background-repeat:repeat;background-position:right}main{max-width:1100px;width:95%;margin:0 auto}.section{margin-top:5em}.section__title{text-align:center;margin-bottom:1em;text-transform:uppercase;font-weight:900}.center{display:flex;align-items:center}.link{color:var(--clr-primary);padding:0 0 .3em;position:relative}.link:hover{color:var(--clr-primary)}.link:before{content:"";display:inline;width:0%;height:.2em;position:absolute;bottom:0;background-color:var(--clr-primary);transition:width .2s ease-in}.link:hover:before,.link:focus:before{width:100%}.link--nav{color:var(--clr-fg);font-weight:500}.link--icon{color:var(--clr-fg)}.btn{display:block;cursor:pointer;padding:.8em 1.4em;font-weight:500;font-size:.9rem;transition:transform .2s ease-in-out}.btn--outline{color:var(--clr-primary);border:2px solid var(--clr-primary);position:relative;overflow:hidden;z-index:1}.btn--outline:hover,.btn--outline:focus{color:#fff;font-weight:700}.btn--outline:before{content:"";position:absolute;background-color:var(--clr-primary);right:100%;bottom:0;left:0;top:0;z-index:-1;transition:right .2s ease-in-out}.btn--outline:hover:before,.btn--outline:focus:before{right:0}.btn--plain{text-transform:initial;background-color:var(--clr-bg-alt);box-shadow:#00000026 0 3px 3px;border:0}.btn--plain:hover{transform:translateY(-4px)}.btn--icon{padding:0}.btn--icon:hover,.btn--icon:focus{color:var(--clr-primary)}.btn--icon:active{transform:translateY(-5px)}@media (max-width: 600px){.section{margin-top:4em}}.meet-me{display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap;padding:2.5rem 1.5rem;background:transparent;border-radius:1rem;box-shadow:var(--shadow);transition:background-color .3s ease;box-shadow:0 0 2px var(--clr-primary)}.meet-me:hover{background-color:#00000008}.meet-me__img{width:380px;height:380px;object-fit:cover;border-radius:1rem;box-shadow:var(--shadow);transition:transform .3s ease}.meet-me__img:hover{transform:scale(1.05)}.meet-me__text{max-width:520px;line-height:1.6}.meet-me__text p{margin-bottom:1.2rem}@media (max-width: 1024px){.meet-me{gap:1.8rem}.meet-me__img{width:320px;height:320px}.meet-me__text{max-width:420px}}@media (max-width: 768px){.meet-me{flex-direction:column;text-align:center;padding:3rem 1rem;margin:0 1em}.meet-me__img{width:220px;height:220px;border-radius:.75rem;margin-bottom:1.5rem}.meet-me__text{max-width:100%;padding:0 1rem;font-size:1rem}}@media (max-width: 400px){.meet-me__img{width:180px;height:180px}.meet-me__text{font-size:.95rem}}*{padding:0;margin:0;border:0;outline:0;background-color:inherit;color:inherit;font-family:inherit;font-size:inherit;box-shadow:none;box-sizing:border-box}html{scroll-behavior:smooth}h1,h2,h3,h4{line-height:1.2;color:var(--clr-fg-alt)}h1{font-size:4rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.3rem}ul{list-style-type:none}a{text-decoration:none}button{cursor:pointer}@media (max-width: 900px){h1{font-size:2.6rem}}