@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0d0d;display:block;font-family:DM Sans,sans-serif;margin:0}container{animation:fadeIn 1s forwards;animation-delay:1s;height:90%;margin:0 auto;min-height:566px;opacity:0;position:absolute;top:5%;transform-style:preserve-3d;width:100%;will-change:contents;z-index:1}.hero{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative}.hero #tsparticles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.hero .text-zone{align-items:center;display:flex;flex-direction:column}.hero .text-zone .intro{color:#89cff0;font-size:1.5rem;font-weight:500;margin:0}.hero .text-zone .large{color:#f0f0f0;font-size:7rem;font-weight:600;margin:0;padding:0}.hero .text-zone .small{color:#89cff0;font-size:2.15rem;margin:1vw 0;max-width:95vw;text-align:center}.hero .button-container{display:flex;justify-content:space-between;margin-top:1.5vw;width:25vw}.hero .button-container button{background-color:#89cff0;border:none;border-radius:10px;color:#0d0d0d;font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:600;height:3.2vw;margin-top:1vw;text-decoration:none;transition:transform .2s ease;width:10vw}.hero .button-container button:hover{cursor:pointer;transform:translateY(-5px)}.hero .scroll-container{align-items:center;bottom:3%;cursor:default;display:flex;flex-direction:column;position:absolute}.hero .scroll-container .scroll-text{color:#f0f0f0;font-size:1rem;margin-bottom:.2vw}.hero .scroll-container .scroll-icon-wrapper{animation:bounce 1.5s infinite}.hero .scroll-container .scroll-icon{transform:rotate(225deg);width:1.3vw}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.about{color:#89cff0;margin:15vw 20%;scroll-margin-top:35vh}.about h1{font-size:4rem;font-weight:600;margin-bottom:2vw}.about p{color:#f0f0f0;font-size:1.7rem;font-weight:400;line-height:3rem}.projects{height:100%;margin:0 20% 15vw;scroll-margin-top:5vh}.projects h1{color:#89cff0;font-size:4rem;font-weight:600;margin-bottom:3vw}.skills{scroll-margin-top:16vh}.contact,.skills{margin:0 20% 15vw}.contact h1{color:#89cff0;font-size:4rem;font-weight:600}.contact h2{font-size:2rem;font-weight:400;margin-bottom:2vw;margin-top:-1vw}.contact .email,.contact h2{color:#f0f0f0}.contact .email:hover{color:#b4b4b4}.contact img{transition:transform .2s ease;width:3vw}.contact img:hover{transform:translateY(-8px)}.contact .icons-container{display:flex;justify-content:space-between;width:12vw}@media(max-width:1700px){.hero .button-container{width:25vw}.hero .button-container button{font-size:1.2rem;height:48px;width:10vw}}@media(max-width:1024px){.hero .text-zone .intro{font-size:1.3rem;line-height:4vw}.hero .text-zone .large{font-size:5rem}.hero .text-zone .small{font-size:1.6rem;line-height:1.5}.hero .button-container{width:45vw}.hero .button-container button{font-size:1.2rem;height:48px;width:18vw}.hero .scroll-container .scroll-text{font-size:.9rem}.hero .scroll-container .scroll-icon{width:2vw}.about{margin:12vw 12%}.about h1{font-size:3.2rem;margin-bottom:4vw}.about p{font-size:1.4rem;line-height:1.7}.projects{margin:0 12% 12vw}.projects h1{font-size:3.2rem;margin-bottom:4vw}.contact,.skills{margin:0 12% 12vw}.contact h1{font-size:3.2rem;margin-bottom:4vw}.contact h2{font-size:1.6rem}.contact img{width:4vw}.contact .icons-container{width:24vw}}@media(max-width:768px){.hero .text-zone .intro{font-size:1.1rem;line-height:4vw}.hero .text-zone .large{font-size:3.8rem}.hero .text-zone .small{font-size:1.4rem;line-height:1.5;margin:2.5vw 0}.hero .button-container{width:45vw}.hero .button-container button{font-size:1.2rem;height:48px;width:20vw}.hero .scroll-container{bottom:4%}.hero .scroll-container .scroll-text{font-size:.85rem}.hero .scroll-container .scroll-icon{width:3.2vw}.about{margin:14vw 8%}.about h1{font-size:2.6rem;margin-bottom:4vw}.about p{font-size:1.2rem;line-height:1.7}.projects{margin:0 8% 14vw}.projects h1{font-size:2.6rem;margin-bottom:4vw}.skills{margin:0 8% 14vw}.skills h1{font-size:2.6rem;margin-bottom:4vw}.contact{margin:0 8% 16vw}.contact h1{font-size:2.6rem;margin-bottom:4vw}.contact h2{font-size:1.4rem}.contact img{width:6vw}}@media(max-width:640px){.hero .text-zone .intro{font-size:1rem}.hero .text-zone .large{font-size:3.2rem}.hero .text-zone .small{font-size:1.2rem}.hero .button-container{width:60vw}.hero .button-container button{font-size:1.05rem;height:46px;width:22vw}.hero .scroll-container{bottom:5%}.hero .scroll-container .scroll-text{font-size:.8rem}.hero .scroll-container .scroll-icon{width:4vw}.about{margin:16vw 6%}.about h1{font-size:2.2rem}.about p{font-size:1.05rem;line-height:1.7}.projects{margin:0 6% 16vw}.projects h1{font-size:2.2rem}.skills{margin:0 6% 16vw}.contact{margin:0 6% 18vw}.contact h1{font-size:2.3rem}.contact h2{font-size:1.2rem}.contact img{width:8vw}.contact .icons-container{margin-top:2vw;width:25vw}.contact .icons-container .card a img{height:6vw;width:6vw}}@media(max-width:480px){.hero .text-zone .intro{font-size:.95rem;margin-bottom:2vw}.hero .text-zone .large{font-size:2.8rem}.hero .text-zone .small{font-size:1.05rem;margin-bottom:5vw}.hero .button-container{width:60vw}.hero .button-container button{font-size:.8rem;height:35px;width:25vw}.hero .scroll-container{bottom:6%}.hero .scroll-container .scroll-text{font-size:.75rem}.hero .scroll-container .scroll-icon{width:5vw}.about{margin:18vw 5%}.about h1{font-size:2rem}.about p{font-size:1rem;line-height:1.65}.projects{margin:0 5% 18vw}.projects h1{font-size:2rem}.skills{margin:0 5% 18vw}.contact{margin:0 5% 20vw}.contact h1{font-size:2.1rem}.contact h2{font-size:1.1rem;margin-bottom:5vw}.contact img{width:9vw}}.project-card{align-items:stretch;display:flex;margin-bottom:8vw}.project-card.reverse{flex-direction:row-reverse}.project-card.reverse .project-info{align-items:flex-start;text-align:left}.project-card.reverse .project-info .project-description-box{margin-left:0;margin-right:-4vw;z-index:2}.project-card.reverse .project-info .project-description-box p{text-align:left}.project-card .project-image{flex:1 1}.project-card .project-image img{border-radius:8px;box-shadow:0 4px 24px #00000080;height:100%;object-fit:cover;opacity:.9;width:100%}.project-card .project-info{align-items:flex-end;display:flex;flex:1 1;flex-direction:column}.project-card .project-info .project-label{color:#89cff0;font-size:1.2rem;margin-bottom:.5vw}.project-card .project-info .project-title{color:#f0f0f0;font-size:2.5rem;margin:0 0 1vw}.project-card .project-info .project-description-box{background-color:#0f0f0f;border-radius:10px;box-shadow:0 10px 30px #0009;margin-bottom:.5vw;margin-left:-4vw;max-width:36vw;padding:1.5vw;z-index:2}.project-card .project-info .project-description-box p{color:#ccc;font-size:1.25rem;line-height:2rem;margin:0;text-align:right}.project-card .project-info .project-tech{color:#ccc;font-size:1.2rem;font-weight:400;margin-bottom:1.2vw}.project-card .project-info .project-links{align-items:center;display:flex;gap:1.2vw}.project-card .project-info .project-links a{color:#89cff0;font-size:1.2rem;text-decoration:none}.project-card .project-info .project-links a img{height:2.5em;transition:transform .2s ease;width:2.5em}.project-card .project-info .project-links a img:hover{transform:translateY(-5px)}.project-card .project-info .project-links a span:hover{text-decoration:underline}.showcase-section{margin-top:8vw}.showcase-heading{color:#f0f0f0;font-size:clamp(1.6rem,2.2vw,2.2rem);margin:0 0 2.5rem}.showcase-grid{grid-gap:clamp(1rem,2vw,2rem);display:grid;gap:clamp(1rem,2vw,2rem);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.showcase-card{background:#111;border-radius:12px;box-shadow:0 6px 18px #00000059;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .3s ease}.showcase-card:hover{box-shadow:0 10px 28px #00000073;transform:translateY(-6px)}.showcase-card:hover .thumb .overlay{opacity:1;transform:translateY(0)}.showcase-card .thumb{aspect-ratio:16/9;background:#0b0b0b;position:relative}.showcase-card .thumb img{display:block;height:100%;object-fit:cover;opacity:.95;width:100%}.showcase-card .thumb .overlay{align-items:flex-end;background:linear-gradient(0deg,#000000e6,#0000000d);display:flex;gap:.8rem;inset:0;justify-content:space-between;opacity:0;padding:.8rem 1rem;position:absolute;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.showcase-card .thumb .overlay a{align-items:center;color:#89cff0;display:inline-flex;font-size:1rem;font-weight:500;gap:.4rem;text-decoration:none}.showcase-card .thumb .overlay a img{filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));height:2em;width:2em}.showcase-card .thumb .overlay a .demo-link span{filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));text-decoration:underline}.showcase-card .showcase-title{color:#f0f0f0;font-size:1.2rem;letter-spacing:.2px;margin:1.5rem 1rem 1rem}.showcase-card .showcase-desc{color:#cfcfcf;font-size:.98rem;line-height:1.35;margin:0 1rem 1.2rem;opacity:.95}.showcase-card .tech-chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0 1rem 1rem}.showcase-card .tech-chips li{background:#0a0a0a;border:none;border-radius:999px;color:#b9e3f8;font-size:.85rem;padding:.35rem .6rem;white-space:nowrap}@media(max-width:1150px){.project-card{gap:3vw;margin-bottom:10vw}.project-card .project-info .project-label{font-size:1.1rem}.project-card .project-info .project-title{font-size:2rem}.project-card .project-info .project-description-box{margin-left:-2vw;max-width:44vw;padding:2vw}.project-card .project-info .project-description-box p{font-size:1.1rem;line-height:1.6}.project-card .project-info .project-tech{font-size:1.05rem}}@media(max-width:780px){.project-card{background:linear-gradient(#080808d9,#080808d9),var(--bg-url) center/cover no-repeat;border-radius:14px;box-shadow:0 14px 30px #00000080;isolation:isolate;outline:1px solid #ffffff0d;outline-offset:-1px;overflow:hidden;position:relative}.project-card .project-image{display:none}.project-card:before{background:linear-gradient(180deg,#00000040,#00000059 40%,#0000008c);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.project-card .project-info{align-items:flex-start;padding:1.2rem 2rem;position:relative;text-align:left;z-index:1}.project-card .project-info .project-label{color:#b9e3f8;text-shadow:0 1px 2px #000000b3}.project-card .project-info .project-title{color:#f7f7f7;text-shadow:0 2px 6px #0009}.project-card .project-info .project-description-box{background-color:#0000;border:none;border-radius:10px;max-width:100%}.project-card .project-info .project-description-box p{color:#e6eef3;text-align:left;text-shadow:0 1px 2px #0009}.project-card .project-info .project-tech{color:#d0eaf7;opacity:.95;text-shadow:0 1px 2px #0009}.project-card .project-info .project-links{gap:2vw}.project-card .project-info .project-links a img{height:2em;width:2em}.project-card .project-info .project-links a span{color:#bfe8fb;text-shadow:0 1px 2px #0009}}@media(max-width:640px){.project-card{margin-bottom:18vw}.project-card:before{background:linear-gradient(180deg,#00000059,#00000080 40%,#000000a6)}.project-card .project-info{padding:1rem 1.25rem}.project-card .project-info .project-title{font-size:1.4rem}.project-card .project-info .project-tech{font-size:.95rem}.project-card .project-info .project-links{gap:.8rem}.project-card .project-info .project-links a img{height:1.8em;width:1.8em}.project-card .project-info .project-links a span{font-size:.95rem}.showcase-grid{gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-card{background:#0f0f0f;border-radius:10px;box-shadow:0 3px 12px #00000040}.showcase-card .thumb{aspect-ratio:16/8}.showcase-card .showcase-title{font-size:.98rem;margin:.9rem .75rem .6rem;opacity:.95}.showcase-card .showcase-desc{display:none}.showcase-card .tech-chips{gap:.4rem;padding:0 .75rem .75rem}.showcase-card .tech-chips li{font-size:.78rem;opacity:.9;padding:.3rem .5rem}}@media(max-width:480px){.project-card{border-radius:12px;box-shadow:0 12px 26px #00000080}.project-card:before{background:linear-gradient(180deg,#00000073,#00000094 45%,#000000b3)}.project-card .project-info{padding:.9rem 1rem}.project-card .project-info .project-title{font-size:1.25rem}.project-card .project-info .project-description-box p{font-size:.85rem}.project-card .project-info .project-tech{font-size:.8rem;margin-bottom:4vw}.project-card .project-info .project-links{gap:1rem}.project-card .project-info .project-links a span{font-size:.9rem}.showcase-grid{gap:.6rem}.showcase-card{box-shadow:0 2px 8px #00000038}.showcase-card .thumb{aspect-ratio:16/7}.showcase-card .showcase-title{font-size:.92rem;margin:.8rem .6rem .5rem}.showcase-card .tech-chips li{font-size:.74rem;padding:.28rem .45rem}}.section-nav{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f0f0fbf;border:1px solid #89cff033;border-radius:12px;box-shadow:0 6px 24px #00000059;display:flex;flex-direction:column;font-family:Space Grotesk,sans-serif;gap:1vw;left:2vw;padding:.8rem 1rem;position:fixed;top:2vw;z-index:999}.section-nav .nav-item{color:#b4b4b4;cursor:pointer;font-size:1.4rem;font-weight:500;padding-bottom:.2vw;position:relative;transition:color .3s ease}.section-nav .nav-item:after{background-color:#89cff0;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.section-nav .nav-item.active,.section-nav .nav-item:hover{color:#89cff0}.section-nav .nav-item.active:after{width:100%}@media(max-width:1024px){.section-nav{gap:1.6vw;left:3vw;top:3vw}.section-nav .nav-item{font-size:1.2rem;padding-bottom:.4vw}}@media(max-width:900px){.section-nav{display:none}}.skills-section{color:#f0f0f0}.skills-section h1{color:#89cff0;font-size:4rem;font-weight:600;margin-bottom:2vw}.skills-section .skills-grid{display:flex;flex-wrap:wrap;gap:2vw;justify-content:flex-start}.skills-section .skills-category{margin-bottom:4vw}.skills-section .skills-category h2{color:#f0f0f0;font-size:1.8rem}.skills-section .badge{align-items:center;background-color:#1a1a1a;border-radius:50%;box-shadow:0 .2vw .6vw #0006;cursor:default;display:flex;font-size:2.5rem;height:4.5vw;justify-content:center;position:relative;transition:transform .25s ease,box-shadow .25s ease;width:4.5vw}.skills-section .badge:hover{box-shadow:0 .6vw 1.2vw #0009!important;transform:translateY(-.2vw) scale(1.1)!important}.skills-section .badge:after{background:#89cff0;border-radius:6px;color:#0d0d0d;content:attr(data-label);font-size:1rem;left:50%;opacity:0;padding:.2vw .6vw;pointer-events:none;position:absolute;top:5vw;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.skills-section .badge:hover:after{opacity:1}@media(max-width:1024px){.skills-section h1{font-size:3.2rem}.skills-section .skills-grid{gap:3vw}.skills-section .skills-category h2{font-size:1.6rem}.skills-section .badge{font-size:2rem;height:6vw;width:6vw}.skills-section .badge:after{top:6.4vw}}@media(max-width:768px){.skills-section h1{font-size:2.4rem}.skills-section .skills-grid{gap:4vw}.skills-section .skills-category h2{font-size:1.3rem}.skills-section .badge{font-size:1.6rem;height:56px;width:56px}.skills-section .badge:after{font-size:.9rem;padding:.15rem .45rem;top:64px}}@media(max-width:640px){.skills-section h1{font-size:2rem}.skills-section .skills-grid{gap:5vw}.skills-section .skills-category h2{font-size:1.15rem}.skills-section .badge{font-size:1.4rem;height:50px;width:50px}.skills-section .badge:after{font-size:.85rem;padding:.12rem .4rem;top:58px}}@media(max-width:480px){.skills-section h1{font-size:1.8rem}.skills-section .skills-grid{gap:6vw}.skills-section .skills-category h2{font-size:1.05rem}.skills-section .badge{font-size:1.3rem;height:46px;width:46px}.skills-section .badge:after{font-size:.8rem;top:54px}}
/*# sourceMappingURL=main.410b5854.css.map*/