@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Space+Grotesk:wght@300..700&display=swap";:root{--font-title:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--background:#0a0a0a;--surface:#161616;--white:#fff;--text:#fff;--text-secondary:#9ca3af;--text-dark:#0a0a0a;--accent:#21c45d;--accent-light:#bcf5d1;--accent-medium:#4de685;--accent-dark:#2b6440;--accent-soft:#21c45d14;--accent-glow:#21c45d26;--accent-glow-medium:#21c45d4d;--accent-glow-strong:#21c45d73;--accent-dot:var(--accent);--gradient-accent:linear-gradient(to right, var(--accent), #1dc95c59, #1dc95c14);--border-soft:#ffffff0c;--border-default:#ffffff21;--page-deep:#040807;--page-mid:#0a1620;--neon-mint:#00ffd6;--neon-green:#08e260;--neon-violet:#c084fc;--neon-pink:#f472b6;--glass-edge:#ffffffd9;--swiper-pagination-color:var(--accent);--swiper-pagination-bullet-inactive-color:#fff;--swiper-pagination-bullet-inactive-opacity:.35}*,:after,:before{box-sizing:border-box;margin:0;padding:0;text-decoration:none;list-style:none}html,body{background-color:var(--background);scroll-behavior:smooth;width:100%;height:100%}.swiper-pagination-bullet{transition:background-color .3s,opacity .3s,transform .3s!important}.header{z-index:100;width:100%;height:100px;position:fixed;top:0;left:0}.nav{justify-content:space-between;align-items:center;height:100%;padding:20px 40px;display:flex;position:relative}.nav__logo{color:var(--text);font-family:var(--font-title);font-size:1.5rem;font-weight:700}.nav__toggle{color:var(--text);cursor:pointer;box-shadow:none;background:0 0;border:none;font-size:2rem}@media (width<=1150px){.nav__menu{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:100;background-color:#191b1866;width:80%;height:100%;padding:6rem 2rem 2rem 3rem;transition:right .3s;position:fixed;top:0;right:-120%}}.nav__list{flex-direction:column;row-gap:3rem;display:flex}.nav__link{color:var(--text);font-family:var(--font-body);font-weight:500;transition:color .3s;position:relative}.nav__link:after{content:"";background-color:var(--accent);opacity:0;border-radius:50%;width:0;height:2px;margin-block:auto;transition:opacity .3s,width .3s;position:absolute;bottom:-2px;left:0}.nav__link.active-link{color:var(--accent);font-weight:700}.nav__link:hover,.nav__link:hover:after{opacity:1;width:50%;color:var(--accent)}.nav__close{box-shadow:none;cursor:pointer;color:var(--white);background:0 0;border:none;font-size:2rem;position:absolute;top:30px;right:43px}.header:after{content:"";-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:-1;background-color:#191b1866;width:100%;height:100%;position:absolute;top:0;left:0}.header:before{content:"";background:linear-gradient(90deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red) 0 0/200%;width:100%;height:2px;animation:4s linear infinite rgb-line;position:absolute;bottom:0;left:0}@keyframes rgb-line{0%{background-position:0%}to{background-position:200%}}.blob-small{background:var(--accent);z-index:0;opacity:1;filter:blur(50px);opacity:0;background-size:400%;border-radius:10px;width:150px;height:150px;animation:20s linear infinite glowing;position:absolute}.hero{background:linear-gradient(#0a0a0a1a,#0a0a0a),url(/assets/hero-bg-Cz9KijXf.jpg) 50%/cover no-repeat fixed;height:100vh;padding:7rem 2rem 5rem;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;background:#0a0a0a99;position:absolute;inset:0}.hero .blob-small:first-child{top:-2rem;left:-2rem}.hero .blob-small:nth-child(2){top:11rem;right:-4rem}.hero__container{justify-content:flex-start;align-items:center;height:100%;display:flex}.hero__data{color:var(--white);z-index:50;margin-bottom:5rem;position:relative}.hero__subtitle{font-size:1.5rem;font-weight:500;font-family:var(--font-body);margin-bottom:.5rem}.hero__title{font-family:var(--font-body);margin-bottom:.5rem;font-size:2rem}.hero__title span{font-family:var(--font-title);color:var(--accent)}.hero__description{font-family:var(--font-body);font-style:italic}.hero__circle{z-index:1;border:20px solid #090d0880;border-radius:50%;place-items:center;width:100px;height:100px;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%,-150%)}.hero__circle:after{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;width:100px;height:100px;position:absolute;-webkit-mask-image:radial-gradient(circle,#0000 30px,#000 0);mask-image:radial-gradient(circle,#0000 30px,#000 0)}.hero__arrow{z-index:10;width:40px;height:40px;color:var(--white);border-radius:50%;place-items:center;font-size:1.5rem;animation:8s linear infinite colorChange,2s ease-in-out infinite pulse;display:grid}@keyframes colorChange{0%{background-color:red;box-shadow:0 0 12px red}12.5%{background-color:#ff7300;box-shadow:0 0 12px #ff7300}25%{background-color:#fffb00;box-shadow:0 0 12px #fffb00}37.5%{background-color:#48ff00;box-shadow:0 0 12px #48ff00}50%{background-color:#00ffd5;box-shadow:0 0 12px #00ffd5}62.5%{background-color:#002bff;box-shadow:0 0 12px #002bff}75%{background-color:#7a00ff;box-shadow:0 0 12px #7a00ff}87.5%{background-color:#ff00c8;box-shadow:0 0 12px #ff00c8}to{background-color:red;box-shadow:0 0 12px red}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.hero__text{z-index:10;color:var(--text);width:100px;height:100px;font-family:poppins,sans-serif;font-size:12px;font-weight:100;font-family:var(--font-body);animation:8s linear infinite rotate-text;position:absolute}@keyframes rotate-text{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__text span{transform-origin:0 45px;position:absolute;top:5px;left:50px}.about{min-height:100vh;padding:50px 4rem;position:relative}.about__container{padding:135px 0 0;display:grid;overflow-y:clip}.about__images .blob-small{top:50%;left:50%;transform:translate(-50%,-50%)}.about__images{justify-self:center;margin-bottom:1.5rem;position:relative}.about__box-1,.about__box-2,.about__box-3{opacity:0;border-radius:1.5rem;width:210px;height:250px}.about__box-1{background-color:var(--accent-dark)}.about__box-2{background-color:var(--white);position:absolute;bottom:.75em;left:.75rem;rotate:5deg}.about__box-3{background:linear-gradient(180deg, var(--accent-light) 0%, var(--accent-medium) 100%);position:absolute;bottom:1.5rem;left:1.5rem;rotate:10deg}.about__img{z-index:50;width:220px;-webkit-mask-image:linear-gradient(to bottom, var(--accent-dark) 70%, transparent 100%);mask-image:linear-gradient(to bottom, var(--accent-dark) 70%, transparent 100%);opacity:0;position:absolute;bottom:2.5rem;right:-1.25rem}.about__images .blob-big{justify-self:center;top:-1.5rem;left:0;right:0}.about__data{opacity:0}.about__data .section__title{font-family:var(--font-title);width:300px;text-align:initial;color:var(--text);text-transform:uppercase;letter-spacing:1.5px;font-size:3rem;position:relative}.about__data .about__subtitle:after{content:"";background:var(--gradient-accent);width:40%;height:2px;position:absolute;bottom:-5px;left:0}.about__data .about__subtitle{font-family:var(--font-body);color:var(--accent-medium);margin-bottom:5px;font-size:1.5rem;font-style:italic;position:relative}.about__description{font-family:var(--font-body);color:var(--text);margin-top:1rem;margin-bottom:2rem;font-size:1.5rem;font-weight:100}.about__description b{color:var(--accent-medium);font-style:italic}.social-link-linkedin{opacity:0;top:0;left:-75px}.social-link-github{opacity:0;top:75px;left:-75px}.social-link-github,.social-link-linkedin{background:var(--accent);color:#000;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);justify-content:center;align-items:center;width:55px;height:50px;font-size:1.5rem;text-decoration:none;transition:transform .4s,background-color .4s;display:flex;position:absolute}.social-link-github:hover,.social-link-linkedin:hover{background-color:var(--white);transform:scale(1.1)}.stack{opacity:0;flex-direction:column;justify-content:center;align-items:center;display:flex}.stack .section__title{color:#fff;margin-bottom:1rem;font-size:2rem;font-weight:700}.slider{align-items:center;width:100%;height:100px;padding:10px 0;display:flex;overflow:hidden}.track{flex-wrap:nowrap;width:max-content;display:flex}.skills{border:1px solid var(--color);width:200px;font-family:var(--font-body);border-radius:30px;flex-shrink:0;justify-content:start;align-items:center;gap:10px;margin:0 10px;padding:10px 30px;transition:transform .3s,box-shadow .3s;display:flex}.skills:hover{z-index:10;box-shadow:0 10px 20px #0a0a0a33, 0 0 15px var(--color);transform:scale(1.1)}.skills p{color:var(--color)}.icon{width:40px;height:40px;color:var(--color)}.projects{min-height:65vh;padding:100px 0}.projects .section__title{width:150px;color:var(--text);text-transform:uppercase;letter-spacing:1.5px;font-size:2rem;font-weight:700;font-family:var(--font-title);margin-bottom:3rem;margin-left:2rem;position:relative}.projects .section__title:after{content:"";background:var(--gradient-accent);width:50%;height:2px;position:absolute;bottom:-10px;left:0}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}.slider-section{width:100%}.slider-section .swiper{padding:0 2rem}.swiper-wrapper{padding:2rem}.swiper-slide{filter:blur(2px);height:400px;transition:filter .3s}.swiper-slide-active{filter:blur()}.ux-parent--mint{--ux-grad:linear-gradient(135deg, #00ffd6 0%, #08e260 100%);--ux-title:#00894d;--ux-body:#00894ed1;--ux-cta:#00c37b;--ux-orbit:#00f9cb38;--ux-fill:#00894d;--ux-shadow-filter:drop-shadow(0 28px 50px #00281e73);--ux-shadow:#05471100 40px 50px 25px -40px, #05471147 0 25px 25px -5px;--ux-small-shadow:#05471173 0 8px 6px -5px;--ux-large-shadow:#05471173 -5px 20px 12px 0}.ux-parent--orange{--ux-grad:linear-gradient(135deg, #ffb36b 0%, #fb6334 50%, #e24a1a 100%);--ux-title:#fb6334;--ux-body:#fb6334d1;--ux-cta:#ff7a45;--ux-orbit:#fb633438;--ux-fill:#fb6334;--ux-shadow-filter:drop-shadow(0 28px 50px #78230573);--ux-shadow:#78230500 40px 50px 25px -40px, #78230547 0 25px 25px -5px;--ux-small-shadow:#fb633473 0 8px 6px -5px;--ux-large-shadow:#fb633473 -5px 20px 12px 0}.ux-parent{perspective:1000px;perspective-origin:50%;width:100%;max-width:450px;height:300px;filter:var(--ux-shadow-filter);margin-inline:auto}.ux-parent--wide{width:100%;max-width:none;height:268px}.ux-card{height:100%;transform-style:preserve-3d;box-shadow:var(--ux-shadow);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50px;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s;position:relative}.ux-parent--void .ux-card{box-shadow:0 0 0 1px #a78bfa33,40px 50px 25px -40px #05471100,0 25px 35px -5px #00000080}.ux-parent--cut .ux-glass{clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);border-radius:32px!important}.ux-glass{transform-style:preserve-3d;border-inline-start:1px solid #000;pointer-events:none;background:linear-gradient(#00000059,#0000008c,#000000bf,#000000f2);border-bottom:1px solid #000000bf;border-radius:55px 100% 55px 55px;transition:all .5s ease-in-out;position:absolute;inset:8px;transform:translateZ(25px)}.ux-parent--void .ux-glass{background:linear-gradient(#ffffff1f 0%,#0f172a8c 100%);border-color:#94a3b840}.ux-logo{inset-inline-end:0;transform-style:preserve-3d;pointer-events:none;z-index:2;position:absolute;top:20px}.ux-circle{aspect-ratio:1;top:0;background:var(--ux-orbit);-webkit-backdrop-filter:blur(6px);border-radius:50%;transition:all .5s ease-in-out;display:block;position:absolute;inset-inline-end:0;box-shadow:-10px 10px 24px #64646f40}.ux-circle:first-child{top:8px;width:170px;inset-inline-end:8px;transform:translateZ(20px)}.ux-circle:nth-child(2){top:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:140px;transition-delay:50ms;inset-inline-end:10px;transform:translateZ(40px)}.ux-circle:nth-child(3){top:17px;width:110px;transition-delay:.1s;inset-inline-end:17px;transform:translateZ(60px)}.ux-circle:nth-child(4){top:23px;width:80px;transition-delay:.15s;inset-inline-end:23px;transform:translateZ(80px)}.ux-circle:nth-child(5){top:30px;place-content:center;width:50px;transition-delay:.2s;display:grid;inset-inline-end:30px;transform:translateZ(100px)}.ux-circle:nth-child(5) svg{fill:#fff;width:20px}.ux-parent:hover .ux-circle:nth-child(2){transform:translateZ(60px)}.ux-parent:hover .ux-circle:nth-child(3){transform:translateZ(80px)}.ux-parent:hover .ux-circle:nth-child(4){transform:translateZ(100px)}.ux-parent:hover .ux-circle:nth-child(5){transform:translateZ(120px)}.ux-content{z-index:3;padding:100px 3.75rem 0 1.85rem;position:relative;transform:translateZ(26px)}.ux-title{color:var(--ux-title);letter-spacing:-.02em;font-size:1.25rem;font-weight:900;display:block}.ux-text{color:var(--ux-body);margin-top:1.05rem;font-size:.95rem;font-weight:600;line-height:1.5;display:block}.ux-bottom{transform-style:preserve-3d;z-index:4;justify-content:space-between;align-items:center;padding:15px 12px;display:flex;position:absolute;bottom:20px;left:20px;right:0;transform:translateZ(26px)}.ux-project{transform-style:preserve-3d;gap:10px;display:flex}.ux-project-btn{aspect-ratio:1;cursor:pointer;width:50px;box-shadow:var(--ux-small-shadow);background:#fff;border:none;border-radius:50%;place-content:center;padding:6px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,background .2s;display:grid}.ux-project-btn:first-child{transition-delay:50ms}.ux-project-btn:nth-child(2){transition-delay:.1s}.ux-project-btn:nth-child(3){transition-delay:.15s}.ux-project-btn svg{fill:var(--ux-fill);font-size:25px}.ux-project-btn:hover{background:#0f172a}.ux-project-btn:hover svg{fill:#fff}.ux-project-btn:active{background:#ffea00}.ux-project-btn:active svg{fill:#0f172a}.ux-parent:hover .ux-project-btn{box-shadow:var(--ux-large-shadow);transform:translateZ(50px)}.ux-more{justify-content:flex-end;align-items:center;gap:4px;width:42%;transition:transform .2s;display:flex}.ux-more:hover{transform:translateZ(10px)}.ux-more-btn{color:var(--ux-title);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:none;justify-content:center;align-items:center;height:30px;padding:10px;font-family:inherit;font-size:.75rem;font-weight:800;display:flex}.ux-more svg{fill:none;stroke:var(--ux-cta);stroke-width:3px;width:18px;max-height:15px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.section--reveal{opacity:1;transition:none;transform:none}[data-hero-motion] .hero-blob,[data-hero-motion] .hero-pill,[data-hero-motion] .hero-ring,[data-hero-motion] .hero-hex,[data-hero-motion] .hero-slab{transition:none}.ux-card,.ux-circle,.ux-social-btn,.ux-more,.stage-track{transition:none!important}.ux-parent:hover .ux-card{transform:none}.ux-parent:hover .ux-circle:nth-child(2),.ux-parent:hover .ux-circle:nth-child(3),.ux-parent:hover .ux-circle:nth-child(4),.ux-parent:hover .ux-circle:nth-child(5){transform:inherit}.ux-parent:hover .ux-project-btn{transform:none}}.contact{background-color:var(--background);width:100%;padding:10rem 5rem;position:relative;overflow:hidden}.contact__content{z-index:10;height:100%;box-shadow:0 0 10px var(--accent);background-color:var(--background);border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden}.contact__info,.contact__form{word-break:break-word;overflow-wrap:anywhere;flex-direction:column;gap:10px;padding:50px 5rem;display:flex}.contact__status,.contact__title span{color:var(--accent)}.contact__status{font-family:var(--font-body);justify-content:flex-start;align-items:center;gap:5px;font-style:italic;display:flex}.contact__title{font-family:var(--font-title);color:var(--text);letter-spacing:-.03em;font-size:3.5rem;font-weight:700;line-height:1.1;position:relative}.contact__title:after{content:"";background:var(--gradient-accent);width:25%;height:2px;position:absolute;bottom:-20px;left:0}.contact__description{font-family:var(--font-body);color:var(--text);margin-top:25px}.contact__details{z-index:100;border-bottom:2px solid var(--border-soft);width:100%;padding-bottom:20px;position:relative}.contact__detail{align-items:center;gap:10px;margin-top:10px;display:flex}.contact__detail span{font-family:var(--font-body);color:var(--text)}.contact__detail span b{color:var(--accent)}.contact__detail svg{background:var(--accent-soft);border:1px solid var(--accent);width:40px;height:40px;color:var(--accent);border-radius:40px;padding:10px;font-size:20px}.contact__stack{flex-direction:column;width:100%;margin-top:25px;display:flex}.contact__stack-title{text-transform:uppercase;letter-spacing:3px;font-family:var(--font-title);color:var(--text);margin-bottom:30px}.contact__badges{flex-wrap:wrap;width:100%;display:flex}.contact__badge{width:var(--badge-width);font-family:var(--font-body);color:var(--color);border:1px solid var(--color);border-radius:20px;justify-content:center;align-items:center;gap:5px;margin:5px 0 0 5px;padding:5px 20px;display:flex}.contact__badge-icon{width:20px;height:20px;color:var(--color)}.contact__form{background-color:var(--background);border-left:2px solid var(--border-soft);gap:25px;width:100%;height:100%;display:flex}.contact__row{gap:20px;display:flex}.contact__field{width:100%;position:relative}.contact__form .contact__field:nth-child(3){height:100%}.contact__input,.contact__textarea{border:1px solid var(--border-default);width:100%;color:var(--text);background:0 0;border-radius:5px;outline:none;padding:15px 20px;font-size:1rem}.contact__textarea{height:100%}.contact__label{font-family:var(--font-title);color:var(--text-secondary);background-color:var(--background);pointer-events:none;align-items:center;gap:5px;padding:0 10px;transition:all .3s;display:flex;position:absolute;top:13px;left:10px}.contact__input:focus,.contact__input:valid,.contact__textarea:focus,.contact__textarea:valid{font-family:var(--font-title);color:var(--text);border:1px solid var(--accent)}.contact__input:focus+.contact__label,.contact__input:valid+.contact__label,.contact__textarea:focus+.contact__label,.contact__textarea:valid+.contact__label{color:var(--accent);height:30px;line-height:30px;transform:translateY(-30px)}.contact__success{color:var(--accent)}.contact__button,.contact__button-loading{cursor:pointer;background:var(--accent-soft);border:1px solid var(--accent);width:100%;color:var(--accent);padding:20px 30px}.contact__button{justify-content:space-between;align-items:center;display:flex}.contact__spinner{border-radius:50%;width:22px;height:22px;animation:.8s linear infinite contact-spin}@keyframes contact-spin{to{transform:rotate(360deg)}}.contact__button-loading{justify-content:center;align-items:center;gap:10px;display:flex}.contact__button-text{text-transform:uppercase;letter-spacing:2px;font-size:1.2rem;font-family:var(--font-body);color:var(--text-secondary);transition:all .3s}.contact__button:hover .contact__button-text,.contact__button:hover svg:nth-child(3){color:var(--text)}.contact__button svg{font-size:1.5rem}.contact__button svg:nth-child(3){color:var(--text-secondary)}.contact__privacy{font-family:var(--font-body);color:var(--text-secondary);align-items:center;gap:5px;font-style:italic;display:flex}.contact__privacy svg{font-size:1.2rem}.card-container{border-radius:12px;width:500px;height:300px;position:relative;overflow:hidden}.dot-matrix{width:70px;height:140px;position:absolute;top:250px;left:0}.dot-matrix .dot-matrix{background-image:radial-gradient(var(--accent-dot) 1.5px, transparent 1.5px)}.dot-matrix{pointer-events:none;z-index:1;background-size:12px 12px}.contact__circles{z-index:1;pointer-events:none;position:absolute;bottom:5%;right:-60px}.contact__info .contact__circles{bottom:-5%;left:-60px}.circle-outer,.circle-mid,.circle-inner{border-radius:50%;justify-content:center;align-items:center;display:flex}.circle-outer{border:1px solid var(--accent-glow);width:160px;height:160px;padding:15px}.circle-mid{border:1px solid var(--accent-glow-medium);width:100%;height:100%;padding:15px}.circle-inner{border:1px solid var(--accent-glow-strong);width:100%;height:100%}.main-footer{background:var(--background);margin-top:4rem;padding:3rem 1rem;position:relative;overflow:hidden}.footer-container{justify-content:space-evenly;align-items:center;gap:1rem;width:100%;margin:0 auto;display:flex}.footer-text-copyright{color:var(--text);font-family:var(--font-body);text-align:center;gap:.5rem;font-size:.95rem;line-height:1.6}.footer-author-link{border-radius:10px;align-items:center;gap:.4rem;padding:.2rem .5rem;font-size:2rem;font-weight:700;text-decoration:none;display:inline-flex}.footer-author-link svg{color:var(--accent)}.footer-author-link span{font-family:var(--font-title);color:var(--text);transition:all .4s}.footer-author-link:hover span{color:var(--accent)}.footer-author-link i{font-size:.85rem}.footer-social{gap:2rem;display:flex}.footer-social-link{background:var(--accent);width:55px;height:50px;color:var(--text-color);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);justify-content:center;align-items:center;font-size:1.5rem;text-decoration:none;transition:all .3s;display:flex}.footer-social-link:hover,.footer-social-link:hover svg{background-color:var(--white);transition:all .3s;transform:scale(1.1)}.main-footer:before{content:"";z-index:1;background:linear-gradient(90deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red) 0 0/200%;width:100%;height:2px;animation:4s linear infinite rgb-line;position:absolute;top:0;left:0}@media (width>=350px) and (width<=767px){.nav__menu{width:50%}.about{padding:50px 1rem}.about__container{justify-content:center}.about__images{padding-top:100px}.social-link-github,.social-link-linkedin{left:-50px}.ux-bottom{flex-direction:column;gap:20px;align-items:flex-start!important}.contact{padding:7rem 1rem}.contact__content{grid-template-columns:1fr}.contact__info,.contact__form{flex-direction:column;gap:10px;padding:50px 1rem;display:flex}.contact__title{font-size:3rem}.contact__row{flex-direction:column}.contact__button{padding:20px}.contact__button-text,.contact__privacy{font-size:.8rem}.dot-matrix{top:40px}.contact__circles{bottom:0%}.footer-container{flex-direction:column}}@media screen and (width>=768px){.hero__subtitle{margin-bottom:1rem;font-size:2.5rem}.hero__title{font-size:4rem}.hero__description{font-size:1.2rem}.social-link-github,.social-link-linkedin{left:-75px}.footer-container{flex-direction:column}}@media (width>=1150px){.about .blob-small{filter:blur(65px);width:300px;height:300px}.nav{align-items:center}.nav__toggle,.nav__close{display:none}.nav__menu{width:initial}.nav__list{flex-direction:row;align-items:center;gap:3rem}.hero__subtitle{margin-bottom:1rem;font-size:2.5rem}.hero__title{font-size:4.5rem}.hero__description{font-size:1.2rem}.about__container{grid-template-columns:repeat(2,1fr);align-items:center;column-gap:5.5rem;min-height:100vh}.about__box-1,.about__box-2,.about__box-3{width:400px;height:400px}.about__img{width:400px}.hero__circle{bottom:-1.5rem;right:-3rem}.about__images .blog.big{top:-8rem}.hero .blob-small:first-child{top:-3rem;left:-3rem}.hero .blob-small:nth-child(2){top:25rem}.about__data,.about__data .section__title{text-align:initial;z-index:2}.about__description{margin-bottom:3rem}.cards__projects{place-content:center;display:grid}.contact{padding:10rem 5rem}.contact__content{grid-template-columns:40% 60%}.dot-matrix{top:250px}.footer-container{flex-direction:row;gap:5px}}@media (width>=1520px){.contact__badges{width:80%}}
