@font-face{font-family:Titillium Web;src:url(/assets/TitilliumWeb-Regular-BNW2HhQP.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Titillium Web;src:url(/assets/TitilliumWeb-SemiBold-DRUOblpW.ttf) format("truetype");font-weight:600;font-style:normal}body{font-family:Titillium Web,Arial,sans-serif;color:var(--text-secondary);background-color:var(--bg-dark);margin:0;box-sizing:border-box}.typography--h1{font-size:1.75rem;line-height:2.25rem}@media screen and (min-width:760px){.typography--h1{font-size:2rem;line-height:2.5rem}}.typography--h2{font-size:1.25rem;line-height:1.75rem}@media screen and (min-width:760px){.typography--h2{font-size:1.5rem;line-height:2rem}}.typography--h3{font-size:.8125rem;line-height:1.25rem}@media screen and (min-width:760px){.typography--h3{font-size:.875rem;line-height:1.375rem}}.typography--h4{font-size:.6875rem;line-height:1rem}@media screen and (min-width:760px){.typography--h4{font-size:.75rem;line-height:1.125rem}}.typography--p1{font-size:1.0625rem;line-height:1.625rem}@media screen and (min-width:760px){.typography--p1{font-size:1.125rem;line-height:1.75rem}}.typography--p2{font-size:.9375rem;line-height:1.25rem}@media screen and (min-width:760px){.typography--p2{font-size:1rem;line-height:1.375rem}}.typography--p3{font-size:.8125rem;line-height:.875rem}@media screen and (min-width:760px){.typography--p3{font-size:.75rem;line-height:1.125rem}}.navbar{position:relative;display:flex;align-items:center;justify-content:space-between;margin:.5rem 1rem;padding:.5rem;border-bottom:1px solid var(--text-secondary)}@media screen and (min-width:760px){.navbar{position:static;margin:1rem 2rem;padding:1rem}}.navbar__right--mobile{display:flex;align-items:center;gap:1rem}@media screen and (min-width:760px){.navbar__right--mobile{display:none}}.navbar__right--tablet{display:none}@media screen and (min-width:760px){.navbar__right--tablet{display:flex;gap:2rem;justify-content:center;align-items:center}}.navbar__hamburger{display:flex;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;z-index:100}.navbar__hamburger-line{display:block;width:24px;height:1.5px;background-color:var(--text-primary);transition:.3s ease}.navbar__hamburger--open .navbar__hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.navbar__hamburger--open .navbar__hamburger-line:nth-child(2){opacity:0}.navbar__hamburger--open .navbar__hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.navbar__mobile-menu{display:none;flex-direction:column;position:absolute;top:100%;right:0;background-color:var(--bg-light);padding:0 1rem;z-index:999}.navbar__mobile-menu--open{display:flex}.navbar__tab{text-decoration:none;color:inherit;display:inline-block;cursor:pointer}.navbar__tab--active{font-weight:900}@media screen and (min-width:760px){.navbar__tab--active{font-weight:400;border-top:1px solid var(--text-secondary)}}.navbar__logo-link{text-decoration:none;transition:opacity .2s ease}.navbar__logo-link:hover{opacity:.8}.navbar__left-name{color:var(--text-secondary);letter-spacing:-.0625rem;display:flex;align-items:center}.navbar__prompt{color:var(--text-secondary);margin-right:.25rem;font-weight:400}.navbar__cursor{color:var(--text-secondary);margin-left:.125rem;animation:blink 1s step-end infinite}.navbar__typing-container{display:inline-flex;align-items:center;vertical-align:bottom}.navbar__typing-text{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;animation:typing 1.5s steps(10) forwards;animation-delay:.5s}.navbar__toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.navbar__toggle-pill{position:relative;width:2.75rem;height:1.375rem;background-color:var(--bg-light);border:1px solid var(--text-secondary);border-radius:1.25rem;transition:background-color .3s ease}.navbar__toggle-circle{position:absolute;top:2px;left:2px;width:1rem;height:1rem;background-color:#7f5af0;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(0)}.navbar__toggle-icon{font-size:.875rem;filter:grayscale(1);transition:filter .3s ease}.navbar__toggle--light .navbar__toggle-circle{transform:translate(1.375rem)}.navbar__toggle--light .navbar__toggle-icon:last-child{filter:grayscale(0)}@keyframes typing{0%{max-width:0}to{max-width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.icon{display:inline-block;vertical-align:middle;width:1.25rem;height:1.25rem;color:var(--text-secondary);transition:color .3s ease,transform .3s ease}.icon--active{color:var(--link-color)}.icon--check{color:#00eb9a}.icon--copy:hover{color:var(--link-color);transform:scale(1.1)}.icon--linkedin,.icon--github{cursor:pointer}.icon--linkedin:hover,.icon--github:hover{color:var(--text-primary);transform:translateY(-2px)}.icon--linkedin:hover{color:#0077b5}.footer{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1rem;padding:1.5rem .5rem;border-top:1px solid var(--text-secondary)}@media screen and (min-width:760px){.footer{flex-direction:row;justify-content:space-between;margin:1rem 2rem;padding:1.5rem 1rem}}.footer__copy{color:var(--text-secondary)}.footer__socials{display:flex;gap:1.25rem;align-items:center}.footer__link{text-decoration:none;display:flex;align-items:center;transition:transform .2s ease}.footer__link .icon{width:1.5rem;height:1.5rem}.footer__link:hover{transform:translateY(-1px)}.button{font-family:Titillium Web,Arial,sans-serif;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;white-space:nowrap;padding:8px 16px;border-radius:8px;border:none;cursor:pointer}.button--primary{background-color:#7f5af0;color:#fffffe}.button--primary:hover{opacity:80%}.button--secondary{background-color:#fffffe;color:#7f5af0;border:1px solid #7f5af0}.button--secondary:hover{background:#fffffe;box-shadow:0 0 0 1px #7f5af0 inset,0 0 0 1px #fffffe inset}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none}.tag{display:inline-flex;justify-content:center;align-items:center;width:fit-content;border-radius:1.25rem;white-space:nowrap;transition:transform .2s ease,background-color .2s ease}.tag--skill{background-color:#00eb9a;color:#16161a}.tag--skill:hover{transform:translateY(-2px)}.tag .typography--p2{margin:.5rem}.about-me{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width:760px){.about-me{margin:1rem 2rem;padding:1rem}}.about-me__content{background-color:var(--bg-light);border-radius:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:.5rem 1rem;padding:1.5rem;max-width:62.5rem;width:80%;transition:transform .3s ease,box-shadow .3s ease}.about-me__content:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000004d}@media screen and (min-width:760px){.about-me__content{flex-direction:row;gap:2rem;align-items:center;width:100%}}.about-me__pic{flex-shrink:0;max-width:250px}.about-me__pic-img{width:100%;height:auto;border-radius:50%;object-fit:cover}.about-me__about .typography--h1{margin-top:0;margin-bottom:0}.about-me__header{color:var(--text-primary);text-align:center}.about-me__download-link{text-decoration:none;display:inline-block}.about-me__download-link:focus{outline:none}.about-me__btn-container{display:flex;justify-content:flex-start;align-items:center;gap:1rem}.about-me__btn .typography--p2{margin-top:0;margin-bottom:0}.skills{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width:760px){.skills{margin:1rem 2rem;padding:1rem}}.skills__container{background-color:var(--bg-light);border-radius:2rem;display:flex;flex-direction:column;gap:2rem;margin:.5rem 1rem;padding:1.5rem;max-width:62.5rem;width:80%;transition:transform .3s ease,box-shadow .3s ease}.skills__container:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000004d}@media screen and (min-width:760px){.skills__container{width:100%}}.skills__group{display:flex;flex-direction:column;gap:.75rem;justify-content:center}.skills__category-name{color:var(--text-secondary);text-transform:uppercase;font-size:.875rem;letter-spacing:1px;margin-bottom:.25rem}.skills__list{display:flex;flex-wrap:wrap;gap:.625rem}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width:760px){.contact{margin:1rem 2rem;padding:1rem}}.contact__header{color:var(--text-primary);text-align:center}.contact__container{background-color:var(--bg-light);border-radius:2rem;display:flex;flex-direction:column;gap:2rem;margin:.5rem 1rem;padding:2.5rem;max-width:43.75rem;transition:transform .3s ease,box-shadow .3s ease}.contact__container:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000004d}.contact__item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.75rem}@media screen and (min-width:760px){.contact__item{flex-direction:row;justify-content:flex-start;align-items:center}}.contact__item-link-wrapper{display:flex;align-items:center;gap:.5rem}.contact__label{color:var(--text-primary);text-transform:uppercase;font-size:.875rem;letter-spacing:1px;margin-bottom:.25rem}.contact__value{margin-top:0}@media screen and (min-width:760px){.contact__value{margin-top:1.375rem}}.contact__link{text-decoration:none;color:var(--link-color)}.contact__link:hover{color:var(--link-hover);opacity:.8}.contact__download-link{text-decoration:none;display:inline-block}.contact__btn .typography--p2{margin:0}.contact__item-content{display:flex;align-items:center;gap:.75rem}.contact__copy-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:1.125rem}@media screen and (min-width:760px){.contact__copy-btn{margin-bottom:0;margin-top:.25rem}}.contact__copy-btn .icon{width:1.25rem;height:1.25rem;transition:transform .2s ease}.contact__copy-btn:hover .icon--copy{transform:scale(1.1)}:root{--bg-dark: #16161a;--bg-light: #242629;--text-primary: #fffffe;--text-secondary: #b2bcc9;--link-color: #7582ff;--link-hover: #a2adff}[data-theme=light]{--bg-dark: #fffffe;--bg-light: #b2bcc9;--text-primary: #16161a;--text-secondary: #242629;--link-color: #4f46e5;--link-hover: #3730a3}.projects{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width:760px){.projects{margin:1rem 2rem;padding:1rem}}.projects__header{color:var(--text-primary);text-align:center}.projects__container{display:flex;flex-direction:column;gap:2rem;margin:.5rem 1rem;max-width:62.5rem;width:80%}@media screen and (min-width:760px){.projects__container{width:100%}}.project-card{background-color:var(--bg-light);border-radius:2rem;display:flex;flex-direction:column;padding:1.5rem;gap:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000004d}@media screen and (min-width:760px){.project-card{flex-direction:row;align-items:center}}.project-card__image-container{flex:1;width:100%}.project-card__img{width:100%;height:auto;border-radius:1rem;object-fit:cover}.project-card__content{flex:1;display:flex;flex-direction:column;gap:1rem}.project-card__title{color:var(--text-primary);margin:0}.project-card__description{color:var(--text-secondary)}.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-card__btn-container{display:flex;gap:1rem;margin-top:.5rem}.project-card__external-link{text-decoration:none}.project-card__btn .typography--p2{margin:0}
