body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(15,32,39,.1);left:0;padding:1rem 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navigation.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(15,32,39,.95);box-shadow:0 2px 20px rgba(0,0,0,.1);padding:.5rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-logo a{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#00d4ff,#ff006e);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s ease}.nav-logo a:hover{opacity:.8}.nav-menu.desktop{align-items:center;display:flex;gap:2rem}.nav-item{border-radius:25px;color:#fff;font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-item:before{background:linear-gradient(45deg,#00d4ff,#ff006e);border-radius:25px;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.nav-item:hover:before{left:0}.nav-item:hover{color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.mobile-menu-button{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.mobile-menu-button:hover{background:hsla(0,0%,100%,.1)}.nav-menu.mobile{display:none}@media (max-width:768px){.nav-container{padding:0 1rem}.nav-menu.desktop{display:none}.mobile-menu-button{display:block}.nav-menu.mobile{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(15,32,39,.98);border-radius:0 0 20px 20px;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:1rem;left:0;opacity:0;padding:2rem;pointer-events:none;position:absolute;right:0;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:all .3s ease}.nav-menu.mobile.open{opacity:1;pointer-events:all;-webkit-transform:translateY(0);transform:translateY(0)}.nav-menu.mobile .nav-item{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;padding:1rem;text-align:center}.nav-menu.mobile .nav-item:hover{background:hsla(0,0%,100%,.1);border-color:#00d4ff}}.hero{align-items:center;background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.hero:before{background:url('data:image/svg+xml;charset=utf-8,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.hero-content{align-items:center;display:flex;gap:4rem;max-width:1200px;position:relative;width:100%;z-index:1}.hero-image-container{flex-shrink:0;position:relative}.hero-image{border:4px solid #fff;border-radius:50%;box-shadow:0 20px 40px rgba(0,0,0,.3);height:300px;object-fit:cover;position:relative;width:300px;z-index:2}.hero-image-overlay{-webkit-animation:rotate 4s linear infinite;animation:rotate 4s linear infinite;background:linear-gradient(45deg,#00d4ff,#091a7a,#ff006e);border-radius:50%;bottom:-20px;left:-20px;position:absolute;right:-20px;top:-20px;z-index:1}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.hero-text{flex:1 1;max-width:600px}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.highlight{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#00d4ff,#ff006e);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#b0bec5;font-size:1.5rem;font-weight:400;margin-bottom:1.5rem}.hero-description{color:#cfd8dc;font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem;max-width:500px}.hero-cta{display:flex;gap:1rem}.cta-button{border:none;cursor:pointer;display:inline-block;font-size:1.1rem;text-align:center}.cta-button.primary{background:linear-gradient(45deg,#00d4ff,#091a7a);box-shadow:0 8px 25px rgba(0,212,255,.3);color:#fff}.cta-button.primary:hover{box-shadow:0 15px 35px rgba(0,212,255,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.cta-button.secondary{background:transparent;border:2px solid #00d4ff;color:#fff}.cta-button.secondary:hover{background:#00d4ff;box-shadow:0 10px 25px rgba(0,212,255,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.scroll-indicator{bottom:2rem;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.scroll-arrow{background:linear-gradient(180deg,transparent,#00d4ff,transparent);height:30px;position:relative;width:2px}.scroll-arrow:after{border-bottom:2px solid #00d4ff;border-right:2px solid #00d4ff;bottom:0;content:"";height:8px;left:-3px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}@media (max-width:768px){.hero{padding:1rem}.hero-content{flex-direction:column;gap:2rem;text-align:center}.hero-image{height:200px;width:200px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-cta{align-items:center;flex-direction:column}.cta-button{max-width:250px;width:100%}}.about{background:#f8fafc;color:#2d3748;padding:6rem 0}.about-header{margin-bottom:4rem;text-align:center}.section-title{background:linear-gradient(45deg,#2d3748,#4a5568)}.section-subtitle{color:#718096}.about-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.about-text{color:#4a5568;font-size:1.1rem;line-height:1.8}.about-text p{margin-bottom:1.5rem}.skills-section{background:#fff;border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:2.5rem}.skills-title{color:#2d3748;font-size:1.5rem;font-weight:600}.skill-item,.skills-title{margin-bottom:2rem}.skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.skill-name{color:#2d3748;font-weight:600}.skill-percentage{color:#718096;font-size:.9rem;font-weight:500}.skill-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.skill-progress{background:linear-gradient(45deg,#00d4ff,#091a7a);border-radius:4px;height:100%;position:relative}.skill-progress:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@-webkit-keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@media (max-width:768px){.about{padding:4rem 0}.container{padding:0 1rem}.section-title{font-size:2.5rem}.about-content{gap:2rem;grid-template-columns:1fr}.skills-section{padding:2rem}.about-text{font-size:1rem}}.projects{background:linear-gradient(135deg,#0b1226,#1f2a44);color:#fff;overflow:hidden;padding:6rem 0;position:relative}.projects:before{background:url('data:image/svg+xml;charset=utf-8,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.container{position:relative;z-index:1}.projects .container{margin:0 auto;max-width:1400px;padding:0 2rem}.projects-header{margin-bottom:4rem;text-align:center}.section-title{color:#fff}.section-subtitle{color:hsla(0,0%,100%,.8)}.projects-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(4,minmax(320px,1fr));margin-bottom:4rem}@media (max-width:1600px){.projects-grid{gap:2rem;grid-template-columns:repeat(3,minmax(320px,1fr))}}@media (max-width:1200px){.projects-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.project-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.project-card:hover:before{left:100%}.project-card.featured{border:2px solid #00d4ff;box-shadow:0 20px 40px rgba(0,212,255,.3)}.project-icon{align-items:center;background:linear-gradient(45deg,#00d4ff,#ff006e);border-radius:15px;color:#fff;display:inline-flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.project-content{position:relative;z-index:2}.project-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-shadow:0 1px 4px rgba(0,0,0,.2)}.project-description{color:hsla(0,0%,100%,.8);line-height:1.6;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tech-tag{background:hsla(0,0%,100%,.2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:.3rem .8rem}.project-links{display:flex;gap:1rem}.project-link{align-items:center;border:1px solid hsla(0,0%,100%,.3);border-radius:25px;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.7rem 1.2rem;text-decoration:none;transition:all .3s ease}.project-link:hover{background:hsla(0,0%,100%,.1);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project-link.primary{background:#00d4ff;border-color:#00d4ff;color:#1a202c}.project-link.primary:hover{background:#09c;color:#fff}.featured-badge{background:linear-gradient(45deg,#00d4ff,#ff006e);border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .8rem;position:absolute;right:1rem;top:1rem}.projects-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:2rem;text-align:center}.projects-cta p{color:hsla(0,0%,100%,.9);font-size:1.1rem;margin-bottom:1.5rem}.cta-button{align-items:center;background:linear-gradient(45deg,#00d4ff,#091a7a);border-radius:50px;box-shadow:0 8px 25px rgba(0,212,255,.3);color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 15px 35px rgba(0,212,255,.4);color:#fff;-webkit-transform:translateY(-3px);transform:translateY(-3px)}@media (max-width:768px){.projects{padding:4rem 0}.section-title{font-size:2.5rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr}.project-card{padding:2rem}.project-links{flex-direction:column}.project-link{justify-content:center}}.contact{background:#1a202c;color:#fff;padding:6rem 0 2rem;position:relative}.contact-header{margin-bottom:4rem;text-align:center}.section-title{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#00d4ff,#ff006e);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:#a0aec0;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.contact-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.contact-info h3{color:#fff;font-size:2rem;font-weight:600;margin-bottom:1.5rem}.contact-info p{color:#a0aec0;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.contact-highlight{display:flex;gap:2rem;margin-top:2rem}.highlight-item{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;display:flex;flex-direction:column;padding:1.5rem}.highlight-number{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#00d4ff,#ff006e);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.highlight-text{color:#a0aec0;font-size:.9rem;text-align:center}.social-links{display:flex;flex-direction:column;gap:1rem}.social-link{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;color:#fff;display:flex;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.social-link:before{background:linear-gradient(90deg,transparent,rgba(0,212,255,.1),transparent);background:linear-gradient(90deg,transparent,rgba(var(--accent-color-rgb,0,212,255),.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.social-link:hover:before{left:100%}.social-link:hover{background:hsla(0,0%,100%,.08);border-color:#00d4ff;border-color:var(--accent-color,#00d4ff);-webkit-transform:translateX(5px);transform:translateX(5px)}.social-icon{align-items:center;background:#00d4ff;background:var(--accent-color,#00d4ff);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;margin-right:1rem;width:50px}.social-content{flex:1 1}.social-name{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .3rem}.social-description{color:#a0aec0;font-size:.9rem;margin:0}.social-arrow{color:#00d4ff;color:var(--accent-color,#00d4ff);font-size:1.5rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.social-link:hover .social-arrow{-webkit-transform:translateX(5px);transform:translateX(5px)}.contact-footer{border-top:1px solid hsla(0,0%,100%,.1);color:#a0aec0;font-size:.9rem;padding:2rem 0;text-align:center}@media (max-width:768px){.contact{padding:4rem 0 2rem}.section-title{font-size:2.5rem}.contact-content{gap:2rem;grid-template-columns:1fr}.contact-highlight{gap:1rem;justify-content:center}.highlight-item{min-width:120px;padding:1rem}.highlight-number{font-size:2rem}.social-link{padding:1.2rem}.social-icon{font-size:1.1rem;height:45px;width:45px}}.social-link[href*=linkedin]{--accent-color:#0077b5;--accent-color-rgb:0,119,181}.social-link[href*=github]{--accent-color:#333;--accent-color-rgb:51,51,51}.social-link[href*=instagram]{--accent-color:#e4405f;--accent-color-rgb:228,64,95}.social-link[href*=mailto]{--accent-color:#ea4335;--accent-color-rgb:234,67,53}.social-link[href*=whatsapp]{--accent-color:#25d366;--accent-color-rgb:37,211,102}.social-link[href*=twitch]{--accent-color:#9146ff;--accent-color-rgb:145,70,255}.scroll-to-top{align-items:center;background:linear-gradient(45deg,#00d4ff,#ff006e);border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 20px rgba(0,212,255,.4);color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;position:fixed;right:2rem;transition:all .3s ease;width:50px;z-index:1000}.scroll-to-top:hover{box-shadow:0 8px 30px rgba(0,212,255,.6);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.scroll-to-top:active{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:768px){.scroll-to-top{bottom:1.5rem;font-size:1.1rem;height:45px;right:1.5rem;width:45px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2d3748;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{overflow-x:hidden}html{scroll-behavior:smooth}section{position:relative;width:100%}main{padding-top:0}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.text-center{text-align:center}.mb-4{margin-bottom:2rem}.mb-6{margin-bottom:3rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a202c}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00d4ff,#ff006e);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#09c,#c05)}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@media (max-width:768px){.container{padding:0 1rem}}@media (max-width:480px){.container{padding:0 .5rem}}
/*# sourceMappingURL=main.f2b55842.css.map*/