header{height:var(--header-size-fs);padding:0 2vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:998;background-color:var(--primary-color)}.welcome-message{display:flex;flex-direction:row;align-items:center;gap:var(--space-16)}.welcome-message h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:2px;flex-shrink:0;padding-right:var(--space-16);border-right:2px solid var(--ternary-color)}.welcome-message .secondary{color:var(--secondary-color)}.resume-download{display:flex;align-items:center;justify-content:center;color:var(--text-color);background-color:var(--ternary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--space-8) var(--space-16);border-radius:var(--space-12);white-space:nowrap;transition:.3s ease}.resume-download:hover{background:var(--secondary-color);color:var(--primary-color)}.nav{display:flex}.nav-list{display:flex;gap:var(--space-16);align-items:center}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}.hamburger span{width:25px;height:3px;background:var(--text-color);transition:.3s ease}.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(max-width:768px){.resume-download{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-4) var(--space-8);border-radius:var(--space-12)}.hamburger{display:flex;margin-right:10px}.nav{position:absolute;top:var(--header-size-fs);right:0;width:100%;background:var(--primary-color);padding:var(--space-16);display:none;flex-direction:column}.nav.open{display:flex}.nav-list{flex-direction:column;gap:var(--space-24);align-items:flex-start}}.nav-button{--anchor-color: var(--text-color);--anchor-background-color: var(--primary-color);--secondary-color: #07c2f7;--anchor-transition-time: .4s;--anchor-transition-delay: .4s;--anchor-hover-color: var(--secondary-color);--line-size: 1.5px;--line-color: var(--anchor-hover-color);--transition-time-laterals: .3s;--transition-delay-laterals: .2s;--transition-time-bottom-left: var(--anchor-transition-time);--transition-delay-bottom-left: var(--anchor-transition-delay);--transition-time-bottom-right: var(--anchor-transition-time);--transition-delay-bottom-right: var(--anchor-transition-delay);--transition-time-top-left: .3s;--transition-delay-top-left: .3s;--transition-time-top-right: .3s;--transition-delay-top-right: .3s;--anchor-padding-topbotton: 5px;--anchor-padding-leftright: 15px;--anchor-padding: var(--anchor-padding-topbotton) var(--anchor-padding-leftright);--anchor-font-size: var(--font-size-sm);--anchor-letter-spacing: .1em;--anchor-hover-letter-spacing: var(--anchor-letter-spacing);--anchor-font-family: var(--font-family-heading);--anchor-font-weight: var(--font-weight-bold)}.nav-button{position:relative;display:inline-block;color:var(--anchor-color);font-family:var(--anchor-font-family);font-size:var(--anchor-font-size);font-weight:var(--anchor-font-weight);letter-spacing:var(--anchor-letter-spacing);text-decoration:none;text-transform:uppercase;background:var(--anchor-background-color);padding:var(--anchor-padding);transition:var(--anchor-transition-time);transition-delay:var(--anchor-transition-delay)}.nav-button:hover{color:var(--anchor-hover-color);letter-spacing:var(--anchor-hover-letter-spacing);text-shadow:0 0 5px var(--anchor-hover-color);transition-delay:1ms}.nav-button span{position:absolute;display:block;background:var(--line-color);box-shadow:0 0 5px var(--line-color)}.nav-button span:nth-child(1){top:0;left:0;width:50.5%;height:var(--line-size);transform-origin:left;transform:scaleX(0);transition:transform var(--transition-time-top-left)}.nav-button:hover span:nth-child(1){transform:scaleX(1);transform-origin:right}.nav-button span:nth-child(2){right:0;top:0;width:50.5%;height:var(--line-size);transform-origin:right;transform:scaleX(0);transition:transform var(--transition-time-top-right)}.nav-button:hover span:nth-child(2){transform:scaleX(1);transform-origin:left}.nav-button span:nth-child(3){height:100%;width:var(--line-size);top:0;right:0;transform-origin:bottom;transform:scaleY(0);transition:transform var(--transition-time-laterals);transition-delay:var(--transition-delay-laterals)}.nav-button:hover span:nth-child(3){transform:scaleY(1);transform-origin:top}.nav-button span:nth-child(4){height:100%;width:var(--line-size);top:0;left:0;transform-origin:bottom;transform:scaleY(0);transition:transform var(--transition-time-laterals);transition-delay:var(--transition-delay-laterals)}.nav-button:hover span:nth-child(4){transform:scaleY(1);transform-origin:top}.nav-button span:nth-child(5){height:var(--line-size);width:50.5%;bottom:0;left:0%;transform-origin:right;transform:scaleX(0);transition:transform var(--transition-time-bottom-left);transition-delay:var(--transition-delay-bottom-left)}.nav-button:hover span:nth-child(5){transform:scaleX(1);transform-origin:left}.nav-button span:nth-child(6){height:var(--line-size);width:50.5%;bottom:0;right:0%;transform-origin:left;transform:scaleX(0);transition:transform var(--transition-time-bottom-right);transition-delay:var(--transition-delay-bottom-right)}.nav-button:hover span:nth-child(6){transform:scaleX(1);transform-origin:right}.home-top-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100dvh - var(--header-size-fs) - 1dvh);max-width:1000px;margin:0 auto;padding:10vh var(--space-24);box-sizing:border-box}.home-left{flex:1;display:flex;flex-direction:column;gap:var(--space-16);padding-right:var(--space-16);padding-right:var(--space-32)}.home-left h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--secondary-color)}.home-left h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.2;color:var(--text-color)}.multiple-text{color:var(--text-color);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.motivational{font-size:var(--font-size-md);opacity:.85;max-width:520px;padding-top:var(--space-20)}.ternary-color{color:var(--ternary-color)}.social-media{display:flex;gap:var(--space-20);margin-top:var(--space-20);transform:translate(-8px)}.social-media a{font-size:var(--font-size-2xl);color:var(--secondary-color);position:relative;transition:.3s ease;width:3rem;height:3rem;display:flex;justify-content:flex-start;align-items:center;padding-left:.4rem;border-radius:50%}.social-media a:hover{background:var(--secondary-color);color:var(--primary-color);box-shadow:0 0 1rem var(--secondary-color)}.social-media a:after{content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:50%;background:var(--secondary-color);opacity:0;filter:blur(8px);transition:.3s ease;z-index:-1}.social-media a:hover:after{opacity:.6}.btn-scroll-container{margin-top:var(--space-32);display:flex;justify-content:center;align-items:center}.scroll-down-btn{font-size:var(--font-size-2xl);color:var(--secondary-color);transition:.3s ease}.scroll-down-btn:hover{transform:translateY(4px)}.home-right{flex:1;display:flex;justify-content:center}.home-right img{width:85%;max-width:420px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25));animation:floatImage 4s ease-in-out infinite}@media(max-width:800px){.home-top-wrapper{flex-direction:column-reverse;text-align:center;gap:var(--space-32);padding:var(--space-32) var(--space-16);height:auto;min-height:calc(100dvh - var(--header-size-fs))}.home-left{align-items:center}.motivational{max-width:90%}.home-right img{width:70%}.motivational{padding-bottom:var(--space-24);padding-top:var(--space-24)}}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-2rem)}to{transform:translateY(0)}}.scroll-button{display:flex;justify-content:center;align-items:center;width:5rem;height:2.3rem;border-radius:10px;background:var(--primary-color);color:var(--text-color);transition:.3s ease}.scroll-button:hover{background:var(--secondary-color);color:var(--primary-color);box-shadow:none;transform:translateY(-4px)}.generic-top-page{position:relative;min-height:calc(100dvh - var(--header-size-fs));width:100%;padding-top:var(--space-24);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.generic-top-page.show{opacity:1;transform:translateY(0)}.generic-top-page.fade-out{opacity:0;transform:translateY(-20px)}.generic-content{width:100%;max-width:1100px;padding:2rem;box-sizing:border-box;text-align:center}.generic-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-8)}.generic-subtitle{font-size:var(--font-size-lg);opacity:.8;margin-bottom:var(--space-32)}.generic-inner{width:100%;margin-top:var(--space-16);display:flex;justify-content:center}.generic-grid{display:flex;justify-content:space-around;align-items:flex-start;gap:var(--space-32);flex-wrap:nowrap}@media(max-width:768px){.generic-top-page{justify-content:flex-start;padding-top:var(--space-24)}.generic-content{padding-top:0}.generic-grid{flex-wrap:wrap;justify-content:center}}.image-link-card{position:relative;overflow:hidden;display:block;aspect-ratio:16/10;border-radius:var(--space-16);cursor:pointer;background:var(--background-secondary-color);box-shadow:0 0 var(--space-16) #00000026;transition:transform .3s ease,box-shadow .3s ease;width:300px;flex-shrink:0}.image-link-card:hover{transform:translateY(-4px);box-shadow:0 0 var(--space-32) #00000040}.image-link-card img{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease,transform .4s ease}.image-link-card .overlay{position:absolute;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;opacity:0;transform:translateY(20%);transition:opacity .4s ease,transform .4s ease}.image-link-card .overlay span{color:var(--secondary-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-align:center;padding:var(--space-16)}.image-link-card:hover img{opacity:.4;transform:scale(1.05)}.image-link-card:hover .overlay{opacity:1;transform:translateY(0)}@media(max-width:768px){.image-link-card{width:100%;max-width:320px;margin:0 auto}}.about-section{min-height:100vh;padding:6rem 9% 2rem;display:flex;flex-direction:column;align-items:center;background:var(--background-secondary-color)}.about-heading{font-size:var(--font-size-2xl);margin-bottom:var(--space-32);text-align:center;color:var(--primary-color)}.about-content{width:100%;max-width:630px;display:flex;flex-direction:column;gap:var(--space-16);font-size:var(--font-size-md);line-height:1.6}.about-content p{color:#000;text-align:justify;margin-bottom:8px}.about-navigation{margin-top:var(--space-32);display:flex;justify-content:space-between;width:100%;max-width:630px}.about-nav-button{padding:10px 20px;border-radius:var(--radius-md);background:var(--accent-color);color:var(--text-color);border:none;cursor:pointer;transition:.3s ease}.about-nav-button:hover{background:var(--secondary-color);color:var(--primary-color);transform:translateY(-3px)}@media(max-width:768px){.about-section{padding:4rem 5% 2rem}.about-content{max-width:100%}.about-navigation{flex-direction:column;gap:16px}}.glow-button{display:inline-block;color:var(--text-color);background:var(--primary-color);border:2px solid var(--primary-color);padding:8px 16px;text-decoration:none;border-radius:10px;font-weight:700;transition:.25s ease-in-out}.glow-button:hover{background:#f245a3;color:var(--primary-color);letter-spacing:0}.glow-button{display:inline-flex;align-items:center;gap:8px;overflow:visible}.arrow-left,.arrow-right{font-weight:700;font-size:1rem;line-height:1;display:inline-block}.about-row{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;margin:0}.about-row.left{grid-template-columns:auto 1fr}.two-rows{grid-template-rows:auto auto}p{margin-bottom:0}.about-image-1{grid-row:span 2;width:100%;max-width:180px;height:100%;object-fit:cover;border-radius:8px;opacity:.95;transition:.25s ease;translate:0 -8px}.about-image-2{width:100%;max-width:180px;opacity:.95;border-radius:8px;transition:.25s ease}.about-text-block{display:flex;flex-direction:column;gap:20px}.about-text-block p:first-child{grid-row:1}.about-text-block p:last-child{grid-row:2}.cv-button-wrapper{text-align:center}.about-bottom-buttons{display:flex;justify-content:flex-end;align-items:flex-end;margin-top:40px;width:100%}.about-bottom-buttons.about-my-story-bottom-buttons{justify-content:flex-end}h3{margin-top:30px;color:var(--primary-color)}@media(max-width:760px){.about-row{grid-template-columns:1fr;text-align:center}.about-image-1,.about-image-2{margin:0 auto}.about-bottom-buttons{justify-content:space-between}.cv-button{width:60%}.about-row.left.two-rows{grid-template-columns:1fr;grid-template-rows:auto auto auto;text-align:center}.about-image-1{grid-row:2;max-width:220px;margin:0 auto}.about-text-block{display:contents}.about-text-block p:first-child{grid-row:1}.about-text-block p:last-child{grid-row:3}}@media(max-width:460px){.about-image-1{max-width:260px}.about-image-2{max-width:260px;margin:0 auto}.cv-button{width:60%}.about-bottom-buttons{justify-content:space-between}}.about-row{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:24px}.about-row.left{grid-template-columns:220px 1fr}.about-row img{width:100%;max-width:220px;opacity:.95}.about-row.codeforall-row{grid-template-columns:160px 1fr}.about-row.codeforall-row img.codeforall{max-width:160px}.about-row-multi{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:12px 0}.about-row-multi img{max-width:140px;margin:0 auto}.about-bottom-buttons{width:100%;display:flex;justify-content:space-between;margin-top:var(--space-32)}@media(max-width:768px){.about-row,.about-row.left,.about-row.codeforall-row{grid-template-columns:1fr;text-align:center}.about-row img{order:-1;max-width:120px;margin:0 auto}.about-row-multi{grid-template-columns:1fr 1fr;justify-items:center}.about-row-multi img{max-width:100px}}.looking-top-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:20px}.looking-section-title{color:var(--primary-color);text-align:left;margin-top:24px;margin-bottom:8px;font-size:1.4rem;scroll-margin-top:calc(var(--header-size-fs) + 1rem)}.looking-logos-row{display:flex;justify-content:center;align-items:center;gap:24px;margin:12px 0}.looking-logos-row img{max-width:65px;opacity:.9}.looking-button-wrapper,.cv-button-wrapper{text-align:center;margin:16px 0}.cv-button{padding:6px 14px;font-size:.9rem;width:30%;display:inline-block;text-align:center}.resume-download.cv-button{background:var(--ternary-color);border:2px solid var(--ternary-color);color:var(--text-color)}.resume-download.cv-button:hover{background:var(--secondary-color);color:var(--primary-color)}.about-content p{margin-bottom:14px}.about-bottom-buttons{width:100%;display:flex;justify-content:space-between;margin-top:28px}@media(max-width:768px){.looking-top-buttons{flex-direction:column;align-items:center;gap:12px}.looking-logos-row img{max-width:55px}.about-bottom-buttons{flex-direction:column;gap:16px;justify-content:center}}.projects-carousel-wrapper{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;width:100%;height:50vh;perspective:1000px}.projects-carousel-image{position:absolute;width:360px;height:480px;cursor:pointer;transition:all .55s ease;transform-style:preserve-3d;display:flex;justify-content:center;align-items:center}.projects-carousel-image img{width:100%;height:100%;border-radius:12px;object-fit:contain}.previous{transform:translate(-120px) translateY(10px) scale(.7);left:25%;z-index:25}.active{left:50%;transform:translate(-50%) translateY(10px) scale(1);z-index:50}.next{transform:translate(120px) translateY(10px) scale(.7);left:40%;z-index:25}.projects-carousel-cover{position:absolute;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;animation:fadeIn .3s ease forwards}.projects-carousel-cover h3{color:#fff;font-size:1.6rem;font-weight:600}.projects-carousel-btn{padding:.6rem 1.2rem;background:var(--primary-color);color:#fff;border-radius:6px;text-decoration:none;font-weight:600;transition:.2s ease}.projects-carousel-btn:hover{opacity:.85}.projects-carousel-close{background:transparent;border:1px solid white;color:#fff;padding:.4rem 1rem;border-radius:6px;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.projects-carousel-image{width:300px;height:420px}.previous{left:22%}.active{left:50%}.next{left:40%}}.generic-projects-bottom-page{min-height:100vh;padding:6rem 9% 2rem;background:var(--background-secondary-color);display:flex;flex-direction:column;align-items:center}.project-image-wrapper{width:100%;max-width:630px;display:flex;justify-content:center;margin-bottom:var(--space-32)}.project-image{width:100%;max-width:350px;border-radius:var(--radius-lg);object-fit:cover}.project-title{font-size:var(--font-size-2xl);color:var(--primary-color);margin-bottom:var(--space-24);text-align:center}.project-links{display:flex;gap:var(--space-16);margin-bottom:var(--space-32)}.project-links a{padding:10px 20px;border-radius:var(--space-12);background:var(--primary-color);color:var(--text-color);text-decoration:none;transition:.3s ease;font-weight:600}.project-links a:hover{background:var(--secondary-color);color:var(--primary-color);transform:translateY(-3px)}.project-section{width:100%;max-width:630px;margin-bottom:var(--space-32)}.project-subtitle{font-size:var(--font-size-xl);color:var(--primary-color);margin-bottom:var(--space-12)}.project-technologies{width:100%;max-width:630px;color:#000;display:flex;flex-direction:row;justify-content:center;gap:var(--space-16)}.tech-item{display:flex;align-items:center;gap:var(--space-8);font-size:var(--font-size-md)}.tech-item svg{font-size:1.4rem;color:var(--secondary-color)}.project-description,.project-motivation{width:100%;max-width:630px;font-size:var(--font-size-md);line-height:1.6;color:#000;text-align:justify}.project-authors{width:100%;max-width:630px;margin-bottom:var(--space-32)}.project-authors ul{list-style:none;padding:0;margin:0}.project-authors li{font-size:var(--font-size-md);margin-bottom:6px;color:#000}.author-name{font-weight:700}.author-email{font-weight:400;opacity:.8}@media(max-width:768px){.generic-projects-bottom-page{padding:4rem 5% 2rem}.project-links{flex-direction:column;width:100%}.project-links a{text-align:center}}.contact-container{display:flex;justify-content:space-between;flex-direction:row;gap:40px;width:100%;height:100%;overflow:hidden;align-items:flex-start;margin-top:30px}.contact-form{flex:0 0 45%;max-width:45%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.form-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.contact-form label{width:100%;display:flex;flex-direction:column;font-size:var(--font-size-md);color:var(--primary-color)}.contact-form input,.contact-form textarea{margin-top:6px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--background-secondary-color);color:var(--primary-color);font-size:var(--font-size-md);transition:.3s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #ffffff0d}.contact-form textarea{min-height:134px;resize:vertical}.contact-submit{width:50%;justify-content:center;margin-top:var(--space-16);padding:12px 16px;border-radius:12px;background:var(--accent-color);color:var(--text-color);font-weight:var(--font-weight-bold);cursor:pointer;border:none;transition:.3s ease}.contact-submit:hover{background:var(--secondary-color);color:var(--primary-color);transform:translateY(-4px)}.contact-info{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:34px}.contact-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.contact-info p{color:var(--text-color);font-size:var(--font-size-md);padding:6px 16px}.contact-icons{display:flex;flex-direction:row;gap:34px}.contact-icons .media-button svg{font-size:42px}.bigger-p{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.success-message{margin-top:12px;color:var(--primary-color);font-weight:600;text-align:center;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.contact-container{flex-direction:column-reverse;align-items:center;gap:40px;height:auto;overflow:visible}.contact-form,.contact-info{max-width:90%}.bigger-p{display:none}.contact-submit{background-color:var(--secondary-color);color:var(--text-color)}}@media(max-width:800px){.contact-icons{justify-content:center}.contact-form,.contact-info{max-width:100%}.bigger-p{display:none}}.media-button svg{margin:0;padding:0}.media-button{font-size:var(--font-size-2xl);color:var(--secondary-color);position:relative;transition:.3s ease;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:50%}.media-button:hover{background:var(--secondary-color);color:var(--primary-color);box-shadow:0 0 1rem var(--secondary-color)}.media-button:after{content:"";position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:50%;background:var(--secondary-color);opacity:0;filter:blur(8px);transition:.3s ease;z-index:-1}.media-button:hover:after{opacity:.6}.softskills-section{min-height:100vh;padding:6rem 9% 2rem;display:flex;flex-direction:column;align-items:center;background:var(--background-secondary-color)}.softskills-section .heading{font-size:var(--font-size-2xl);margin-bottom:var(--space-32);text-align:center;color:var(--primary-color)}.softskills-section .heading span{color:var(--primary-color)}.softskills-row{width:100%;display:flex;justify-content:center}.softskills-column{width:100%;max-width:630px}.softskills-column .title{position:relative;display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--primary-color);margin-bottom:var(--space-24)}.softskills-column .title p{margin-bottom:18px;line-height:1.6;text-align:justify;color:#000}.softskills-column .softskills-box{position:relative;border-left:.2rem solid var(--primary-color);padding-left:1rem}.softskills-box .softskills-content{position:relative;padding-left:2rem}.softskills-box .softskills-content:before{content:"";position:absolute;top:1.5rem;left:0;width:var(--space-16);height:var(--space-16);background:var(--primary-color);border-radius:50%}.softskills-content .content{position:relative;margin-bottom:var(--space-16);overflow:hidden;background:var(--background-secondary-color);transition:.4s ease}@media(max-width:768px){.softskills-section{padding:4rem 5% 2rem}.softskills-column .softskills-box{border-left:none;padding-left:0}.softskills-box .softskills-content:before{display:none}.softskills-content .content{margin-left:0;padding-left:0}.softskills-box .softskills-content{padding-left:0}.softskills-column{max-width:100%}.softskills-column .title p{margin-bottom:16px;line-height:1.55}}.to-hard-skills-button{margin-top:var(--space-46);margin-bottom:var(--space-12);display:flex;justify-content:flex-end;align-items:center;width:100%}.skill-card{width:100%;padding:var(--space-8) var(--space-16);border-radius:10px;background:var(--primary-color);border:1px solid var(--primary-color);color:var(--text-color);cursor:pointer;transition:.3s ease;position:relative;overflow:hidden}.skill-card-closed{display:flex;justify-content:flex-start;align-items:center;min-height:58px}.skill-card-closed h3{margin:0;color:var(--text-color);font-weight:600;font-size:1rem}.skill-card-more{position:absolute;top:0;right:0;height:100%;width:60px;background:var(--ternary-color);color:var(--primary-color);font-weight:600;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--primary-color);opacity:0;transition:opacity .25s ease;pointer-events:none}.skill-card:not(.open):hover .skill-card-more{opacity:1;pointer-events:auto}.skill-card.open .skill-card-more{opacity:1!important;pointer-events:auto}.skill-card.open{background:#04488333;color:#000;padding:0;border:1px solid var(--primary-color)}.skill-card-open{display:flex;flex-direction:column}.skill-section{display:flex;flex-direction:column;gap:.5rem}.skill-section p{color:#000;padding:2px 16px 12px}.skill-label{width:100%;display:block;padding:12px 16px;font-size:.75rem;font-weight:700;letter-spacing:.5px;border-radius:4px;background:linear-gradient(to right,var(--ternary-color) 0%,rgba(242,69,163,.4) 40%,rgba(242,69,163,.15) 70%,rgba(242,69,163,0) 100%);color:var(--primary-color)}@media(max-width:768px){.skill-card{padding:1rem;min-height:58px}.skill-card-more{opacity:1!important;pointer-events:auto;width:50px}.skill-card-closed{justify-content:space-between;width:100%}.skill-card-closed h3{font-size:1rem}}.hard-section{min-height:100vh;padding:6rem 9% 2rem;display:flex;flex-direction:column;align-items:center;background:var(--background-secondary-color)}.hard-heading{font-size:var(--font-size-2xl);margin-bottom:var(--space-32);text-align:center;color:var(--primary-color)}.hard-row{width:100%;display:flex;justify-content:center}.hard-column{width:100%;max-width:630px}.hard-intro{text-align:justify;margin-bottom:2rem;line-height:1.6;color:#000}.hardskills-box{position:relative;border-left:.2rem solid var(--primary-color);padding-left:1rem;margin-top:var(--space-32)}.hardskills-content{position:relative;padding-left:2rem;margin-bottom:var(--space-24)}.hardskills-content:before{content:"";position:absolute;top:1.2rem;left:0;width:var(--space-16);height:var(--space-16);background:var(--primary-color);border-radius:50%}.hard-card{background:var(--primary-color);border:1px solid var(--primary-color);border-radius:10px;margin-bottom:2rem;cursor:pointer;transition:.3s ease;overflow:hidden}.hard-card-header{position:relative;background:var(--primary-color);padding:1rem 1.2rem;border-radius:10px 10px 0 0;display:flex;justify-content:flex-start;align-items:center}.hard-card-header h3{margin:0;color:var(--text-color);font-weight:600}.hard-card-more{position:absolute;top:0;right:0;height:100%;width:60px;background:var(--ternary-color);color:var(--primary-color);font-weight:600;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--primary-color);opacity:0;transition:opacity .25s ease;pointer-events:none}.hard-card:not(.open):hover .hard-card-more{opacity:1;pointer-events:auto}.hard-card.open .hard-card-more{opacity:1!important;pointer-events:auto}.hard-card.open:hover .hard-card-more{opacity:1}.hard-card-body{background:var(--background-secondary-color);padding:1.4rem 1.6rem;border-radius:0 0 10px 10px;display:flex;flex-direction:column;gap:1.4rem}.to-soft-skills-button{margin-top:var(--space-46);margin-bottom:var(--space-12);display:flex;justify-content:flex-start;align-items:center;width:100%}.hard-skill-card{width:100%;padding:var(--space-8) var(--space-16);border-radius:10px;background:var(--primary-color);color:var(--text-color);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin-bottom:var(--space-8)}.hard-skill-card-closed{display:flex;justify-content:space-between;align-items:center}.hard-skill-card-closed h3{margin:0;font-size:1rem;font-weight:600}.hard-skill-icon-wrapper{position:relative;width:40px;height:40px}.hard-skill-icon{width:100%;height:100%;background:var(--ternary-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;transition:opacity .25s ease}.hard-skill-card-more{position:absolute;inset:0;background:var(--ternary-color);color:var(--primary-color);font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:8px;opacity:0;transition:opacity .25s ease}.hard-skill-card:hover .hard-skill-icon{opacity:0}.hard-skill-card:hover .hard-skill-card-more{opacity:1}.hard-skill-card.open{background:#04488326;color:#000;padding:0}.hard-skill-card-open{padding:0 0 var(--space-12) 0}.hard-skill-section p{margin:0;padding:0 var(--space-12);text-align:justify;line-height:1.55;color:#000}.hard-skill-label{width:100%;display:block;padding:10px 14px;font-size:.75rem;font-weight:700;letter-spacing:.5px;border-radius:4px;background:linear-gradient(to right,var(--ternary-color) 0%,rgba(242,69,163,.4) 40%,rgba(242,69,163,.15) 70%,rgba(242,69,163,0) 100%);color:var(--primary-color);margin-bottom:var(--space-12)}@media(max-width:768px){.hard-skill-card{padding:1rem}.hard-skill-icon-wrapper{width:45px;height:45px}}.presentation-bottom-page{min-height:100vh;padding:6rem 9% 2rem;display:flex;flex-direction:column;align-items:center;background:var(--background-secondary-color)}.presentation-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-32);text-align:center;color:var(--primary-color)}.presentation-container{width:100%;max-width:630px;display:flex;flex-direction:column;gap:var(--space-16);font-size:var(--font-size-md);line-height:1.6}.presentation-container p{color:#000;text-align:justify;margin-bottom:8px}.presentation-subtitle{font-size:var(--font-size-lg);margin-top:16px;margin-bottom:.75rem;text-align:center;color:var(--primary-color);font-weight:600}.tech-icons{display:flex;justify-content:center;gap:18px;font-size:2rem;color:var(--ternary-color);margin-bottom:12px}.presentation-list{margin-left:1.5rem;margin-bottom:1rem;line-height:1.6}.presentation-list li{color:var(--primary-color);margin-bottom:6px;list-style-type:disc}.presentation-link{color:var(--primary-color);text-decoration:underline;font-weight:500}.contact-buttons{margin-top:var(--space-32);display:flex;justify-content:center;gap:16px}.contact-btn{padding:8px 18px;border-radius:var(--space-16);background:var(--primary-color);color:var(--text-color);text-decoration:none;font-weight:600;transition:.3s ease;text-align:center}.contact-btn:hover{background:var(--secondary-color);color:var(--primary-color);transform:translateY(-3px)}@media(max-width:768px){.presentation-bottom-page{padding:4rem 5% 2rem}.presentation-container{max-width:100%}.contact-buttons{flex-direction:column;align-items:center}.contact-btn{width:50%;text-align:center}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;border:none;background:none;outline:none}button{cursor:pointer}:root{--primary-color: #001b33;--secondary-color: #07c2f7;--ternary-color: #f245a3;--background-secondary-color: #f1f8ff;--background-image-color: #12b9eb;--text-color: #f1f8ff;--text-secondary-color: #12b9eb;--font-family: "Poppins", sans-serif;--font-family-base: "Poppins", sans-serif;--font-family-heading: "Poppins", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-2xs: .5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--line-height-base: 1.5;--line-height-heading: 1.2;--space-4: .25rem;--space-8: .5rem;--space-12: .75rem;--space-16: 1rem;--space-24: 1.5rem;--space-32: 2rem;--space-46: 2.875rem;--header-size-fs: 15vh;--footer-size-fs: 10vh}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}html,body{height:100%}body{font-family:var(--font-family-base);color:var(--text-color);background-color:var(--primary-color);min-height:100vh;display:flex;flex-direction:column;margin:0}.bold{font-weight:var(--font-weight-bold)}