@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
*{font-family:Inter,sans-serif}html{scroll-behavior:smooth}.section-container:first-child{padding-top:0}.section-container:not(:first-child){padding-top:80px}.bg-primary.dark{background-color:#fff}.bg-primary.light{background-color:#000}.bg-border{background-color:gray}.text-foreground,.icon-title.dark{color:#fff}.icon-title.light{color:#000}.text-title{font-size:1.5rem;font-weight:600}.text-title.dark{background:linear-gradient(135deg,#fff,#ccc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-title.light{background:linear-gradient(135deg,#000,#444);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-line{font-size:1.5rem;font-weight:300}.hero-line.dark{color:#ffffffb3}.hero-line.light{color:#000000b3}.hero-name{font-size:2.5rem;font-weight:700;line-height:1.2}.hero-name.dark{background:linear-gradient(135deg,#fff,#ccc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-name.light{background:linear-gradient(135deg,#000,#333);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (min-width:640px){.hero-name{font-size:3rem}}@media (min-width:1024px){.hero-name{font-size:3.5rem}}.description-line{text-align:justify;margin-bottom:8px;line-height:1.6}.description-line.dark{color:#ffffffd9}.description-line.light{color:#000000b3}.greeting-container{justify-content:center;align-items:center;gap:12px;margin-bottom:1rem;display:flex}@media (min-width:1024px){.greeting-container{justify-content:flex-start}}.hero-title{flex-direction:column;gap:8px;display:flex}.role-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}@media (min-width:1024px){.role-container{justify-content:flex-start}}.role-badge{border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.role-badge:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.role-badge.dark{color:#fff;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3}.role-badge.light{color:#000;background:linear-gradient(135deg,#0000001a,#0000000d);border:1px solid #0003}.badge-collapse{border-radius:20px;align-items:center;padding:8px 10px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.badge-collapse:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.collapsible-content{opacity:0;max-height:0;transition:max-height .4s ease-in-out,padding .4s ease-in-out,opacity .4s ease-in-out;overflow:hidden}.collapsible-content.is-expanded{opacity:1;max-height:1000px}.cta-section{flex-direction:row;align-items:center;gap:15px;display:flex}.social-links{flex-direction:row;gap:15px;display:flex}@media (max-width:768px){.cta-section{justify-content:center}}.social-link:hover{color:var(--color-blue-500)!important}.social-link.light{color:#000}.social-link.dark{color:#fff}.position-period-location{flex-direction:row;align-items:center;display:flex}@media (max-width:320px){.position-period-location{flex-direction:column;justify-content:start;align-items:start;display:flex}}.skill-level-indicator{font-size:1.2rem;font-weight:700;animation:2s ease-in-out infinite pulse-glow}.skill-tooltip{z-index:1000;pointer-events:none;min-width:250px;max-width:300px;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;transform:translate(-50%)translateY(-100%)}.skill-tooltip.tooltip-visible{opacity:1;animation:.2s ease-out tooltip-appear;transform:translate(-50%)translateY(-100%)scale(1)}.skill-tooltip.tooltip-hidden{opacity:0;animation:.2s ease-in tooltip-disappear;transform:translate(-50%)translateY(-90%)scale(.95)}.skill-tooltip.dark{filter:drop-shadow(0 10px 25px #00000080)}.skill-tooltip.light{filter:drop-shadow(0 10px 25px #00000026)}.tooltip-arrow{width:12px;height:12px;transition:opacity .2s;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.tooltip-arrow.dark{background:#000000e6;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a}.tooltip-arrow.light{background:#fffffff2;border-bottom:1px solid #0000001a;border-right:1px solid #0000001a}.tooltip-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid;border-radius:12px;padding:1rem;transition:all .2s}.tooltip-content.dark{background:#000000e6;border-color:#ffffff1a}.tooltip-content.light{background:#fffffff2;border-color:#0000001a}.tooltip-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.tooltip-title{margin:0;font-size:1rem;font-weight:600}.tooltip-title.dark{color:#fff}.tooltip-title.light{color:#000}.tooltip-level{white-space:nowrap;border:1px solid;border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.tooltip-experience{margin:0 0 .5rem;font-size:.85rem}.tooltip-experience.dark{color:#fffc}.tooltip-experience.light{color:#000c}.tooltip-description{margin:0;font-size:.85rem;line-height:1.4}.tooltip-description.dark{color:#ffffffb3}.tooltip-description.light{color:#000000b3}.particles,.bubble-particles,.code-bubbles{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{border-radius:50%;width:4px;height:4px;animation:15s linear infinite float-particle;position:absolute}.particle.dark{background:#fff6}.particle.light{background:#0006}.particle-1{animation-delay:0s;top:10%;left:10%}.particle-2{animation-delay:2s;top:20%;left:80%}.particle-3{animation-delay:4s;top:60%;left:20%}.particle-4{animation-delay:6s;top:80%;left:70%}.particle-5{animation-delay:8s;top:30%;left:50%}.bubble-particle{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:.6;will-change:transform,opacity;transform-style:preserve-3d;backface-visibility:hidden;border-radius:50%;animation:20s ease-in-out infinite bubble-float;position:absolute}.bubble-particle:hover{opacity:.8;animation-play-state:paused;transform:scale(1.2)}.bubble-particle.dark{background:radial-gradient(circle at 30% 30%,#ffffff4d,#ffffff1a,#ffffff0d);border:1px solid #fff3;box-shadow:0 4px 15px #ffffff1a,inset 0 1px #ffffff4d}.bubble-particle.light{background:radial-gradient(circle at 30% 30%,#00000026,#00000014,#00000008);border:1px solid #0000001a;box-shadow:0 4px 15px #0000000d,inset 0 1px #ffffff80}.bubble-inner{opacity:.3;border-radius:50%;width:70%;height:70%;position:absolute;top:15%;left:15%}.bubble-particle.dark .bubble-inner{background:radial-gradient(circle at 40% 40%,#fff6,#0000)}.bubble-particle.light .bubble-inner{background:radial-gradient(circle at 40% 40%,#fffc,#0000)}.bubble-highlight{opacity:.8;border-radius:50%;width:25%;height:25%;position:absolute;top:20%;left:25%}.bubble-particle.dark .bubble-highlight{background:radial-gradient(circle,#fff9,#0000)}.bubble-particle.light .bubble-highlight{background:radial-gradient(circle,#ffffffe6,#0000)}.code-bubbles{font-family:Fira Code,Courier New,monospace}.code-bubble{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:.4;will-change:transform,opacity;transform-style:preserve-3d;backface-visibility:hidden;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;animation:30s ease-in-out infinite code-bubble-float;display:flex;position:absolute}.code-bubble:hover{opacity:.6;animation-play-state:paused;transform:scale(1.15)}.code-bubble.dark{color:#64c8ffe6;text-shadow:0 0 8px #64c8ff80;background:radial-gradient(circle at 30% 30%,#64c8ff33,#64c8ff1a,#64c8ff0d);border:1px solid #64c8ff4d;box-shadow:0 4px 20px #64c8ff33,inset 0 1px #fff3}.code-bubble.light{color:#0064c8cc;text-shadow:0 0 6px #0064c84d;background:radial-gradient(circle at 30% 30%,#0064c826,#0064c814,#0064c808);border:1px solid #0064c833;box-shadow:0 4px 20px #0064c81a,inset 0 1px #fff6}.bubble-code{animation:8s ease-in-out infinite code-rotate}.tech-icons{opacity:.1;font-family:Fira Code,monospace;font-weight:700}.tech-icon{font-size:24px;animation:15s ease-in-out infinite tech-float;position:absolute}.tech-icon.dark{color:#61dafb;text-shadow:0 0 10px #61dafb80}.tech-icon.light{color:#06c;text-shadow:0 0 8px #0066cc4d}.terminal-cursor{opacity:.3;font-family:Courier New,monospace;font-size:20px;font-weight:700;animation:1s ease-in-out infinite cursor-blink;position:absolute;bottom:20px;right:30px}.terminal-cursor.dark{color:#00ff41;text-shadow:0 0 10px #00ff41}.terminal-cursor.light{color:#070;text-shadow:0 0 8px #070}.profile-container{justify-content:center;align-items:center;display:flex;position:relative}.profile-image-wrapper{z-index:2;position:relative}.profile-image{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50%;width:370px;height:370px;padding:10px;transition:transform .3s;position:relative}.profile-image:hover{transform:scale(1.05)}.profile-image.dark{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);box-shadow:0 20px 40px #00000080}.profile-image.light{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);box-shadow:0 20px 40px #0003}.avatar-container{border:4px solid #8080804d;border-radius:50%;width:350px;height:350px;overflow:hidden}.floating-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;animation:6s ease-in-out infinite float-icon;display:flex;position:absolute}.floating-icon.dark{background:#ffffff1a;border:1px solid #fff3}.floating-icon.light{background:#0000001a;border:1px solid #0003}.icon-1{animation-delay:0s;top:20%;left:-20px}.icon-2{animation-delay:3s;bottom:20%;right:-20px}.circuit-board{opacity:.08;width:100%;height:100%;position:absolute;top:0;left:0}.circuit-svg{width:100%;height:100%}.circuit-line{stroke-width:1px;stroke-dasharray:5 5;animation:4s ease-in-out infinite circuit-pulse}.circuit-svg.dark .circuit-line{stroke:#00d4ff}.circuit-svg.light .circuit-line{stroke:#06c}.circuit-line-1{animation-delay:0s}.circuit-line-2{animation-delay:.5s}.circuit-line-3{animation-delay:1s}.circuit-line-4{animation-delay:1.5s}.circuit-line-5{animation-delay:2s}.circuit-line-6{animation-delay:2.5s}.circuit-line-7{animation-delay:3s}.circuit-line-8{animation-delay:3.5s}.circuit-node{animation:3s ease-in-out infinite node-glow}.circuit-svg.dark .circuit-node{fill:#00d4ff}.circuit-svg.light .circuit-node{fill:#06c}.circuit-node-1{animation-delay:0s}.circuit-node-2{animation-delay:.5s}.circuit-node-3{animation-delay:1s}.circuit-node-4{animation-delay:1.5s}.circuit-node-5{animation-delay:2s}.circuit-node-6{animation-delay:2.5s}.bubble-particle-1{width:60px;height:60px;animation-duration:25s;animation-delay:0s;top:10%;left:5%}.bubble-particle-2{width:40px;height:40px;animation-duration:22s;animation-delay:2s;top:20%;left:15%}.bubble-particle-3{width:80px;height:80px;animation-duration:28s;animation-delay:4s;top:30%;left:25%}.bubble-particle-4{width:35px;height:35px;animation-duration:20s;animation-delay:6s;top:40%;left:35%}.bubble-particle-5{width:55px;height:55px;animation-duration:26s;animation-delay:8s;top:50%;left:45%}.bubble-particle-6{width:70px;height:70px;animation-duration:24s;animation-delay:10s;top:60%;left:55%}.bubble-particle-7{width:45px;height:45px;animation-duration:21s;animation-delay:12s;top:70%;left:65%}.bubble-particle-8{width:65px;height:65px;animation-duration:27s;animation-delay:14s;top:80%;left:75%}.bubble-particle-9{width:50px;height:50px;animation-duration:23s;animation-delay:16s;top:15%;left:85%}.bubble-particle-10{width:75px;height:75px;animation-duration:29s;animation-delay:18s;top:25%;left:95%}.bubble-particle-11{width:42px;height:42px;animation-duration:25s;animation-delay:1s;top:35%;left:8%}.bubble-particle-12{width:58px;height:58px;animation-duration:22s;animation-delay:3s;top:45%;left:18%}.bubble-particle-13{width:38px;height:38px;animation-duration:26s;animation-delay:5s;top:55%;left:28%}.bubble-particle-14{width:68px;height:68px;animation-duration:24s;animation-delay:7s;top:65%;left:38%}.bubble-particle-15{width:52px;height:52px;animation-duration:21s;animation-delay:9s;top:75%;left:48%}.bubble-particle-16{width:46px;height:46px;animation-duration:27s;animation-delay:11s;top:85%;left:58%}.bubble-particle-17{width:62px;height:62px;animation-duration:23s;animation-delay:13s;top:12%;left:68%}.bubble-particle-18{width:72px;height:72px;animation-duration:28s;animation-delay:15s;top:22%;left:78%}.bubble-particle-19{width:44px;height:44px;animation-duration:20s;animation-delay:17s;top:32%;left:88%}.bubble-particle-20{width:56px;height:56px;animation-duration:25s;animation-delay:19s;top:42%;left:12%}.bubble-particle-21{width:48px;height:48px;animation-duration:22s;animation-delay:21s;top:52%;left:22%}.bubble-particle-22{width:64px;height:64px;animation-duration:26s;animation-delay:23s;top:62%;left:32%}.bubble-particle-23{width:54px;height:54px;animation-duration:24s;animation-delay:25s;top:72%;left:42%}.bubble-particle-24{width:66px;height:66px;animation-duration:21s;animation-delay:27s;top:82%;left:52%}.bubble-particle-25{width:58px;height:58px;animation-duration:27s;animation-delay:29s;top:18%;left:62%}.bubble-particle-26{width:32px;height:32px;animation-duration:23s;animation-delay:31s;top:90%;left:10%}.bubble-particle-27{width:78px;height:78px;animation-duration:27s;animation-delay:33s;top:8%;left:20%}.bubble-particle-28{width:47px;height:47px;animation-duration:20s;animation-delay:35s;top:28%;left:30%}.bubble-particle-29{width:63px;height:63px;animation-duration:25s;animation-delay:37s;top:48%;left:40%}.bubble-particle-30{width:74px;height:74px;animation-duration:22s;animation-delay:39s;top:68%;left:50%}.bubble-particle-31{width:39px;height:39px;animation-duration:28s;animation-delay:41s;top:88%;left:60%}.bubble-particle-32{width:69px;height:69px;animation-duration:24s;animation-delay:43s;top:5%;left:70%}.bubble-particle-33{width:51px;height:51px;animation-duration:21s;animation-delay:45s;top:25%;left:80%}.bubble-particle-34{width:43px;height:43px;animation-duration:26s;animation-delay:47s;top:45%;left:90%}.bubble-particle-35{width:71px;height:71px;animation-duration:23s;animation-delay:49s;top:65%;left:2%}.code-bubble-1{width:80px;height:80px;animation-duration:35s;animation-delay:0s;top:15%;left:10%}.code-bubble-2{width:70px;height:70px;animation-duration:32s;animation-delay:4s;top:40%;left:80%}.code-bubble-3{width:90px;height:90px;animation-duration:38s;animation-delay:8s;top:70%;left:20%}.code-bubble-4{width:75px;height:75px;animation-duration:33s;animation-delay:12s;top:25%;left:60%}.code-bubble-5{width:85px;height:85px;animation-duration:36s;animation-delay:16s;top:55%;left:40%}.code-bubble-6{width:65px;height:65px;animation-duration:31s;animation-delay:20s;top:80%;left:70%}.code-bubble-7{width:95px;height:95px;animation-duration:39s;animation-delay:24s;top:35%;left:15%}.code-bubble-8{width:78px;height:78px;animation-duration:34s;animation-delay:28s;top:60%;left:85%}.tech-icon-1{animation-delay:0s;top:15%;left:20%}.tech-icon-2{animation-delay:3s;top:70%;right:25%}.tech-icon-3{animation-delay:6s;bottom:20%;left:15%}.tech-icon-4{animation-delay:9s;top:45%;right:10%}.tech-icon-5{animation-delay:12s;top:25%;left:60%}.tech-icon-6{animation-delay:15s;bottom:40%;right:40%}.ant-carousel .slick-prev,.ant-carousel .slick-next{z-index:2;font-size:20px;transition:all .3s;color:#374151!important}.ant-carousel .slick-prev:hover,.ant-carousel .slick-next:hover{color:#111827!important}.ant-carousel .slick-dots li button{opacity:.3!important;height:4px!important;box-shadow:none!important;background-color:#374151!important;border:none!important}.ant-carousel .slick-dots li.slick-active button{opacity:1!important;background-color:#111827!important}.ant-carousel .slick-dots li button:before{display:none!important}.ant-carousel .slick-dots li{filter:none!important}.dark .ant-carousel .slick-prev,.dark .ant-carousel .slick-next{color:#f3f4f6!important}.dark .ant-carousel .slick-prev:hover,.dark .ant-carousel .slick-next:hover{color:#fff!important}.dark .ant-carousel .slick-dots li button{opacity:.4!important;background-color:#fff!important}.dark .ant-carousel .slick-dots li.slick-active button{opacity:1!important;background-color:#fff!important}@media (max-width:1023px){.mobile-nav-item{opacity:0;animation:.3s forwards slideInLeft;transform:translate(-10px)}.mobile-nav-item:first-child{animation-delay:.1s}.mobile-nav-item:nth-child(2){animation-delay:.15s}.mobile-nav-item:nth-child(3){animation-delay:.2s}.mobile-nav-item:nth-child(4){animation-delay:.25s}.mobile-nav-item:nth-child(5){animation-delay:.3s}.mobile-nav-item:nth-child(6){animation-delay:.35s}}@media (max-width:768px){.skill-tooltip{z-index:1001;max-width:280px;position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.skill-tooltip.tooltip-visible{transform:translate(-50%,-50%)scale(1)!important}.skill-tooltip.tooltip-hidden{transform:translate(-50%,-50%)scale(.95)!important}.tooltip-arrow{display:none}.bubble-particles{opacity:.7}.code-bubbles{opacity:.6}.bubble-particle{transform:scale(.8)}.code-bubble{font-size:12px;transform:scale(.8)}}@media (max-width:480px){.bubble-particles{opacity:.5}.code-bubbles{opacity:.4}.bubble-particle{transform:scale(.6)}.code-bubble{font-size:10px;transform:scale(.6)}.bubble-particle:nth-child(n+36),.code-bubble:nth-child(n+5){display:none}}@media (max-width:320px){.position-period-location{flex-direction:column;justify-content:start;align-items:start;display:flex}}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:1s ease-out slide-up}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-particle{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes tooltip-appear{0%{opacity:0;transform:translate(-50%)translateY(-90%)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(-100%)scale(1)}}@keyframes tooltip-disappear{0%{opacity:1;transform:translate(-50%)translateY(-100%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-90%)scale(.95)}}@keyframes circuit-pulse{0%,to{opacity:.3;stroke-dashoffset:0}50%{opacity:.8;stroke-dashoffset:10px}}@keyframes node-glow{0%,to{opacity:.5;r:4}50%{opacity:1;r:6}}@keyframes tech-float{0%,to{opacity:.1;transform:translateY(0)rotate(0)scale(1)}25%{opacity:.2;transform:translateY(-30px)rotate(90deg)scale(1.1)}50%{opacity:.15;transform:translateY(-15px)rotate(180deg)scale(.9)}75%{opacity:.18;transform:translateY(-45px)rotate(270deg)scale(1.05)}}@keyframes cursor-blink{0%,50%{opacity:.3}51%,to{opacity:0}}@keyframes bubble-float{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)scale(.8)}10%{opacity:.6;transform:translateY(-20px)translate(10px)rotate(36deg)scale(1)}25%{transform:translateY(-60px)translate(-15px)rotate(90deg)scale(1.1)}50%{transform:translateY(-120px)translate(20px)rotate(180deg)scale(.9)}75%{transform:translateY(-180px)translate(-10px)rotate(270deg)scale(1.05)}90%{opacity:.6;transform:translateY(-220px)translate(5px)rotate(324deg)scale(1)}to{opacity:0;transform:translateY(-250px)translate(0)rotate(360deg)scale(.8)}}@keyframes code-rotate{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(90deg)scale(1.1)}50%{transform:rotate(180deg)scale(.9)}75%{transform:rotate(270deg)scale(1.05)}}@keyframes code-bubble-float{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)scale(.7)}15%{opacity:.4;transform:translateY(-40px)translate(20px)rotate(54deg)scale(1)}30%{transform:translateY(-100px)translate(-30px)rotate(108deg)scale(1.1)}45%{transform:translateY(-160px)translate(40px)rotate(162deg)scale(.9)}60%{transform:translateY(-220px)translate(-20px)rotate(216deg)scale(1.05)}75%{transform:translateY(-280px)translate(25px)rotate(270deg)scale(1)}85%{opacity:.4;transform:translateY(-320px)translate(-10px)rotate(324deg)scale(.95)}to{opacity:0;transform:translateY(-360px)translate(0)rotate(360deg)scale(.7)}}