@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap);:root{--color-primary:#0f172a;--color-secondary:#38bdf8;--color-accent:#818cf8;--color-background:#f8fafc;--color-surface:#fff;--color-text-main:#1e293b;--color-text-muted:#64748b;--color-light:#f1f5f9;--gradient-primary:linear-gradient(135deg,#0f172a,#1e293b);--gradient-accent:linear-gradient(135deg,#38bdf8,#818cf8);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-full:9999px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--color-background);color:#1e293b;color:var(--color-text-main);font-family:Inter,sans-serif;line-height:1.6;margin:0}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--color-primary);font-family:Poppins,sans-serif;line-height:1.2;margin:0}ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none;transition:all .3s ease}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38bdf8,#818cf8);background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}.btn{background:linear-gradient(135deg,#0f172a,#1e293b);background:var(--gradient-primary);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-weight:600;outline:none;padding:.75em 1.5em;transition:transform .2s,box-shadow .2s}.btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #0f172a;border:2px solid var(--color-primary);color:#0f172a;color:var(--color-primary)}.btn-outline:hover{background:#0f172a;background:var(--color-primary);color:#fff}.header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:100}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:.75rem 2rem}.brand{color:#0f172a;color:var(--color-primary);font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700}.menu{align-items:center;display:flex}.menu ul{display:flex;gap:2rem}.menu-link a{color:#64748b;color:var(--color-text-muted);font-weight:500;position:relative}.menu-link a.active,.menu-link a:hover{color:#38bdf8;color:var(--color-secondary)}.menu-link a:after{background-color:#38bdf8;background-color:var(--color-secondary);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.menu-link a:hover:after{width:100%}.menu-icon-container{color:#0f172a;color:var(--color-primary);cursor:pointer;display:none;font-size:1.5rem}.hero{align-items:center;background:radial-gradient(circle at top right,#38bdf81a,#0000 40%),radial-gradient(circle at bottom left,#818cf81a,#0000 40%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:6rem 1rem 2rem;text-align:center}.hero__img-container{height:180px;margin-bottom:2rem;position:relative;width:180px}.hero__img-container:before{background:linear-gradient(135deg,#38bdf8,#818cf8);background:var(--gradient-accent);border-radius:50%;content:"";inset:-5px;opacity:.7;position:absolute;z-index:-1}.hero__img-container img{border:4px solid #fff;border:4px solid var(--color-surface);border-radius:50%;height:100%;object-fit:cover;width:100%}.hero__greeting h1{color:#0f172a;color:var(--color-primary);font-size:2.5rem;margin-bottom:1rem}.job{color:#38bdf8;color:var(--color-secondary);display:inline-block;font-size:1.25rem;font-weight:600;margin-bottom:2rem}.social-media-container{margin-top:2rem}.social-media li a{color:#64748b;color:var(--color-text-muted);font-size:1.5rem}.social-media li a:hover{color:#38bdf8;color:var(--color-secondary);transform:translateY(-3px)}.about-me{background-color:#fff;background-color:var(--color-surface);padding:5rem 1rem}.about-me__container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr;margin:0 auto;max-width:1000px}.about-me__img{border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden;width:100%}.about-me__img img{display:block;height:auto;width:100%}.about-me__description h2{display:inline-block;font-size:2rem;margin-bottom:1.5rem;position:relative}.about-me__description h2:after{background:linear-gradient(135deg,#38bdf8,#818cf8);background:var(--gradient-accent);border-radius:9999px;border-radius:var(--radius-full);bottom:-8px;content:"";height:4px;left:0;position:absolute;width:40%}.about-me__description p{color:#64748b;color:var(--color-text-muted);font-size:1.1rem;margin-bottom:1.5rem}.projects{background-color:#f8fafc;background-color:var(--color-background);padding:5rem 1rem}.projects h3{font-size:2rem;margin-bottom:3rem;text-align:center}.project-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.project{background:#fff;background:var(--color-surface);border:1px solid #f1f5f9;border:1px solid var(--color-light);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-10px)}.project__img-container{height:200px;overflow:hidden}.project__img-container img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project:hover .project__img-container img{transform:scale(1.05)}.project__info{padding:1.5rem}.project__info h4{color:#0f172a;color:var(--color-primary);font-size:1.25rem;margin-bottom:.5rem}.project__description{color:#64748b;color:var(--color-text-muted);font-size:.95rem;margin-bottom:1rem}.tech-list{display:flex;gap:.5rem;margin-top:1rem}.tech-list li{align-items:center;background-color:#f1f5f9;background-color:var(--color-light);border-radius:50%;color:#64748b;color:var(--color-text-muted);display:flex;font-size:1.2rem;height:32px;justify-content:center;width:32px}.contact{background:linear-gradient(135deg,#0f172a,#1e293b);background:var(--gradient-primary);color:#fff;padding:5rem 1rem;text-align:center}.contact .section-title{color:#fff;margin-bottom:3rem}.contact__container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff14;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;margin:0 auto;max-width:700px;padding:3rem}.form__inputs{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.input{background:#ffffff08;border:1px solid #ffffff26;border-radius:.75rem;box-sizing:border-box;color:#fff;font-family:inherit;font-size:1rem;padding:1.2rem;transition:all .3s ease;width:100%}.input::placeholder{color:#ffffff80}.input:focus{background:#ffffff14;border-color:#38bdf8;border-color:var(--color-secondary);box-shadow:0 0 0 4px #38bdf81a;outline:none}textarea.input{min-height:180px;resize:vertical}.contact .btn{background:#fff;border-radius:2rem;color:#0f172a;color:var(--color-primary);font-size:1.1rem;font-weight:700;margin-top:2rem;padding:1rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.contact .btn:hover{background:#fff;box-shadow:0 10px 15px -3px #0003;opacity:.95;transform:translateY(-2px)}.footer{background-color:#0f172a;background-color:var(--color-primary);border-top:1px solid #ffffff1a;color:#64748b;color:var(--color-text-muted);padding:2rem 1rem;text-align:center}.footer__copyright{font-size:.9rem}@media screen and (min-width:768px){.header{padding:1.5rem 4rem}.menu-icon-container{display:none}.menu{background:#0000;flex-direction:row;height:auto;position:static;transform:none;width:auto}.hero__greeting h1{font-size:3.5rem}.about-me__container{grid-template-columns:1fr 1fr}.form__inputs{flex-direction:row}}@media screen and (max-width:767px){.menu{background:#fff;background:var(--color-surface);flex-direction:column;height:100vh;justify-content:center;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:100%}.menu.is-active{transform:translateX(0)}.menu ul{flex-direction:column;gap:2rem}.menu-icon-container{display:block;z-index:101}}.spinner{text-align:center;width:70px}.spinner>div{animation:sk-bouncedelay 1.4s ease-in-out infinite both;background-color:var(--color-font);border-radius:100%;display:inline-block;height:18px;width:18px}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.social-media{gap:1.5rem;padding:0}.social-link,.social-media{align-items:center;display:flex;justify-content:center;margin:0}.social-link{background-color:var(--color-surface);border-radius:50%;box-shadow:var(--shadow-sm);height:45px;transition:all .3s ease;width:45px}.social-link .link{align-items:center;color:var(--color-text-muted);display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.social-link:hover{background-color:var(--color-surface);box-shadow:var(--shadow-md);transform:translateY(-3px)}.social-link:hover .link{color:var(--color-secondary)}.social-media.social-light .social-link{background-color:#ffffff1a}.social-media.social-light .social-link:hover{background-color:var(--color-surface)}.sk-folding-cube{height:80px;margin:20px auto;position:relative;transform:rotate(45deg);width:80px}.sk-folding-cube .sk-cube{float:left;height:50%;position:relative;transform:scale(1.1);width:50%}.sk-folding-cube .sk-cube:before{animation:sk-foldCubeAngle 2.4s linear infinite both;background-color:var(--color-primary);content:"";height:100%;left:0;position:absolute;top:0;transform-origin:100% 100%;width:100%}.sk-folding-cube .sk-cube2{transform:scale(1.1) rotate(90deg)}.sk-folding-cube .sk-cube3{transform:scale(1.1) rotate(180deg)}.sk-folding-cube .sk-cube4{transform:scale(1.1) rotate(270deg)}.sk-folding-cube .sk-cube2:before{animation-delay:.3s}.sk-folding-cube .sk-cube3:before{animation-delay:.6s}.sk-folding-cube .sk-cube4:before{animation-delay:.9s}@keyframes sk-foldCubeAngle{0%,10%{opacity:0;transform:perspective(140px) rotateX(-180deg)}25%,75%{opacity:1;transform:perspective(140px) rotateX(0deg)}90%,to{opacity:0;transform:perspective(140px) rotateY(180deg)}}
/*# sourceMappingURL=main.382fab2d.css.map*/