@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap);:root{--primary-color:#18181b;--secondary-color:#52525b;--tertiary-color:#a1a1aa;--quaternary-color:#e4e4e7;--link-color:#14b8a6;--link-color-hover:#0d9488;--bg:#fff;--bg-elevated:#fafafa;--bg-rail:#fafafa;--border-color:#ececef;--card-bg:#fff;--card-hover-bg:#fafafa;--shadow-sm:0px 2px 10px rgba(0,0,0,.06);--shadow-md:0px 8px 24px rgba(0,0,0,.08);--scrollbar-track:#f1f1f1;--scrollbar-thumb:#c7c7cc;--primary-font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--secondary-font:"Plus Jakarta Sans","Inter",sans-serif;--fs-hero:clamp(2rem,1.2rem + 3vw,3rem);--fs-h2:clamp(1.25rem,1.05rem + 0.9vw,1.625rem);--fs-h3:1.0625rem;--fs-lg:1.125rem;--fs-body:1rem;--fs-sm:0.875rem;--fs-xs:0.75rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.2;--lh-snug:1.4;--lh-normal:1.6}[data-theme=dark]{--primary-color:#f4f4f5;--secondary-color:#b4b4bd;--tertiary-color:#71717a;--quaternary-color:#3f3f46;--link-color:#2dd4bf;--link-color-hover:#5eead4;--bg:#0f0f12;--bg-elevated:#18181b;--bg-rail:#131316;--border-color:#27272a;--card-bg:#18181b;--card-hover-bg:#1f1f23;--shadow-sm:0px 2px 10px rgba(0,0,0,.4);--shadow-md:0px 8px 24px rgba(0,0,0,.5);--scrollbar-track:#18181b;--scrollbar-thumb:#3f3f46}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--primary-color);font-family:var(--primary-font);font-size:var(--fs-body);line-height:var(--lh-normal);margin:0;transition:background-color .3s ease,color .3s ease}h1,h2,h3{font-family:var(--secondary-font);line-height:var(--lh-tight);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.logo{background:var(--link-color);border-radius:50%;color:#fff;font-family:var(--secondary-font);font-weight:var(--fw-extrabold);justify-content:center;letter-spacing:-.02em;line-height:1;-webkit-user-select:none;user-select:none}.footer,.logo{align-items:center;display:flex}.footer{margin-top:50px;padding-bottom:25px;padding-top:25px}.footer-credits,.footer-links{flex-basis:50%}.footer-nav-link-list{align-items:center;display:flex;gap:24px;list-style:none;margin:0;padding:0}.footer-nav-link-item{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.footer-nav-link-list a{color:var(--secondary-color);text-decoration:none;transition:color .2s ease}.footer-nav-link-list a:hover{color:var(--link-color)}.footer-credits-text{color:var(--tertiary-color);font-size:var(--fs-xs);text-align:right}@media (max-width:600px){.footer{flex-direction:column;gap:16px;text-align:center}.footer-credits,.footer-links{display:flex;flex-basis:auto;justify-content:center;width:100%}.footer-nav-link-list{justify-content:center}.footer-credits-text{text-align:center}}.theme-toggle{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--secondary-color);cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;position:fixed;right:max(24px,calc(50% - 576px));top:3vh;transition:color .2s ease,background-color .2s ease,-webkit-transform .2s ease;transition:color .2s ease,background-color .2s ease,transform .2s ease;transition:color .2s ease,background-color .2s ease,transform .2s ease,-webkit-transform .2s ease;width:40px;z-index:1000}.theme-toggle:hover{color:var(--link-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:600px){.theme-toggle{height:36px;right:16px;top:2vh;width:36px}}.nav-container{margin:0}.nav-container,.navbar{align-items:center;display:flex;justify-content:center}.navbar{position:fixed;top:3vh;z-index:999}.nav-background{background:var(--card-bg);border:1px solid var(--border-color);border-radius:40px;box-shadow:var(--shadow-sm);padding:6px 8px;transition:background-color .3s ease,border-color .3s ease;width:340px}.nav-list{align-items:center;display:flex;justify-content:space-around;list-style:none;margin:0;padding:0}.nav-item{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.nav-item a{border-radius:20px;color:var(--secondary-color);padding:8px 14px;text-decoration:none;transition:color .25s ease,background-color .25s ease}.nav-item a:hover,.nav-item.active a{color:var(--link-color)}.nav-item.active a{background-color:color-mix(in srgb,var(--link-color) 12%,transparent)}@media (max-width:600px){.nav-background{max-width:320px;width:78vw}.nav-item a{padding:8px}}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;transition:background-color .3s ease,border-color .3s ease}.card-container{padding:28px}.card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:14px;padding-bottom:8px}.card-icon{color:var(--link-color);font-size:var(--fs-body)}.card-title{color:var(--primary-color);font-size:var(--fs-h3);font-weight:var(--fw-bold)}.card-body{font-size:var(--fs-body);padding-top:26px}.works-body{display:flex;flex-direction:column;gap:22px;margin-bottom:10px}.work{align-items:flex-start;border-left:2px solid var(--border-color);display:flex;padding-left:16px;transition:border-color .2s ease}.work:hover{border-left-color:var(--link-color)}.work-info{display:flex;flex:1 1;flex-direction:column;position:relative}.work-title{color:var(--primary-color);font-size:var(--fs-body);font-weight:var(--fw-semibold)}.work-subtitle{color:var(--secondary-color);font-size:var(--fs-sm);margin-top:3px}.work-duration{color:var(--tertiary-color);font-size:var(--fs-xs);margin-top:4px}.project{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;height:100%;overflow:hidden;transition:box-shadow .25s ease,border-color .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,-webkit-transform .25s ease}.project a{display:block;height:100%;text-decoration:none}.project:hover{border-color:var(--link-color);box-shadow:var(--shadow-md);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.project-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:26px}.project-title{color:var(--primary-color);font-family:var(--secondary-font);font-size:var(--fs-h3);font-weight:var(--fw-bold);margin-bottom:.6em}.project-description{color:var(--secondary-color);flex-grow:1;font-size:var(--fs-sm);line-height:var(--lh-normal)}.project-metric{align-items:center;color:var(--link-color);display:flex;font-size:var(--fs-sm);font-weight:var(--fw-semibold);gap:7px;margin-top:16px}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.project-tag{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:6px;color:var(--secondary-color);font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:3px 9px}.project-static{cursor:default}.project-static:hover{border-color:var(--border-color);box-shadow:none;-webkit-transform:none;transform:none}.project-link{align-items:center;color:var(--link-color);display:flex;font-size:var(--fs-sm);font-weight:var(--fw-bold);gap:8px;padding-top:22px}.project-link-icon{font-size:var(--fs-xs);transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.project:hover .project-link-icon{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}.all-projects-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding-bottom:30px;padding-top:24px}.all-projects-project{height:100%}@media (max-width:900px){.all-projects-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.all-projects-container{gap:16px;grid-template-columns:1fr}}.skills-body{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.skills-section{flex:1 1;min-width:200px}.skills-section h3{color:var(--link-color);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:.5px;margin:0 0 14px;text-transform:uppercase}.skills-badges{display:flex;flex-wrap:wrap;gap:8px}.skill-badge{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:20px;color:var(--secondary-color);display:inline-block;font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:6px 12px;transition:border-color .2s ease,color .2s ease}.skill-badge:hover{border-color:var(--link-color);color:var(--primary-color)}.homepage-logo-container{align-items:center;display:flex;justify-content:left;padding-top:130px}.homepage-container{padding-top:25px}.homepage-first-area{align-items:center;display:flex;gap:40px;justify-content:space-between}.homepage-first-area-left-side{align-items:flex-start;display:flex;flex-direction:column}.homepage-title{width:95%!important}.homepage-subtitle{width:90%!important}.homepage-first-area-right-side{align-items:center;display:flex}.homepage-image-container{max-width:100%;width:320px}.homepage-image-wrapper{border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-md);overflow:hidden;-webkit-transform:rotate(3deg);transform:rotate(3deg)}.homepage-image-wrapper img{aspect-ratio:4/5;display:block;object-fit:cover;width:100%}.homepage-socials{align-items:center;display:flex;gap:22px;justify-content:left;padding-top:30px}.homepage-social-icon{color:var(--secondary-color);font-size:22px;transition:color .2s ease-in-out,-webkit-transform .2s ease;transition:color .2s ease-in-out,transform .2s ease;transition:color .2s ease-in-out,transform .2s ease,-webkit-transform .2s ease}.homepage-social-icon:hover{color:var(--link-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.homepage-section-title{color:var(--primary-color);font-family:var(--secondary-font);font-size:var(--fs-h2);font-weight:var(--fw-bold);margin-bottom:8px}.homepage-projects,.homepage-skills{padding-top:50px}.homepage-view-all{align-items:center;color:var(--link-color);display:inline-flex;font-size:var(--fs-sm);font-weight:var(--fw-semibold);gap:8px;margin-top:8px;text-decoration:none;transition:gap .2s ease}.homepage-view-all:hover{gap:12px}.homepage-after-title{display:flex;gap:30px;padding-top:20px}.homepage-articles,.homepage-works{flex:1 1;padding-top:30px}@media (max-width:1024px){.homepage-first-area{flex-direction:column}.homepage-first-area-left-side{order:2;width:100%}.homepage-title{margin-top:20px;width:100%!important}.homepage-subtitle{margin-top:10px;width:100%!important}.homepage-first-area-right-side{justify-content:center;order:1;width:100%}.homepage-image-container{padding-bottom:20px;padding-top:40px}.homepage-after-title{flex-direction:column;gap:0}}@media (max-width:600px){.homepage-image-container{height:auto;width:80vw}}.socials{flex-direction:column}.social a,.socials{display:flex;gap:18px}.social a{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;text-decoration:none;transition:border-color .2s ease,-webkit-transform .2s ease;transition:border-color .2s ease,transform .2s ease;transition:border-color .2s ease,transform .2s ease,-webkit-transform .2s ease}.social a:hover{border-color:var(--link-color);-webkit-transform:translateX(3px);transform:translateX(3px)}.social-icon{color:var(--link-color);font-size:var(--fs-lg);text-align:center;width:22px}.social-text{color:var(--secondary-color);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.about-logo-container{display:flex;justify-content:left;padding-top:25px}.about-logo{border:1px solid var(--bg);border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.25);display:flex;position:fixed;top:4vh}.about-container{display:flex;flex-direction:column;height:100%;margin:0;padding-top:120px}.about-main{display:flex}.about-right-side{flex-basis:900px}.about-title{width:100%!important}.about-subtitle{width:80%!important}.about-left-side{display:flex;flex-basis:300px;flex-direction:column}.about-image-container{max-width:100%;width:300px}.about-image-wrapper{border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-md);display:inline-block;overflow:hidden;-webkit-transform:rotate(3deg);transform:rotate(3deg);width:100%}.about-image-wrapper img{aspect-ratio:4/5;display:block;object-fit:cover;width:100%}.about-socials{padding-bottom:50px;padding-top:50px}.about-socials-mobile{display:none}@media (max-width:1024px){.about-logo{z-index:100}.about-main{flex-direction:column}.about-subtitle{padding-top:20px!important}.about-left-side{flex-basis:100%;order:1}.about-right-side{flex-basis:100%;order:2}.about-image-container{padding-bottom:40px}.about-socials{display:none}.about-socials-mobile{display:flex;padding-top:30px}}@media (max-width:600px){.about-container{padding-top:60px}.about-image-container{width:80%}}.projects-logo-container{display:flex;justify-content:left;padding-top:25px}.projects-logo{border:1px solid var(--bg);border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.25);display:flex;position:fixed;top:4vh;z-index:999}.projects-container{display:flex;flex-direction:column;height:100%;margin:0;padding-top:120px}@media (max-width:600px){.projects-container{padding-top:60px}.projects-project{width:50%}}.contact-logo-container{display:flex;justify-content:left;padding-top:25px}.contact-logo{border:1px solid var(--bg);border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.25);display:flex;position:fixed;top:4vh}.contact-subtitle{width:100%!important}.contact-container{display:flex;flex-direction:column;justify-content:space-around;margin-top:120px}.socials-container{display:flex;flex-direction:column;margin-top:80px}.contact-socials{align-items:center;display:flex;justify-content:flex-start}.not-found{height:100vh;overflow:hidden}.notfound-logo-container{display:flex;justify-content:left;padding-top:25px}.notfound-logo{border:1px solid var(--bg);border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.25);display:flex;position:fixed;top:4vh;z-index:999}.notfound-container{display:flex;flex-direction:column;height:100%;margin:0;padding-top:120px}.notfound-message{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound-title{color:var(--primary-color);font-family:var(--secondary-font);font-size:80px;font-weight:700;padding-top:15px}.not-found-message{color:var(--secondary-color);font-size:2rem;margin:2rem 0;text-align:center}.not-found-link{background-color:var(--link-color);border-radius:50px;color:#fff;font-size:1.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease-in-out}.not-found-link:hover{background-color:var(--card-bg);border:1px solid var(--link-color);box-shadow:var(--shadow-md);color:var(--link-color)}@media (max-width:500px){.notfound-message{left:auto;position:absolute;top:auto;-webkit-transform:none;transform:none;width:100%}.notfound-title{font-size:50px}.not-found-message{font-size:15px;margin-left:-5px;margin-right:32px;margin-top:10px;width:100%}.not-found-link{font-size:15px;padding:15px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:var(--tertiary-color)}.page-content{background-color:var(--bg);min-height:100vh;position:relative;transition:background-color .3s ease}.page-content:after,.page-content:before{background-color:var(--bg-rail);border:1px solid var(--border-color);bottom:0;content:"";position:absolute;top:0;width:calc(50% - 600px)}.page-content:before{left:0;z-index:1}.page-content:after{right:0;z-index:1}.content-wrapper{margin:0 auto;max-width:1000px}.title{color:var(--primary-color);font-family:var(--secondary-font);font-size:var(--fs-hero);font-weight:var(--fw-extrabold);letter-spacing:-.02em;line-height:var(--lh-tight);width:70%}.subtitle{color:var(--secondary-color);font-size:var(--fs-body);line-height:var(--lh-normal);margin-top:25px;padding-top:10px;width:70%}.page-footer{position:block}.page-footer:before{border-top:1px solid var(--border-color);content:"";left:0;position:absolute;right:0}@media (max-width:1270px){.page-content:after,.page-content:before{width:5%}.content-wrapper{max-width:90%;padding-left:10%;padding-right:10%}}@media (max-width:1024px){.page-content:after,.page-content:before{width:calc(50% - 475px)}.content-wrapper{max-width:980px}}@media (max-width:800px){.content-wrapper{margin:0 auto;max-width:90%;padding:0 10px}.page-content:after,.page-content:before{display:none}.subtitle,.title{width:100%}}
/*# sourceMappingURL=main.70167e63.css.map*/