@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.header{display:flex;justify-content:space-between;text-align:center;align-items:center;padding:0 10px;top:0;left:0;right:0;z-index:9000}.body-scroll-lock{overflow:hidden}.dot-name{color:#4ad66d}.open-to-work{display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:500;margin-top:1rem}.open-to-work h2{font-size:1rem;transform:translateY(-10px)}.wave-container{display:flex;justify-content:center;align-items:center;position:relative;width:10px;height:10px;margin-right:5px}.wave{position:absolute;width:8px;height:8px;border-radius:100%;background-color:#52b788;animation:ripple 2s linear infinite}@keyframes ripple{0%{box-shadow:0 0 #52b788b3,0 0 #52b78880,0 0 #52b7884d}25%{box-shadow:0 0 0 10px #52b7884d,0 0 0 20px #52b7881a,0 0 0 30px #52b78800}50%{box-shadow:0 0 0 20px #52b7881a,0 0 0 30px #52b78800,0 0 0 40px #52b78800}75%{box-shadow:0 0 0 30px #52b78800,0 0 0 40px #52b78800,0 0 0 50px #52b78800}to{box-shadow:0 0 0 40px #52b78800,0 0 0 50px #52b78800,0 0 0 60px #52b78800}}.profile-image{width:60px;height:60px;transform:translateY(4px);border-radius:50%;margin-right:10px;border:2px solid #00b4d8;padding:5px;transition:all .4s ease}.profile-image:hover{border:2px solid #ffffff}.logo{font-size:1rem;font-weight:900;color:#fff;display:flex}.logo-text{color:#fff;text-decoration:none;outline:none;display:flex}.hamburger-menu{cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;width:30px;height:30px;z-index:1001;transition:transform .3s ease;margin-left:20px}.menu-item{opacity:0;transform:scale(.9) translateY(20px);transition:opacity .5s ease,transform .5s ease}.menu-item.show{opacity:1;transform:scale(1) translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.hamburger-menu.open .hamburger-icon:nth-child(1){transform:translateY(10px) rotate(45deg)}.hamburger-menu.open .hamburger-icon:nth-child(2){opacity:0}.hamburger-menu.open .hamburger-icon:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.hamburger-icon{width:100%;height:2.5px;background-color:#fff;margin:2px 0;transition:all .3s ease,width .3s ease}.header-controls{display:flex}.language-icon{position:relative;margin-right:0;cursor:pointer;font-size:25px;color:#fff;transition:all .4s ease}.language-icon:hover{color:#00b4d8}.language-menu{position:absolute;top:30px;right:0;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:5px;padding:8px;display:flex;flex-direction:column}.language-menu button{background:none;border:none;padding:5px;cursor:pointer;font-size:14px;text-align:left;border-radius:10px;transition:all .4s ease}.language-menu button:hover{border-radius:10px}.nav-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;transition:background-color .4s ease,clip-path .5s ease-in-out;z-index:1000;display:flex;justify-content:center;align-items:center;flex-direction:column;clip-path:circle(0% at 100% 0%);pointer-events:none}.nav-menu:not(.open){background-color:#000;animation:none}.nav-menu.open{clip-path:circle(150% at 100% 0%);pointer-events:auto}.nav-menu ul{list-style:none;padding:0;margin:0}.nav-menu li{padding:20px 0}.nav-menu li a{color:#fff;text-decoration:none;font-size:6vw;font-weight:900;transition:all .4s ease}.nav-menu li .color-base:hover,.nav-menu li .color-second:hover,.nav-menu li .color-third:hover,.nav-menu li .color-fourty:hover{color:#000}@media(max-width:767px){.header{padding:10px}.logo{font-size:20px;margin-left:0}.hamburger-menu{right:10px}.nav-menu li a{font-size:8vw}}@media(min-width:768px){.nav-menu li a{font-size:3vw}}@media(min-width:1200px){.nav-menu li a{font-size:5vw}}.switch-language{position:relative;display:inline-block;z-index:99999}.language-icon{cursor:pointer}.language-menu{position:absolute;top:30px;right:0;background-color:#121b25;border-radius:10px;padding:8px;display:flex;flex-direction:column;color:#fff;width:115px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.language-menu button{background:none;border:none;padding:5px;cursor:pointer;font-size:14px;color:#fff;text-align:left}.language-menu button:hover{color:#00b4d8;background:none}.language-menu button.active{color:#00b4d8}.language-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(20px);width:auto;padding:14px 16px 16px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;box-shadow:0 12px 30px #0000002e;display:flex;align-items:center;gap:8px;z-index:9999;opacity:0;pointer-events:none;animation:toastSlide 2s forwards}.language-toast h4{margin:0;font-size:1rem;color:#000;line-height:1.2}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.95)}10%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}90%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(20px) scale(.95)}}.language-toast svg{color:#00b4d8;font-size:1.2rem}.footer{background-color:#121b2559;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top-left-radius:40px;border-top-right-radius:40px;padding:50px 30px 30px;margin-top:4rem}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px}.footer-logo p{font-size:2.8rem;font-weight:900;margin:0;transition:opacity .3s ease}.footer-logo p:hover{opacity:.85}.footer-social-links{display:flex;gap:18px;justify-content:center;text-align:center}.footer-social-links a{color:#fff;text-align:center;justify-content:center;opacity:.8;transition:all .3s ease}.footer-social-links a:hover{opacity:1;color:#00b4d8;transform:translateY(-2px)}.footer-nav-links{display:flex;gap:24px;flex-wrap:wrap}.footer-link{font-size:.95rem;color:#eaeaea;text-decoration:none;position:relative;transition:color .3s ease}.footer-link:hover{color:#00b4d8}.footer-copy{font-size:.85rem;color:#cfcfcf;margin:0}.credly-icon{font-size:35px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}@media(max-width:768px){.footer-top,.footer-bottom{flex-direction:column;align-items:center;text-align:center}.footer-nav-links{justify-content:center}}@media(max-width:600px){.footer-social-links{margin-top:10px}}.loading-dots{display:flex;justify-content:center;align-items:center;height:100vh}.dots{width:15px;height:15px;margin-right:10px;border-radius:50%;animation:dot-animation 1s ease-in-out infinite;opacity:0}.dots:nth-child(1){background-color:#00b4d8;animation-name:dot-animation-1;animation-delay:0s}.dots:nth-child(2){background-color:#e94146;animation-name:dot-animation-2;animation-delay:.2s}.dots:nth-child(3){background-color:#7161ef;animation-name:dot-animation-3;animation-delay:.4s}@keyframes dot-animation-1{0%{opacity:0;transform:translateY(0)}30%{opacity:1;transform:translateY(-20px)}70%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(0)}}@keyframes dot-animation-2{0%{opacity:0;transform:translateY(0)}30%{opacity:1;transform:translateY(-20px)}60%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(0)}}@keyframes dot-animation-3{0%{opacity:0;transform:translateY(0)}30%{opacity:1;transform:translateY(-20px)}50%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(0)}}.toast-container{position:fixed;bottom:12px;left:12px;right:12px;width:auto;padding:14px 16px 16px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;box-shadow:0 12px 30px #0000002e;z-index:9999}.toast-badge{display:inline-block;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#00b4d8;margin-bottom:4px}.toast-container h4{margin:0;font-size:1rem;color:#000;line-height:1.2}.toast-container p{font-size:.8rem;color:#333;margin:6px 0 10px;line-height:1.4}.toast-button{display:inline-block;padding:7px 14px;background-color:#00b4d8;color:#fff;border-radius:8px;font-size:.8rem;text-decoration:none;transition:all .3s ease}.toast-button:hover{background-color:#0093b0}.toast-close{position:absolute;top:6px;right:8px;background:transparent;border:none;font-size:20px;cursor:pointer;color:#555}.toast-close:hover{color:#000}@media(min-width:360px){.toast-container{padding:16px 18px 18px}.toast-container h4{font-size:1.05rem}.toast-container p{font-size:.82rem}}@media(min-width:480px){.toast-container{left:auto;right:16px;bottom:16px;width:300px}.toast-container h4{font-size:1.1rem}.toast-container p{font-size:.85rem}}@media(min-width:768px){.toast-container{width:320px;padding:18px 20px 20px;bottom:20px;right:20px}.toast-container h4{font-size:1.15rem}.toast-container p{font-size:.88rem}.toast-button{padding:8px 18px;font-size:.85rem}}@media(min-width:1024px){.toast-container{width:340px;bottom:24px;right:24px}.toast-container h4{font-size:1.2rem}.toast-container p{font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.App{position:relative;overflow:hidden}body{background-color:#000;max-width:1200px;margin:0 auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background-color:#00b4d8;border-radius:5px}h1{font-weight:900}h2{color:#fff;font-weight:900}p{color:#fff}::selection{color:#fff;background-color:#00b4d8}.dot-name{color:#00b4d8}.content{transition:opacity .5s ease-in-out;opacity:1}.content.fade-out{opacity:0}.progress-bar{position:fixed;top:0;left:0;height:6px;background-color:#00b4d8;transform-origin:0%;transform:scaleX(0);transition:transform .4s ease;width:100%;z-index:9999}.scroll-to-top{position:fixed;bottom:20px;right:20px;color:#fff;z-index:1000;transition:all .4s ease;padding:10px;cursor:pointer;border-radius:50px;border:2px solid rgb(255,255,255,.6)}.scroll-to-top:hover{background-color:#fff;color:#00b4d8}.about-me-text h2{font-size:4rem}.title-presentation{display:flex;text-align:center;justify-content:center;display:block}.title-presentation h2{font-size:2rem;text-align:center;margin-top:4rem;display:block}.parallax{overflow:hidden;position:relative}.scroller{display:flex;flex-direction:row;white-space:nowrap;position:relative}.title-presentation span{font-weight:900;background:linear-gradient(86deg,#00b4d8 12%,#0093b1 78%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:4rem}.title-presentation span::selection{color:#fff;background-color:#00b4d8}.aboutme-rols{text-align:center;justify-content:center}.aboutme-rols .basic-title{color:#fff;font-size:2rem}.aboutme-rols h2{justify-content:center;text-align:center;font-size:3.8rem;margin:0;background:linear-gradient(45deg,#7161ef,#6551ff,#00b4d8,#00d5ff);background-size:200% 200%;-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;background-clip:text;color:transparent;animation:animatedInnovation 5s linear infinite}.about-me{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:4rem;padding:0 30px;max-width:1200px;margin-left:auto;margin-right:auto;gap:2rem}.about-me-image{flex:0 0 40%;display:flex;align-items:center;justify-content:center}.about-me-image img{width:100%;max-width:420px;height:100%;max-height:100%;object-fit:cover;border-radius:20px;transition:all .4s ease;outline:2px solid #000000}.about-me-image img:hover{background-color:#fff;outline:2px solid #000000;box-shadow:10px 10px 0 -4px #00b4d8}.about-me-text{width:100%;max-width:720px;padding:28px 30px;border-radius:18px;background:#ffffff08;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);outline:1px solid rgba(255,255,255,.2)}.about-me-text:before{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,#00b4d8,#7161ef);border-radius:4px;margin-bottom:1.2rem}.about-me-text p{font-size:1.1rem;line-height:1.8;color:#dcdcdc}.cv-button{display:inline-block;padding:10px 50px;background-color:#00b4d8;color:#fff;border-radius:10px;margin-top:10px;outline:2px solid transparent;margin-right:20px;transition:all .4s ease;border:none;text-decoration:none}.cv-button:hover{background-color:#fff;color:#000;outline:2px solid #000000;box-shadow:10px 10px 0 -4px #00b4d8}.btn-info{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:15px}.btn-info button,.btn-info .cv-button{padding:12px 20px;font-size:16px;outline:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .4s ease;text-align:center;min-width:180px;text-decoration:none}.btn-info .cv-button{padding:12px 15px;font-size:16px;outline:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .4s ease;text-align:center;min-width:180px;text-decoration:none}.btn-info .cv-button:hover{background-color:#fff;color:#000;outline:2px solid #000000;box-shadow:10px 10px 0 -4px #00b4d8}.dropdown-menu{position:absolute;background-color:#121b25;z-index:1;min-width:160px;border-radius:10px;border:none;text-decoration:none}.dropdown-menu-item{color:#fff;padding:12px 16px;display:block;border:none;text-decoration:none;transition:all .4s ease}.dropdown-menu-item:hover{color:#00b4d8}@media(max-width:1200px){.title-presentation .first-title{font-size:2rem}.about-me-text h2{font-size:3.5rem}.aboutme-rols h2{font-size:2.5rem}.aboutme-rols .basic-title{font-size:1.8rem}}@media(min-width:1024px){.home-container{padding:40px}}@media(max-width:992px){.title-presentation h2{font-size:2rem}.title-presentation span{font-size:4rem}.about-me-text h2{font-size:3rem}.aboutme-rols h2{font-size:2.4rem}.aboutme-rols .basic-title{font-size:1.6rem}}@media(min-width:768px){.about-me{flex-direction:row;align-items:center;gap:3rem}.about-me-image{flex:0 0 40%;display:flex;justify-content:center}.about-me-text{flex:1;max-width:700px}.about-me{align-items:stretch}.aboutme-rols h2{font-size:2rem}.aboutme-rols .basic-title{font-size:1.4rem}.title-presentation .first-title{font-size:1.9rem}.title-presentation span{font-size:3rem}.about-me-text h2{font-size:2.5rem}}@media(max-width:767px){.about-me-text{text-align:center}.about-me-text p{text-align:left}}@media(max-width:576px){.title-presentation .first-title{font-size:1.8rem}.title-presentation span,.about-me-text h2{font-size:2rem}.aboutme-rols h2{font-size:1rem;line-height:1.2}.aboutme-rols .basic-title{font-size:1rem}}@media(max-width:360px){.aboutme-rols h2{font-size:1.2rem}.aboutme-rols .basic-title{font-size:1rem}}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.hero{padding:50px 50px 80px;color:#fff}.hero-content{display:flex;flex-direction:row;gap:40px;max-width:1400px;margin:0 auto;align-items:flex-start;animation:appearWithBlur .8s ease-out forwards}.column{flex:1;display:flex;flex-direction:column;justify-content:center}.hero-left{gap:20px}.hero-text{font-size:clamp(2.5rem,7vw,6rem);font-weight:900;line-height:1.2;text-transform:uppercase}.hero-subtitle{font-size:1.2rem;color:#a0a8b0;margin-top:10px}.social-links{display:flex;gap:1.2rem;margin-top:20px}.social-links a{color:#fff;font-size:1.5rem;transition:all .3s ease}.social-links a:hover{color:#00b4d8;transform:scale(1.2)}.hero-right{width:100%}.hero-code{background:#1e2a38;border-radius:16px;padding:20px;overflow-x:auto;animation:float 4s ease-in-out infinite}.hero-code pre{margin:0;padding:0;background:none;border:none}.hero-code code{font-family:Source Code Pro,monospace;font-size:1rem;line-height:1.5;white-space:pre-wrap;color:#fff}@keyframes appearWithBlur{0%{opacity:0;transform:translateY(20px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:1024px){.hero-content{flex-direction:column;align-items:center;gap:30px}.hero-text{text-align:center}.social-links{justify-content:center}}@media(max-width:600px){.hero-code{font-size:.85rem;padding:15px}.hero-subtitle{font-size:1rem}.social-links a{font-size:1.3rem}}.experienceContainer{max-width:1200px;margin:0 auto;padding:0 32px;margin-bottom:3rem}.experienceCards{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:28px;margin-top:4rem}.card-experience{position:relative;max-width:380px;width:100%;padding:22px 22px 22px 26px;color:#fff;border-radius:14px;display:flex;flex-direction:column;gap:12px;outline:1px solid rgb(255,255,255,.6);transition:all .3s ease-in-out}.card-experience:hover{color:#000;background-color:#fff;outline:1px solid #000000;box-shadow:10px 10px 0 -4px #00b4d8}.cardLink{text-decoration:none;color:inherit;display:block;height:100%}.cardContent{flex:1}.cardIcon{font-size:1.9rem;opacity:.85}.cardContent{display:flex;flex-direction:column;gap:6px}.cardContent h3{font-size:1.45rem;font-weight:900;letter-spacing:-.3px}.cardContent p{font-size:1.05rem;line-height:1.6;opacity:.9;transition:all .3s ease-in-out}.card-experience:hover .cardContent h3,.card-experience:hover .cardContent p{color:#000;transition:all .3s ease-in-out}.card-experience:nth-child(1) .cardIcon{color:#00b4d8}.card-experience:nth-child(2) .cardIcon{color:#00b4d8}.card-experience:nth-child(3) .cardIcon{color:#00b4d8}.card-experience:nth-child(4) .cardIcon{color:#00b4d8}.card-experience:nth-child(5) .cardIcon{color:#00b4d8}.card-experience:nth-child(6) .cardIcon{color:#00b4d8}.card-experience:hover .cardIcon{color:#000;transition:color .3s ease-in-out}@media(min-width:1024px){.card-experience{width:calc(33.33% - 20px)}}@media(max-width:1023px){.experienceCards{justify-content:center}}.skills{max-width:1200px;margin:0 auto;margin-top:4rem;padding:0 32px}.popper{z-index:100}.skills h2{font-size:4rem}.skills-subtitle{position:relative;font-size:1.2rem;font-weight:900;color:#fff;margin-bottom:22px}.skills-subtitle:after{content:"";position:absolute;bottom:-6px;left:0;width:50px;height:3px;background:#00b4d8;border-radius:2px}.skillsSection{display:grid;grid-template-columns:1fr 1fr;gap:48px}.skillTooltip{background:#fff;color:#000;padding:8px 12px;border-radius:10px;font-size:.75rem;font-weight:700;letter-spacing:.2px;white-space:nowrap;box-shadow:0 8px 24px #00000059}.skillTooltip.show{opacity:1;transform:translateY(0)}@keyframes floatOscillate{0%{transform:translate(-2px) rotate(-.8deg)}50%{transform:translate(2px) rotate(.8deg)}to{transform:translate(-2px) rotate(-.8deg)}}.popper .skillTooltip{animation:floatOscillate 1s linear infinite;transform-origin:center center}.skillTooltip span{display:block;text-align:center}.skillTooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-style:solid;border-color:#ffffff transparent transparent transparent}.skillsCategory{padding:24px 0;border-radius:16px}.skillsCategory h3{color:#fff;margin-bottom:22px;font-size:1.2rem;font-weight:900;letter-spacing:-.3px}.skillsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px}.skillItem{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:110px;padding:14px;color:#fff;border-radius:14px;outline:1px solid rgb(255,255,255,.6);font-size:.9rem;font-weight:600;transition:all .3s ease-in-out}.skillItem img{width:38px;height:38px;transition:transform .3s ease}.skillItem:hover{color:#000;background-color:#fff;outline:1px solid #000000;box-shadow:10px 10px 0 -4px #00b4d8}.skillItem:hover img{transform:scale(1.1)}@media(max-width:1200px){.skills h2{font-size:3.5rem}}@media(max-width:992px){.skills h2{font-size:3rem}}@media(max-width:768px){.skills h2{font-size:2.5rem}}@media(max-width:576px){.skills h2{font-size:2rem}}@media(max-width:768px){.skillsSection{grid-template-columns:1fr}}@media(max-width:600px){.skillsGrid{grid-template-columns:1fr}.skillItem{flex-direction:row;justify-content:flex-start;height:auto;gap:12px}.skillItem img{width:34px;height:34px}}.aboutme-container{max-width:1200px;margin:0 auto;padding:0 32px;margin-top:4rem}.aboutme-hero{text-align:center;margin-bottom:48px;border-radius:16px;background-color:#00b4d8}.aboutme-hero h1{font-size:8vw;color:#fff}.aboutme-section{width:100%;column-count:2;column-gap:48px}.aboutme-text{margin:0}.aboutme-column{max-width:65ch}.aboutme-column p{font-size:1.1rem;line-height:1.6;color:#fff;text-align:left;margin-bottom:1.4rem}.aboutme-image{text-align:center;margin-top:40px}.aboutme-image img{max-width:100%;height:auto;border-radius:10px}@media(max-width:768px){.aboutme-section{column-count:1;max-width:100%}.aboutme-column{max-width:100%}.aboutme-column p{font-size:1.1rem;line-height:1.55}}@media(max-width:480px){.aboutme-column p{font-size:1.1rem;line-height:1.45}}.progress-title{margin-top:4rem}.progress-title h2{text-align:center;margin:0;color:#fff;font-size:4rem}.quote{font-style:italic;color:#fff9;padding-left:20px;font-size:18px;text-align:center;line-height:1.5}.quote footer{text-align:right;font-style:normal;color:#fff9}.qualifications__toggles{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:20px;margin-top:4rem}.title-toggle{position:relative;text-align:start;margin:20px 0;color:#fff}.title-toggle:after{content:"";position:absolute;bottom:-6px;left:0;width:50px;height:3px;background:#00b4d8;border-radius:2px}.qualifications__toggles button{margin:10px;padding:10px 20px;cursor:pointer;border:none;border-radius:10px;color:#fff;background:none;transition:all .4s ease;background-color:#121b25}.qualifications__toggles button:hover{color:#fff}.qualifications__toggles .active{color:#fff;background-color:#00b4d8}.qualifications__dual-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:3rem}.dual-section{display:flex;flex-direction:column;gap:24px}.dual-section__title{font-size:1.6rem;font-weight:800;color:#fff;position:relative}.dual-section__title:after{content:"";position:absolute;bottom:-6px;left:0;width:40px;height:3px;background:#00b4d8;border-radius:2px}.dual-cards{display:flex;flex-direction:column;gap:18px}.dual-card{background-color:#0f1720;border-radius:12px;padding:18px 20px;outline:2px solid rgba(255,255,255,.08);transition:all .35s ease}.dual-card:hover{background-color:#fff;outline:2px solid #000000;box-shadow:8px 8px 0 -4px #00b4d8}.dual-card:hover h4,.dual-card:hover p,.dual-card:hover span{color:#000}.dual-card__year{font-size:.85rem;font-weight:600;color:#00b4d8;display:block;margin-bottom:6px}.dual-card__title{font-size:1.1rem;font-weight:800;margin-bottom:6px;color:#fff}.dual-card__description{font-size:.95rem;line-height:1.5;color:#fffc}.courses-layout{display:grid;grid-template-columns:220px 1fr;gap:32px;margin-top:3rem}.courses-sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:120px;height:fit-content}.sidebar-title{font-size:1.1rem;font-weight:800;color:#fff}.year-pill{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:12px;background-color:#121b25;border:none;color:#fff;cursor:pointer;transition:all .3s ease}.year-pill small{opacity:.6;font-size:.8rem}.year-pill:hover{background-color:#1a2634}.year-pill.active{background-color:#00b4d8;color:#000}.courses-panel{background-color:#0f1720;border-radius:16px;padding:24px;outline:2px solid rgba(255,255,255,.08);height:420px;display:flex;flex-direction:column}.course-item{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.course-item:last-child{border-bottom:none}.course-year{font-size:.8rem;font-weight:700;color:#00b4d8;margin-bottom:2px}.course-item__title{font-size:1.05rem;font-weight:800;color:#fff}.course-item__description{font-size:.95rem;color:#fffc}.courses-list{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding-right:6px;flex:1}.courses-list::-webkit-scrollbar{width:4px}.courses-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.courses-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:16px}.courses-pagination button{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.courses-pagination button:hover:not(:disabled){background:#fff3}.courses-pagination button:disabled{opacity:.4;cursor:not-allowed}.courses-pagination span{color:#fff;font-weight:600}.courses-mobile-filter{display:none;position:relative;margin-bottom:12px}.filter-toggle-button{width:100%;background-color:#121b25;color:#fff;border:none;border-radius:12px;padding:10px;cursor:pointer;font-weight:600;position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:space-between;transition:color .3s,background-color .3s}.filter-toggle-button:hover{color:#000;background-color:#f0f0f0}.filter-toggle-button svg{margin-left:8px;transition:color .3s}.mobile-year-dropdown{position:absolute;top:100%;left:0;width:100%;background-color:#121b25;border-radius:12px;box-shadow:0 8px 20px #0000004d;display:flex;flex-direction:column;gap:8px;padding:8px 0;z-index:10}.mobile-year-dropdown .year-pill{justify-content:space-between;padding:8px 14px;margin:0 8px}.dual-card{position:relative;overflow:hidden}.dual-card *{position:relative;z-index:1}.dual-card:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-20deg);z-index:2;pointer-events:none;opacity:0;transition:opacity .4s ease;font-weight:900;font-size:3rem;color:#a1a1a126;text-align:center;white-space:pre-wrap;width:200%}.dual-card.graduado:hover:after{content:"Graduado Graduado Graduado Graduado Graduado Graduado Graduado Graduado Graduado GraduadonGraduado Graduado Graduado Graduado Graduado Graduado Graduado Graduado Graduado GraduadonGraduado Graduado Graduado Graduado Graduado Graduado Graduado Graduado Graduado Graduado";color:#00b4d81a;opacity:1}.dual-card.en-progreso:hover:after{content:"En Progreso En Progreso En Progreso En Progreso En Progreso En Progreso En Progreso En Progreso En Progreso En ProgresonEn Progreso En Progreso En Progreso En Progreso En Progreso En Progreso En Progreso En Progreso En Progreso En ProgresonEn Progreso En Progreso En Progreso En Progreso En Progreso En Progreso En Progreso En Progreso En Progreso En Progreso";opacity:1}h2{position:relative;text-align:start;margin:20px 0;color:#fff}.qualifications__timeline{position:relative;margin:0 auto;padding:20px;width:80%;max-width:800px;color:#00b4d8}.timeline__item{display:flex;align-items:flex-start;position:relative;padding:10px 0;width:100%}.timeline__item.left{justify-content:flex-end}.timeline__item.right{justify-content:flex-start}.timeline__item .timeline__content{color:#fff;padding:20px;border-radius:5px;width:45%;min-width:200px}.timeline__item.left .timeline__content{margin-right:20px;text-align:left}.timeline__item.right .timeline__content{margin-left:20px;text-align:right}.timeline__item .timeline__year{font-size:14px;margin-bottom:5px;color:#00b4d8}.timeline__indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:#00b4d8;border-radius:50%;z-index:1}.certifications__cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.certification__card{outline:2px solid rgb(255,255,255,.6);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding-bottom:10px;width:100%;max-width:300px;text-align:center;color:#fff;transition:all .4s ease}.certification__card:hover{transform:translateY(-5px);background-color:#fff;outline:2px solid #000000;box-shadow:10px 10px 0 -4px #00b4d8}.certification__card:hover h3,.certification__card:hover p{color:#000}.certification__card h3{margin-bottom:8px;transition:color .2s;font-weight:900}.certification__card p{margin-bottom:4px;transition:color .2s}.certification__card a{color:#00b4d8;text-decoration:none}.card-image{width:100%;height:auto;margin-bottom:8px;border-top-left-radius:10px;border-top-right-radius:10px}.external-link{display:inline-flex;align-items:center;text-decoration:none;color:#00b4d8}.external-link .icon{margin-right:8px;font-size:1em;color:#00b4d8}@keyframes ripple{0%{box-shadow:0 0 #00b4d8b3,0 0 #00b4d880,0 0 #00b4d84d}25%{box-shadow:0 0 0 10px #00b4d84d,0 0 0 20px #00b4d81a,0 0 0 30px #00b4d800}50%{box-shadow:0 0 0 20px #00b4d81a,0 0 0 30px #00b4d800,0 0 0 40px #00b4d800}75%{box-shadow:0 0 0 30px #00b4d800,0 0 0 40px #00b4d800,0 0 0 50px #00b4d800}to{box-shadow:0 0 0 40px #00b4d800,0 0 0 50px #00b4d800,0 0 0 60px #00b4d800}}.timeline__indicator.ripple-animation{animation:ripple 2s linear infinite}.qualifications__timeline:after{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:4px;height:calc(100% - 40px);background-color:#00b4d8;z-index:0}.qualification-information{padding:20px;outline:2px transparent;border-radius:10px;transition:all .4s ease;margin:auto 0;text-align:center;justify-content:center;margin-top:4rem}.qualification-information h2{font-size:2rem;margin:0;padding:0}.qualification-title{font-size:50px;margin:0;color:#fff}.qualification-description{font-size:18px;color:#fff;margin:0;text-align:justify;line-height:1.5}.qualification-link{text-decoration:none;transition:color .4s ease}.qualification-button{background-color:#00b4d8;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:16px;cursor:pointer;margin-top:15px;transition:all .4s ease}.qualification-button:hover{color:#000;background-color:#fff;outline:2px solid #000000;box-shadow:10px 10px 0 -4px #00b4d8}.load-more-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;border-radius:10px;padding:10px 20px;font-size:16px;cursor:pointer;margin-top:15px;background:none;border:2px solid #00b4d8;transition:all .4s ease;outline:2px solid transparent}.load-more-button:hover{color:#000;background-color:#fff;outline:2px solid #000000;box-shadow:10px 10px 0 -4px #00b4d8}.center-button-container{display:flex;justify-content:center;align-items:center;margin-top:20px}@media(max-width:1200px){.progress-title h2{font-size:3.5rem}}@media(max-width:992px){.progress-title h2{font-size:3rem}}@media(max-width:900px){.qualifications__dual-layout{grid-template-columns:1fr;gap:40px}.courses-layout{grid-template-columns:1fr}.courses-sidebar{flex-direction:row;overflow-x:auto;position:static;padding-bottom:8px}.year-pill{min-width:120px;justify-content:center;gap:8px}.courses-sidebar{display:none}.courses-mobile-filter{display:block}}@media(max-width:768px){.timeline__item{flex-direction:column;align-items:flex-start}.timeline__item.left,.timeline__item.right{justify-content:flex-start}.timeline__item .timeline__content{width:100%;text-align:left;margin:0}.timeline__item .timeline__indicator{top:0;left:-8px;transform:none}.qualifications__timeline:after{left:20px;transform:translate(0)}.aboutme-rols h2{font-size:3rem}.qualifications__toggles{flex-direction:column;align-items:center}.qualifications__toggles button{width:100%;max-width:300px}.progress-title h2{font-size:2.5rem}}@media(max-width:568px){.aboutme-rols h2{font-size:2.5rem}}@media(max-width:576px){.progress-title h2{font-size:2rem}}@media(max-width:468px){.aboutme-rols h2{font-size:2rem}}.competencies{max-width:1200px;margin:0 auto;margin-top:6rem;padding:0 32px}.competencies__title{text-align:center;margin-bottom:32px;font-size:4rem;font-weight:900}.competencies__section{display:flex;flex-direction:column;gap:32px;color:#fff;text-align:center}.competencies__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px}.competency{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:110px;padding:14px;color:#fff;border-radius:14px;outline:1px solid rgb(255,255,255,.6);font-size:.9rem;font-weight:600;transition:all .3s ease-in-out}.competency__image{width:38px;height:38px;transition:transform .3s ease}.competency:hover{color:#000;background-color:#fff;outline:1px solid #000000;box-shadow:10px 10px 0 -4px #00b4d8}.competency:hover .competency__image{transform:scale(1.1)}.competency__title{font-size:.9rem;font-weight:600;text-align:center}@media(max-width:1200px){.competencies__title{font-size:3.5rem}}@media(max-width:992px){.competencies__title{font-size:3rem}}@media(min-width:769px){.competencies__grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media(max-width:768px){.competencies__title{font-size:2.5rem}.competencies__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px){.competencies__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:600px){.competencies__grid{grid-template-columns:1fr}.competency{flex-direction:row;justify-content:flex-start;height:auto;gap:12px;text-align:left}.competency__image{width:34px;height:34px}}@media(max-width:576px){.competencies__title{font-size:2rem}}@media(max-width:480px){.competencies__grid{grid-template-columns:1fr;justify-items:center}.competency{width:100%;max-width:200px}}@media(max-width:420px){.competencies__grid{grid-template-columns:1fr}.competency{justify-content:center;text-align:center}}.creations{margin-top:4rem;text-align:center;padding:0 1rem}.creations-title{font-size:4rem;margin-bottom:2rem}.creations-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.creation-card{background-color:#fff;border-radius:8px;padding:1.5rem;width:calc(33.33% - 1rem);max-width:350px;text-decoration:none;color:#000;transition:all .4s ease}.creation-card:hover{transform:translateY(-5px)}.card-icon{margin-bottom:1rem}.card-title{font-size:1.5rem;margin-bottom:.1rem;font-weight:900}.card-username{color:#000}.card-date{font-size:1rem;color:#000;margin-bottom:.5rem}.card-description{font-size:1rem;color:#000}@media(max-width:1200px){.creations-title{font-size:3.5rem}}@media(max-width:992px){.creations-title{font-size:3rem}}@media(max-width:768px){.creations-title{font-size:2.5rem}.creations-cards{flex-direction:column;align-items:center}.creation-card{width:100%;margin:1rem 0}}@media(max-width:576px){.creations-title{font-size:2rem}}.projects-container{max-width:1100px;margin:0 auto;padding:20px;margin-top:4rem}.projects-hero{text-align:center;margin-bottom:40px;border-radius:10px;background-color:#e94146}.projects-hero h1{font-size:8vw;color:#fff}.filter-options{display:flex;justify-content:center;margin-bottom:50px}.filter-options button{margin:10px;padding:10px 20px;cursor:pointer;border:none;border-radius:10px;color:#fff;background:none;transition:all .4s ease;background-color:#121b25}.filter-options button:hover{background-color:#e94146}.filter-options button.active{background-color:#e94146;color:#fff}.projects-list--editorial{display:flex;flex-direction:column;gap:104px}.project-item{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}.project-item--reverse{direction:rtl}.project-item--reverse>*{direction:ltr}.project-media{display:flex;justify-content:center;align-items:center}.project-media img{max-width:100%;max-height:360px;object-fit:contain}.project-info{display:flex;flex-direction:column}.project-info h3{font-size:2.1rem;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.02em}.project-info p{font-size:1rem;line-height:1.7;color:#ffffffa6;margin-bottom:18px;max-width:520px}.project-meta{display:block;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:#fff6;margin-bottom:32px}.project-description{font-size:1rem;line-height:1.75;color:#ffffffb3;margin-bottom:28px;max-width:540px}.project-actions{display:flex;gap:20px}.project-actions a{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s ease}.project-actions a:first-child{color:#fff;border:1px solid rgba(255,255,255,.25)}.project-actions a:first-child:hover{background-color:#ffffff14}.project-actions a:last-child{background-color:#e94146;color:#fff}.project-actions a:last-child:hover{background-color:#cf3539}.project-date{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;margin-bottom:8px}.project-tech{display:flex;flex-direction:column;gap:14px;margin-bottom:36px}.tech-block{display:flex;flex-direction:column;gap:4px}.tech-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#fff6}.tech-stack{font-size:.9rem;color:#ffffffb3}@media(max-width:1024px){.project-item{gap:56px}.project-media img{max-height:300px}}@media(max-width:900px){.projects-list--editorial{gap:80px}.project-item,.project-item--reverse{grid-template-columns:1fr;gap:36px;text-align:center;direction:ltr}.project-info p{margin-left:auto;margin-right:auto}.project-actions{justify-content:center}}@media(max-width:768px){.filter-options{flex-direction:column;align-items:center}.filter-options button{width:100%;max-width:300px;margin:5px 0;text-align:center}}@media(max-width:480px){.projects-container{padding:0 16px}.project-info h3{font-size:1.7rem}.project-media img{max-height:220px}}.contact-page{max-width:1200px;margin:0 auto;padding:0 32px;margin-top:4rem}.contact-hero{text-align:center;margin-bottom:40px;border-radius:10px;background-color:#7161ef}.contact-hero h1{color:#fff;font-size:8vw}.contact-container{display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;max-width:1200px;width:100%}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;width:100%;text-align:center}.cards-title{color:#fff;font-weight:900;font-size:4rem;margin-bottom:20px;text-align:center}.card{background:none;border:2px solid #7161ef;border-radius:10px;padding:24px 20px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:220px;transition:all .35s ease}.card:hover{color:#000;background-color:#fff;border:2px solid #000000;box-shadow:10px 10px 0 -4px #7161ef}.icon{color:#fff}.card:hover .icon,.card:hover a{color:#000}.card a{color:#fff;text-decoration:none;transition:color .3s ease;text-align:center}.contact-form{flex:1 1 200px;max-width:600px;padding:20px;background:none;border-radius:8px}.contact-form h2{color:#fff;font-weight:900;font-size:3.5rem;text-align:center}.contact-description{text-align:justify;margin-bottom:20px}.contact-form .MuiTextField-root{margin-bottom:15px;border-bottom:4px solid #7161ef}.custom-outline,.contact-form .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border:none!important}.contact-form .MuiOutlinedInput-input{color:#fff}.contact-form .MuiInputLabel-root{color:#ccc}.contact-form .MuiInputLabel-root.Mui-focused{color:#fff}.contact-form .MuiInputBase-input::placeholder{color:#ccc}.btn-tohiremore{background:none;color:#fff;border-width:2px;border-style:solid;border-image:linear-gradient(90deg,#5e50cd,#423890 35%,#231e73) 1;border-image-slice:.5;padding:20px 30px;width:100%;margin:20px 6px 6px;transition:.4s color linear;position:relative;cursor:pointer}.btn-tohiremore:hover{color:#fff;background:none}.btn-tohiremore:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background:#5e50cd;background:linear-gradient(90deg,#5e50cd,#423890 35%,#231e73);z-index:-1;transform:scaleY(0);transform-origin:0 100%;transition:transform .5s;transition-timing-function:cubic-bezier(.5,1.6,.4,.7)}.btn-tohiremore:hover:before{transform:scaleY(1)}.MuiStepLabel-label{color:#d6d6d6!important}.custom-alert{color:#fff;padding:10px 20px;border:none;border-radius:5px;margin-top:20px;font-size:1rem;text-align:center;width:100%}.custom-alert.success{border:none;color:#52b788}@media screen and (max-width:1200px){.contact-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media screen and (max-width:768px){.contact-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media screen and (max-width:480px){.contact-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media screen and (max-width:768px){.cards-container{flex-direction:column;align-items:center}.card{width:100%;margin-bottom:20px}}.badges-container{padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:4rem}.badges-title{font-size:4rem;color:#fff}.badges-subtitle{font-size:2rem;font-weight:900;background:linear-gradient(45deg,#7161ef,#6551ff,#00b4d8,#00d5ff);background-size:200% 200%;-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;background-clip:text;color:transparent;animation:animatedInnovation 5s linear infinite;margin-bottom:30px}@keyframes animatedInnovation{0%{background-position:0% 50%}25%{background-position:50% 50%}50%{background-position:100% 50%}75%{background-position:50% 50%}to{background-position:0% 50%}}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.badge{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;border-radius:10px;overflow:hidden;transition:all .4s ease;outline:2px transparent}.badge:hover{background-color:#fff;outline:2px solid #000000;box-shadow:10px 10px 0 -4px #00b4d8}.badge:hover h3{color:#000}.badge-image{width:100px;height:100px;object-fit:cover;margin-top:20px}.badge-details{padding:10px;text-align:center}.badge:hover p{color:#000}.badge-name{font-size:1.2rem;margin:10px 0;color:#fff}.badge-date,.badge-company{font-size:1rem;color:#b2b2b2}.badges-footer{display:flexbox;align-items:center;text-align:center;justify-content:center;gap:10px;margin-top:2rem;font-size:1rem;background:none;padding:10px;border-radius:10px;border:2px solid rgba(255,255,255,.6)}.badges-footer p{color:#fff;font-weight:600}.badges-footer .year-activity{font-weight:400}.badges-footer img{width:50px;height:auto}.present{font-size:15px;color:#00b4d8}.filter-menu{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-button{color:#fff;background-color:#121b25;border:none;border-radius:10px;padding:10px 15px;cursor:pointer;transition:all .4s ease}.filter-button.active{background-color:#00b4d8;color:#fff;border-color:#00b4d8}.filter-button:hover{background-color:#00b4d8}.title-certifications-obtained{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.title-certifications-obtained .btn-return-certifications{display:inline-block;padding:10px 50px;background-color:#00b4d8;color:#fff;text-decoration:none;border-radius:10px;outline:2px transparent;border:none;transition:all .4s ease}.title-certifications-obtained .btn-return-certifications:hover{background-color:#fff;color:#000;outline:2px solid #000000;box-shadow:10px 10px 0 -4px #00b4d8}.badge{position:relative}.badge-new{position:absolute;top:5px;right:5px;background-color:#00b4d8;color:#fff;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:700}@media(max-width:1200px){.badges-title{font-size:3.5rem}.badges-subtitle{font-size:1.8rem}}@media(max-width:992px){.badges-title{font-size:3rem}.badges-subtitle{font-size:1.6rem}}@media(max-width:768px){.badges-title{font-size:2.5rem}.badges-subtitle{font-size:1.4rem}.badge-name{font-size:1rem}.badge-date,.badge-company{font-size:.9rem}.badge-image{width:80px;height:80px}.filter-button{padding:8px 12px;font-size:.9rem}}@media(max-width:576px){.badges-title{font-size:2rem}.badges-subtitle{font-size:1.2rem}.filter-menu{flex-direction:column;align-items:center}.filter-button{width:100%;margin-bottom:5px}.badges-grid{grid-template-columns:1fr}.badge{padding:10px}.badge-image{width:60px;height:60px}.flame{width:30px}}.blog-container{max-width:100%;margin:0 auto;padding:20px;margin-top:4rem}.blog-hero{text-align:center;margin-bottom:30px;border-radius:10px;background-color:#00b4d8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.blog-hero h1{font-size:8vw;color:#fff}.blog{max-width:1200px}.blog-filter-menu{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.blog-filter-button{color:#fff;background-color:#121b25;border:none;border-radius:10px;padding:10px 15px;cursor:pointer;transition:all .4s ease}.blog-filter-button.active{background-color:#00b4d8;color:#fff;border-color:#00b4d8}.blog-filter-button:hover{background-color:#00b4d8}.featured-post{display:flex;align-items:center;justify-content:space-between;background-color:#fff;color:#000;outline:2px solid #000000;box-shadow:10px 10px 0 -4px #00b4d8;border-radius:10px;overflow:hidden;padding:20px;margin:0 auto}.featured-post img{width:40%;height:auto;object-fit:cover;border-radius:10px;margin-right:20px}.post-info{flex:1}.post-info h1{font-size:2rem;margin:0 0 10px;color:#333}.post-info p{font-size:1.1rem;color:#555;margin-bottom:10px}.post-info span{display:block;font-size:.9rem;color:#777}.featured-post a{display:inline-block;margin-top:10px;color:#007bff;font-weight:700;text-decoration:none}.featured-post a:hover{text-decoration:underline}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:40px}@media(max-width:768px){.featured-post{flex-direction:column;text-align:center;margin:0 15px}.featured-post img{width:80%;margin:0 auto 20px}.post-info h1{font-size:1.8rem}.post-info p{font-size:1rem}.blog-list{grid-template-columns:1fr}.card img{height:150px}.blog-filter-button{padding:8px 12px;font-size:.9rem}}@media(max-width:600px){.blog-filter-menu{flex-direction:column;align-items:center}.blog-filter-button{width:100%;max-width:300px;text-align:center}}@media(max-width:576px){.blog-filter-menu{flex-direction:column;align-items:center}.blog-filter-button{width:100%;max-width:300px;margin-bottom:5px;text-align:center}}@media(max-width:480px){.featured-post img{width:90%}.post-info h1{font-size:1.6rem}.post-info p{font-size:.9rem}.card .card-info h3{font-size:1.3rem}}.blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:10px;justify-items:center;max-width:100%}.blog-list .blog-card{width:100%;max-width:400px;transition:transform .3s ease,box-shadow .3s ease;background-color:#fff}.blog-list .blog-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #0000001a}@media(max-width:1024px){.blog-list{grid-template-columns:repeat(2,1fr);padding:15px}}@media(max-width:768px){.blog-list{grid-template-columns:1fr;padding:15px}}.blog-card{display:flex;flex-direction:column;background-color:#fff;box-shadow:0 2px 10px #0000001a;border-radius:10px;overflow:hidden;max-width:100%;transition:all .4s ease;outline:2px solid transparent;border:none;margin:0 auto;text-decoration:none;grid-template-columns:repeat(3,1fr)}.blog-card:hover{background-color:#fff;color:#000;outline:2px solid #000000;box-shadow:10px 10px 0 -4px #00b4d8}.blog-card-content-image{width:100%;height:200px;object-fit:cover;border-bottom:2px solid #f0f0f0}.blog-card-content{padding:20px;display:flex;flex-direction:column;gap:15px;height:100%}.blog-card-content h2{font-size:1.5rem;color:#333;font-weight:700;margin:0}.blog-card-content p{font-size:1rem;color:#555;line-height:1.5;text-align:justify}.blog-card-content-footer{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#888;padding-top:10px;margin-top:auto}.read-more{font-size:1rem;color:#00b4d8;display:flex;align-items:center;text-decoration:none;gap:5px;transition:color .3s ease}.read-more i{font-size:1.2rem;transition:transform .3s ease}.read-more:hover i{transform:translate(5px)}.post-content{line-height:1.7;color:#555}.section-title{font-size:1.8em;font-weight:700;color:#333;margin:20px 0 10px;padding-bottom:5px;border-bottom:2px solid #ddd}.section-subtitle{font-size:1.4em;font-weight:600;color:#444;margin-top:20px;margin-bottom:10px}.paragraph{font-size:1.1em;margin-bottom:20px;text-align:justify}.intro{font-style:italic;color:#666;margin-bottom:25px}.closing{font-weight:700;font-size:1.2em;margin-top:20px;color:#333;text-align:center}.blog-card-content-footer .post-meta{display:flex;justify-content:space-between;width:100%;align-items:center}.post-content-image{max-width:80%;height:auto;display:block;margin:20px auto}.post-card-image{width:100%;height:auto;object-fit:cover;margin-bottom:20px}.blog-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.category-badge.artificial-intelligence-ai{background-color:#469cff;color:#fff}.category-badge.cybersecurity{background-color:#ff5a5f;color:#fff}.category-badge.cloud{background-color:#7161ef;color:#fff}.category-badge.innovation-and-learning{background-color:#ffd60a;color:#000}.subtopic-badge{background-color:#023e8a;color:#fff}.blog-badge{padding:4px 8px;border-radius:9999px;font-size:.75rem;font-weight:600;margin-right:6px;display:inline-block;text-transform:capitalize}@media(max-width:768px){.blog-card{max-width:80%}.blog-card-content{padding:15px}.blog-card-content h2{font-size:1.3rem}.blog-card-content p{font-size:.95rem}.blog-card-content-footer{font-size:.8rem}.section-title{font-size:1.6em}.section-subtitle{font-size:1.2em}.paragraph,.intro{font-size:1em}.closing{font-size:1.1em}.post-content-image{max-width:90%}}@media(max-width:480px){.blog-card{max-width:100%;padding:5px;margin:0 10px}.blog-card-content h2{font-size:1.2rem}.blog-card-content p{font-size:.9rem}.blog-card-content-footer{font-size:.7rem}.section-title{font-size:1.4em}.section-subtitle{font-size:1.1em}.paragraph{font-size:.95em}.intro{font-size:.9em}.closing{font-size:1em}.post-content-image{max-width:95%}}.search-bar-container{position:relative;width:100%;max-width:400px;margin:0 auto 30px}.search-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:18px;color:#999;pointer-events:none}.search-input{width:100%;padding:10px 12px 10px 36px;border:none;border-radius:50px;font-size:16px;outline:none;transition:border-color .2s ease-in-out}@media(max-width:480px){.search-input{font-size:14px;padding:8px 12px 8px 34px}.search-icon{font-size:16px;left:10px}}.cv-wrapper{max-width:1200px;margin:0 auto;padding:20px;margin-top:4rem;border-radius:10px;color:#fff;text-align:center;overflow:hidden}.cv-header .job-content{display:flex;text-align:center;align-items:center;justify-content:center;flex-wrap:wrap;width:100%}.cv-header .job-content p{text-align:center;background-color:#52b788;color:#fff;font-weight:700;padding:6px;border-radius:15px}.cv-header h1{font-size:30px;font-weight:700;color:#fff;margin-bottom:10px}.cv-header h2{font-size:20px;color:#fff;text-align:center;margin-top:10px;margin-bottom:10px}.cv-header p{font-size:16px;color:#fff;margin-bottom:15px}.cv-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;padding:10px 0}.cv-links a{text-decoration:none;color:#fff;font-weight:700;transition:all .4s ease}.cv-links a:hover{color:#00b4d8;transform:scale(1.1)}.cv-section{margin-top:20px;padding:20px;text-align:left;max-width:100%;overflow-wrap:break-word;text-align:justify}.cv-section h3{font-size:22px;color:#f1f1f1;border-bottom:2px solid #00b4d8;padding-bottom:5px;margin-bottom:10px}.cv-section ul{list-style-type:none;padding:0}.cv-section ul li{padding:10px;margin-top:5px;border-radius:5px}.edu{color:#00b4d8}.cv-experience{padding:15px;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.cv-experience .cv-experience-header strong{color:#fff}.cv-experience:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.cv-experience-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}.cv-experience-logo{width:50px;height:50px;object-fit:cover;border-radius:50%}.cv-experience-description{font-size:16px;line-height:1.5;color:#ddd}.cv-skills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.cv-skills li{color:#fff;padding:8px 14px;font-size:16px;text-align:center}.cv-skills li:hover{color:#00b4d8}.cv-certifications{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:15px}.cv-certifications li{color:#fff;padding:10px 15px;border-radius:6px;font-size:14px;text-align:center;flex:1 1 calc(50% - 20px);max-width:400px;transition:transform .3s ease,box-shadow .3s ease}.cv-buttons a{padding:12px 15px;font-size:16px;outline:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .4s ease;text-align:center;min-width:180px;text-decoration:none}@media(max-width:768px){.cv-certifications li{flex:1 1 100%}.cv-experience-title{gap:6px;font-size:14px}.cv-experience-logo{width:20px;height:20px}}@media(max-width:1400px){.cv-wrapper{width:95%;padding:20px}.cv-header h1{font-size:26px}.cv-header h2{font-size:18px}.cv-section{padding:15px}.cv-skills{flex-wrap:wrap;justify-content:center}}@media(max-width:1024px){.cv-wrapper{width:90%;padding:15px}.cv-header h1{font-size:24px}.cv-header h2{font-size:16px}.cv-section h3{font-size:20px}.cv-skills{flex-wrap:wrap}}@media(max-width:768px){.cv-wrapper{width:95%;padding:15px}.cv-header h1{font-size:22px}.cv-header h2{font-size:16px}.cv-section{padding:10px}.cv-skills{flex-wrap:wrap}}@media(max-width:480px){.cv-wrapper{width:100%;margin:20px auto;padding:10px}.cv-header h1{font-size:20px}.cv-header h2{font-size:14px}.cv-section h3{font-size:18px}.cv-links,.cv-skills{flex-direction:column;align-items:center}.cv-experience-title{gap:6px;font-size:13px}.cv-experience-title{gap:5px;font-size:13px}.cv-experience-logo{width:18px;height:18px}}.error404-container{padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:4rem;justify-content:center;text-align:center}.error404-container h2{color:#fff;font-size:6rem;text-align:center;margin:0}.error404-container .error{color:#d90429}.error404-container p{margin-bottom:4rem}.btn-error{padding:20px;border-radius:10px;text-decoration:none;color:#fff;outline:2px solid transparent;background-color:#d90429;transition:all .4s ease}.btn-error:hover{transform:translateY(-5px);outline:2px solid #000000;color:#000;background-color:#fff;box-shadow:10px 10px 0 -4px #d90429}@media(max-width:1200px){.error404-container h2{font-size:5rem}}@media(max-width:992px){.error404-container h2{font-size:4rem}}@media(max-width:768px){.error404-container h2{font-size:3rem}}@media(max-width:576px){.error404-container h2{font-size:2rem}}.particles-background{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:transparent;z-index:-9;pointer-events:none}.stars-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.star{position:absolute;background:#fff;border-radius:50%;will-change:transform,opacity}@keyframes twinkle{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.job-modal{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2px 30px;border-radius:30px;display:flex;align-items:center;justify-content:space-between;z-index:3000;box-shadow:0 4px 15px #0000004d;max-width:95%;width:auto;transition:transform .3s ease-in-out;overflow:hidden}.job-modal-content{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%}.job-modal-img{width:60px;height:60px;transform:translateY(4px);border-radius:50%;margin-right:10px;border:2px solid #52b788;padding:2px;transition:all .4s ease}.job-modal p{color:#fff;font-size:16px;margin-right:10px;font-weight:500;line-height:1.4;word-wrap:break-word;flex:1;display:flex;align-items:center}.close-btn{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:5px;position:absolute;top:0;right:10px;transition:color .3s;z-index:10000}.close-btn:hover{color:#00b4d8}@media(max-width:768px){.job-modal{flex-direction:column;padding:8px 20px;align-items:center;justify-content:center;max-width:95%;border-radius:20px;bottom:15px}.job-modal-content{flex-direction:column;align-items:center;justify-content:center;text-align:center}.job-modal-img{margin:10px auto 5px}.job-modal p{margin:5px 0;font-size:14px;text-align:center;max-width:100%}.close-btn{top:8px;right:8px;font-size:18px}}@media(max-width:480px){.job-modal{padding:10px 15px;bottom:10px}.job-modal p{font-size:13px}.job-modal-img{width:50px;height:50px}.close-btn{font-size:16px}}.blog-detail{margin:40px auto;padding:20px;background-color:#fff;border-radius:10px;line-height:1.6;color:#000}.blog-detail h1{font-size:2.5rem;margin-bottom:15px;color:#333;text-align:center}.blog-detail .post-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:1rem;color:#000}.blog-detail .post-meta .author{font-weight:700}.blog-detail .post-meta .date{font-style:italic}.blog-detail .post-meta .author,.blog-detail .post-meta .date{display:inline-block}.blog-detail .post-image{width:100%;height:auto;margin-bottom:30px;border-radius:10px}.date-container{display:inline-flex;align-items:center;gap:5px}.icon-calendar{display:inline-block;width:16px;height:16px}.blog-detail .blog-content{font-size:1.1rem;color:#000;margin-bottom:40px}.blog-detail .blog-content p{margin-bottom:15px;color:#000}.blog-detail .blog-content blockquote{font-style:italic;border-left:4px solid #ddd;padding-left:20px;margin:20px 0;color:#555}.blog-detail .blog-content a{color:#007bff;text-decoration:none;border-bottom:1px solid #007bff}.blog-detail .blog-content a:hover{text-decoration:underline}.post-card-image{width:100%;object-fit:cover;margin:0}.post-content-image{width:300px;max-width:800px;height:auto;display:block;margin:0 auto}.content-list{list-style-type:disc;margin-left:20px}.list-item{margin-bottom:8px}.share-actions{display:flex;align-items:center;gap:15px;margin-top:20px}.copy-link{cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#00b4d8;font-weight:500;transition:opacity .3s}.copy-link:hover{opacity:.8}.share-text{font-size:16px;color:#333}.social-share{display:flex;gap:15px}.social-icon{font-size:24px;color:#00b4d8;cursor:pointer;transition:all .4s}.social-icon:hover{transform:translateY(-4px)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#00b4d8;color:#fff;padding:10px 20px;border-radius:50px;font-size:16px;z-index:1000;animation:fadeInOut 6s forwards;display:flex;align-items:end;gap:8px}.inline-code{background-color:#f1f5f9;color:#334155;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.95em}.code-block{font-family:Fira Code,monospace;font-size:.95em;line-height:1.5}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@media(max-width:768px){.blog-detail{padding:15px;margin:20px}.blog-detail h1{font-size:2rem}.blog-detail .post-meta{flex-direction:column;align-items:flex-start}.blog-detail .post-meta .author,.blog-detail .post-meta .date{margin-bottom:5px}.blog-detail .blog-content{font-size:1rem}.blog-detail .blog-content img{height:400px}.toast{font-size:14px;padding:8px 15px}.toast svg{width:20px;height:20px}}@media(max-width:480px){.blog-detail{padding:10px;margin:10px}.blog-detail h1{font-size:1.8rem}.blog-detail .post-meta{flex-direction:column;align-items:flex-start}.blog-detail .post-meta .author,.blog-detail .post-meta .date{margin-bottom:3px}.blog-detail .blog-content{font-size:.95rem}.blog-detail .blog-content img{height:300px}.toast{font-size:12px;padding:6px 12px}.toast svg{width:18px;height:18px}}.assistant-bubble{position:fixed;bottom:24px;left:24px;width:60px;height:60px;background:#fff;color:#00b4d8;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #00000040;z-index:99999;transition:transform .2s,background .2s}.assistant-bubble:hover{transform:scale(1.1);background:#91919133}.assistant-bubble.open{background:#00b4d8;color:#020617;transform:scale(1.05)}.assistant-chat{position:fixed;bottom:100px;left:24px;width:360px;max-width:90%;max-height:520px;background:#111827;color:#e5e7eb;border-radius:16px;box-shadow:0 12px 30px #00000040;display:flex;flex-direction:column;overflow:hidden;z-index:99999;font-family:Inter,sans-serif;opacity:0;transform:translateY(16px) scale(.96);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.assistant-chat.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#1f2937;border-bottom:1px solid #374151}.chat-title{display:flex;align-items:center;gap:8px}.chat-header h3{margin:0;font-size:.95rem;font-weight:600}.chat-header-buttons{display:flex;gap:8px}.ai-disclaimer{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;background:#ffffff0a;border-bottom:1px solid #374151;font-size:.75rem;color:#00b4d8}.ai-disclaimer.compact{padding:6px 12px;font-size:.7rem;color:#9ca3af;background:none;border-bottom:1px solid #374151}.ai-badge{background:#00b4d826;color:#00b4d8;font-size:.6rem;padding:2px 6px;border-radius:999px;font-weight:600}.ai-disclaimer p{margin:0;line-height:1.4}.assistant-chat.contact-mode{background:#0f172a}.assistant-chat.contact-mode .chat-header{background:#0b7285;border-bottom:1px solid #00b4d8}.assistant-chat.contact-mode .chat-header h3{color:#f9fafb}.assistant-chat.contact-mode .chat-box{background:#111827}.contact-option{display:flex;justify-content:center;padding:15px 0}.contact-option button{width:100%;padding:10px 12px;border-radius:10px;border:none;font-weight:600;background:#00b4d8;color:#020617;cursor:pointer;transition:background .2s ease,transform .1s ease}.contact-option button:hover{background:#0089a4;transform:translateY(-1px)}.contact-option.compact{padding:6px 12px}.contact-option.compact button{padding:8px 10px;font-size:.8rem;border-radius:8px}.close-btn,.clear-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;transition:color .2s}.close-btn:hover,.clear-btn:hover{color:#00b4d8}.chat-box{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px;background:none}.chat-message{padding:10px 14px;border-radius:12px;max-width:100%;word-wrap:break-word;font-size:.9rem;line-height:1.4;background:none}.chat-message.user{background:#00b4d8;color:#f9fafb;align-self:flex-end}.chat-message.assistant{background:#1f2937;color:#e5e7eb;align-self:flex-start}.chat-message ul{margin:6px 0 6px 18px;padding-left:14px}.chat-message li{margin-bottom:6px;line-height:1.4}.typing-indicator{display:inline-flex;align-items:center;gap:4px}.typing-indicator span{width:6px;height:6px;background-color:#9ca3af;border-radius:50%;display:inline-block;animation:typingBounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:scale(0);opacity:.4}40%{transform:scale(1);opacity:1}}.chat-message a{color:#00b4d8;text-decoration:underline;transition:color .2s}.chat-input{display:flex;border-top:1px solid #374151}.chat-input input{flex:1;padding:12px;border:none;outline:none;background:none;color:#f9fafb;font-size:16px}.chat-input input::placeholder{color:#9ca3af}.send-btn{background:#00b4d8;border:none;color:#f9fafb;padding:0 16px;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.send-btn:hover{color:#000;transition:all .2s ease-in-out;background:#0089a4}.empty-warning{color:#e94146;text-align:center;margin:4px 0;animation:fadeInOut 3s ease forwards}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@media(max-width:480px){.assistant-chat{width:90%;bottom:80px}.assistant-bubble{bottom:16px;left:16px}}