:root{--primary: #0db9f2;--background-light: #f5f8f8;--background-dark: #101e22;--font-family: "Inter", sans-serif}*{font-family:var(--font-family)}html{scroll-behavior:smooth}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--background-dark)}#root{margin:75px 0 0;padding:0;color:#fff}.section{scroll-margin-top:80px;padding-top:40px;padding-bottom:40px;min-height:400px}.hero{display:flex;flex-direction:row;gap:40px;align-items:center;margin-bottom:80px;padding:10px 12px}.hero--content{width:50%}.content--avilable-for-new-projects:before{content:"";width:8px;height:8px;background-color:#11b7ef;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #11b7efb3}70%{box-shadow:0 0 0 6px #11b7ef00}to{box-shadow:0 0 #11b7ef00}}.content--avilable-for-new-projects{display:inline-flex;align-items:center;gap:6px;color:#11b7ef;background-color:#132f38;padding:0 10px;border-radius:20px;font-size:x-small;font-weight:600;width:fit-content}.content--main-text{font-size:3rem;font-weight:900;line-height:1.1;letter-spacing:-.02em;margin:10px 0}.content--secondary-text{color:#738292;font-size:small}.text-primary{color:var(--primary)}.content--cta{display:flex;margin-top:30px;gap:20px}.button{padding:10px 18px;border-radius:6px}.cta--main-button{background-color:var(--primary);color:#000;font-weight:600}.cta--secondary-button{background-color:transparent;color:#fff;font-weight:600;border:2px solid #374653}.hero--image{position:relative;display:inline-block;width:50%}.hero--image img{width:100%;height:auto;max-width:500px;border-radius:8px;display:block}.hero--badge{position:absolute;bottom:-20px;left:-20px;display:flex;align-items:center;gap:12px;background:#1e293b;padding:16px 20px;border-radius:8px;box-shadow:0 15px 40px #0000004d;color:#fff}.badge--icon{width:40px;height:40px;background:#224660;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.hero--badge strong{font-size:1.5rem;display:block}.hero--badge span{font-size:.8rem;opacity:.7}.profile{background-color:#101a26;padding:80px 16px;display:flex;flex-direction:row}.profile--image{display:flex;width:50%;align-items:center;justify-content:center}.profile--image img{width:100%;max-width:300px;height:auto;padding:2px;border:2px solid #293649;border-radius:8px}.profile--content{width:50%;padding-left:40px;display:flex;flex-direction:column;justify-content:center}.about-me{font-weight:600;font-size:x-small}.title{font-weight:800;font-size:x-large}.s-title{font-weight:600;font-size:medium;margin-top:20px}.text{margin-top:20px;color:#738292;font-size:small}.profile--tecnologies{display:flex;flex-direction:row;gap:20px}.tecnology{display:flex;flex-direction:row;gap:10px;align-items:center;background-color:#132f38;padding:8px 12px;border:1px solid #293649;border-radius:6px;font-size:x-small;font-weight:600}.projects{padding:80px 16px}.projects--head-title{font-size:x-small;font-weight:600}.projects--title{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:30px}.projects--cards{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;justify-content:center}.projects--title-more{color:var(--primary);font-weight:600;font-size:small}.projects--title-more:hover{text-decoration:underline}.benefits{background-color:var(--primary);display:flex;flex-direction:row;gap:40px;align-items:center;padding:80px 16px;color:#101e22;position:relative}.benefits:before{content:"";position:absolute;right:0;top:60px;width:200px;height:200px;background:#08aadf;border-radius:50%;transform:translate(50%);z-index:1}.benefits--head--title{font-size:small;font-weight:500}.benefits--content{width:50%}.benefits--title{font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-top:8px}.benefits--img{width:50%;height:auto;max-width:500px;border-radius:8px;z-index:2}.benefits--img img{width:100%;height:auto;border-radius:8px}.benefits--benefit{display:flex;flex-direction:row;gap:20px;margin-bottom:20px}.benefit--icon{width:40px;height:40px;background:#101e22;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.benefit--title{font-weight:800;margin:0}.benefit--desc{margin:0;font-size:small}.experience{text-align:center}.experience--head-title{font-size:small;font-weight:600}.experience--title{font-size:xx-large;font-weight:600;line-height:1.1;letter-spacing:-.02em;margin-top:8px}.experience--timeline{position:relative;max-width:900px;margin:60px auto}.experience--card{background:#0e172a;border:2px solid #15232d;padding:24px;border-radius:14px;max-width:300px;width:100%;text-align:left}.experience--timeline>.experience--item:first-child .experience--icon{background-color:var(--primary)}.experience--timeline>.experience--item:first-child .experience--card-date{color:var(--primary)}.experience--timeline:before{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;background-color:#1c2737;transform:translate(-50%)}.experience--item{position:relative;padding:60px 0;display:flex;align-items:center}.experience--item:nth-child(odd){justify-content:flex-end}.experience--item:nth-child(2n){justify-content:flex-start}.experience--item:nth-child(odd) .experience--card{margin-right:60px}.experience--item:nth-child(2n) .experience--card{margin-left:60px}.experience--card-header{display:flex;justify-content:space-between;margin-bottom:10px}.experience--card-title{font-weight:500;font-size:large;margin:0}.experience--card-date,.experience--card--content{font-size:small;color:#738292}.experience--icon{position:absolute;left:50%;transform:translate(-50%);width:46px;height:46px;border-radius:50%;background:#1e2f3a;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:2}.cta{background:radial-gradient(circle at top left,#0e293e,#0f192c);margin:16px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:40px 100px;border-radius:16px;border:2px solid #102e3f}.cta--title{font-size:2rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:0}.cta--desc{margin-top:20px;color:#738292;font-size:small;margin-bottom:40px}.cta--section-button{background:var(--primary);color:#000;font-size:small;font-weight:800;padding:12px 24px;width:fit-content;margin:auto;box-shadow:0 0 5px #11b9f2,0 0 10px #11b9f2;transition:.3s}.cta--section-button:hover{box-shadow:0 0 10px #11b9f2,0 0 20px #11b9f2;transition:.3s}.card{width:300px;background-color:#0e172a;border-radius:20px}.card--img{width:100%;height:150px;object-fit:cover;border-radius:20px 20px 0 0}.card--content{padding:0 20px 20px}.card--title{font-weight:600}.card--desc{margin-top:10px;color:#738292;font-size:small}.card--tecnologies{display:flex;flex-direction:row;gap:10px;margin-bottom:10px}.card--tecnology{font-size:x-small;color:var(--primary)}.card--button{width:100%;font-size:small;font-weight:600;background-color:#1e293b;padding:8px 0;display:flex;justify-content:center;border-radius:8px;transition:background-color .3s ease,color .3s ease}.card--button:hover{background-color:var(--primary);color:#000;transition:background-color .3s ease,color .3s ease}.navbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:fixed;top:0;left:0;width:100%;border-bottom:2px solid #14212a;color:#fff;font-size:small;padding:16px 12px;font-weight:500;background-color:var(--background-dark);z-index:100}.navbar--logo{display:flex;flex-direction:row;justify-self:start;gap:10px;align-items:center}.logo--text{font-size:1.1rem;font-weight:600}.navbar--links{justify-self:center;display:flex;flex-direction:row;gap:20px;list-style-type:none}.navbar--button{margin-right:15px;padding:8px 12px;background-color:var(--primary);border-radius:6px;color:#000;font-weight:600;justify-self:end}.navbar--button:hover{box-shadow:inset 0 0 10px #00000080;border-color:#555}.footer{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:2px solid #14212a;color:#374653;font-size:small;padding:45px 12px;font-weight:500;background-color:var(--background-dark)}.footer--logo{display:flex;flex-direction:row;gap:10px;align-items:center}.logo{width:35px;height:35px;background-color:var(--primary);border-radius:6px}.logo--text{font-size:1.1rem;font-weight:600;color:#fff}.footer--social-links{display:flex;flex-direction:row;gap:20px;list-style-type:none}.links--item:hover{color:var(--primary)}a{text-decoration:none;color:inherit}.footer--rights{margin-right:15px;padding:8px 12px}