.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#070710cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,210,255,.1);transition:all .4s ease}.header.scrolled{padding:10px 0;background-color:#070710f2;box-shadow:var(--shadow)}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo{font-size:1.8rem;font-weight:700;color:var(--light);display:flex;align-items:center;text-decoration:none}.logo span{color:var(--primary);text-shadow:var(--neon-glow)}.logo:before{content:"<";color:var(--primary);margin-right:5px}.logo:after{content:"/>";color:var(--primary);margin-left:5px}.nav-links{display:flex;list-style:none;gap:30px}.nav-links a{color:var(--light);font-weight:500;padding:5px 0;transition:all .3s ease;text-decoration:none;position:relative}.nav-links a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);box-shadow:var(--neon-glow);transition:width .3s ease}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:before{width:100%}.hamburger{display:none;cursor:pointer;z-index:1001;background:none;border:none;color:var(--light)}@media (max-width: 768px){.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:280px;background:var(--darker);flex-direction:column;padding:80px 30px;transition:right .3s ease;border-left:1px solid rgba(0,163,255,.2);gap:20px}.nav-links.active{right:0}.hamburger{display:block}}.hero{height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(7,7,16,.9) 0%,rgba(12,12,20,.8) 100%)}.hero-content{max-width:700px;z-index:1;position:relative}.hero h1{font-size:3.5rem;margin-bottom:25px;line-height:1.3;font-weight:700;text-transform:uppercase}.hero h1 span:first-child{background:linear-gradient(90deg,var(--light),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.type-animation{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border-right:3px solid var(--primary);animation:blink-caret 1s infinite}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--primary)}}.hero-subtitle{font-size:1.3rem;color:var(--gray);margin-bottom:40px;max-width:600px;line-height:1.6}.hero-stats{display:flex;gap:40px;margin-bottom:50px}.stat{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--primary);text-shadow:var(--neon-glow)}.stat-label{font-size:.9rem;color:var(--gray);text-transform:uppercase;letter-spacing:1px}.hero-btns{display:flex;gap:20px;flex-wrap:wrap}.hero-image{position:absolute;right:5%;bottom:10%;width:40%;z-index:0;opacity:.8}.floating-elements{position:relative;width:100%;height:400px}.floating-element{position:absolute;width:80px;height:80px;background:rgba(0,163,255,.1);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary);animation:floatElement 6s ease-in-out infinite;border:2px solid rgba(0,163,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-element.react{top:10%;left:20%;animation-delay:0s}.floating-element.typescript{top:60%;left:10%;animation-delay:-2s}.floating-element.node{top:30%;right:20%;animation-delay:-4s}.floating-element.aws{bottom:20%;right:10%;animation-delay:-6s}@keyframes floatElement{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero-stats{gap:20px}.hero-btns{flex-direction:column;align-items:flex-start}.hero-image{display:none}}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.about-title{font-size:2.8rem;margin-bottom:25px;background:linear-gradient(90deg,var(--light),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-text p{margin-bottom:20px;color:var(--gray);font-size:1.1rem;line-height:1.8}.experience-highlights{margin:40px 0}.highlight{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px;padding:20px;background:rgba(0,163,255,.05);border-radius:10px;border-left:4px solid var(--primary)}.highlight i{font-size:1.5rem;color:var(--primary);margin-top:5px}.highlight h4{margin-bottom:8px;color:var(--light)}.highlight p{margin:0;color:var(--gray);font-size:.95rem}.cta-section{background:rgba(0,163,255,.1);padding:30px;border-radius:15px;border:1px solid rgba(0,163,255,.2);text-align:center}.cta-section p{margin-bottom:20px;font-size:1.1rem}.tech-stack-visual{display:flex;flex-direction:column;gap:20px;perspective:1000px}.stack-layer{padding:25px;border-radius:15px;background:rgba(0,163,255,.1);border:1px solid rgba(0,163,255,.2);transform-style:preserve-3d;transition:all .3s ease}.stack-layer:hover{transform:translateY(-5px) rotateX(5deg);box-shadow:var(--shadow)}.stack-layer h4{margin-bottom:15px;color:var(--primary);text-align:center}.tech-icons{display:flex;justify-content:center;gap:20px}.tech-icons i{font-size:2rem;color:var(--light);transition:all .3s ease}.tech-icons i:hover{color:var(--primary);transform:scale(1.2)}@media (max-width: 768px){.about-content{grid-template-columns:1fr;gap:40px}.about-title{font-size:2.2rem}}.experience{background:rgba(7,7,16,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary),var(--secondary))}.timeline-item{display:flex;margin-bottom:50px;position:relative}.timeline-date{min-width:120px;padding:10px 20px;background:var(--primary);color:#fff;border-radius:20px;text-align:center;font-weight:600;margin-right:40px;box-shadow:var(--neon-glow);flex-shrink:0}.timeline-content{flex:1;background:rgba(12,12,20,.8);padding:30px;border-radius:15px;border:1px solid rgba(0,163,255,.1);transition:all .3s ease}.timeline-content:hover{transform:translate(10px);border-color:var(--primary);box-shadow:var(--shadow)}.timeline-content h3{margin-bottom:5px;color:var(--light)}.company{color:var(--primary);font-weight:600;margin-bottom:15px;display:block}.timeline-content ul{list-style:none;margin-bottom:20px}.timeline-content li{margin-bottom:8px;padding-left:20px;position:relative;color:var(--gray)}.timeline-content li:before{content:"▸";position:absolute;left:0;color:var(--primary)}.tech-used{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{background:rgba(0,163,255,.1);padding:5px 12px;border-radius:15px;font-size:.8rem;border:1px solid rgba(0,163,255,.3);color:var(--primary)}@media (max-width: 768px){.timeline:before{left:20px}.timeline-item{flex-direction:column;gap:15px}.timeline-date{margin-right:0;align-self:flex-start}.timeline-content:hover{transform:translate(5px)}}.project-image-section{position:relative;height:200px;overflow:hidden;border-bottom:1px solid rgba(0,163,255,.1)}.project-main-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-main-image{transform:scale(1.05)}.project-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,162,255,.8);display:flex;align-items:center;justify-content:center;gap:15px;opacity:0;transition:opacity .3s ease}.project-card:hover .project-image-overlay{opacity:1}.project-image-link{width:50px;height:50px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);text-decoration:none;transition:all .3s ease}.project-image-link:hover{background:white;transform:scale(1.1);box-shadow:0 5px 15px #0000004d}.project-header{display:none}.skills-section{background:rgba(7,7,16,.8)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.skill-category{background:rgba(12,12,20,.6);padding:30px;border-radius:15px;border:1px solid rgba(0,163,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-category h3{margin-bottom:25px;color:var(--primary);text-align:center;font-size:1.3rem;text-transform:uppercase;letter-spacing:1px;position:relative}.skill-category h3:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:50px;height:2px;background:var(--primary);box-shadow:var(--neon-glow)}.skill-level{margin-bottom:25px}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.skill-name{color:var(--light);font-weight:500;font-size:.95rem}.skill-percentage{color:var(--primary);font-weight:600;font-size:.85rem;background:rgba(0,162,255,.1);padding:2px 8px;border-radius:10px;border:1px solid rgba(0,162,255,.3)}.level-bar{height:8px;background:rgba(0,163,255,.1);border-radius:4px;overflow:hidden;position:relative}.level-progress{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;width:0;transition:width 1.5s cubic-bezier(.65,0,.35,1);position:relative;box-shadow:0 0 10px #00a2ff4d}.level-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(400%)}}.level-progress[data-level="95"]{background:linear-gradient(90deg,#00a2ff,#00d9ff)}.level-progress[data-level="90"]{background:linear-gradient(90deg,#00a2ff,#00c8ff)}.level-progress[data-level="88"]{background:linear-gradient(90deg,#00a2ff,#00b8ff)}.level-progress[data-level="85"]{background:linear-gradient(90deg,#00a2ff,#00a8ff)}.level-progress[data-level="82"]{background:linear-gradient(90deg,#00a2ff,#0098ff)}.level-progress[data-level="80"]{background:linear-gradient(90deg,#00a2ff,#0088ff)}.level-progress[data-level="75"]{background:linear-gradient(90deg,#00a2ff,#0078ff)}.level-progress[data-level="70"]{background:linear-gradient(90deg,#00a2ff,#0068ff)}.skill-level:hover .skill-name{color:var(--primary);transform:translate(5px);transition:all .3s ease}.skill-level:hover .level-progress{box-shadow:0 0 15px #00a2ff80}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr;gap:30px}.skill-category{padding:25px 20px}.skill-header{flex-direction:column;align-items:flex-start;gap:5px}.skill-percentage{align-self:flex-end;margin-top:-25px}}@media (max-width: 480px){.skills-grid{grid-template-columns:1fr}.skill-category{padding:20px 15px}}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-info{display:flex;flex-direction:column;gap:25px}.contact-item{display:flex;align-items:center;gap:20px;padding:25px;background:rgba(7,7,16,.5);border-radius:15px;transition:all .3s ease;border:1px solid rgba(0,163,255,.1)}.contact-item:hover{transform:translate(10px);border:1px solid rgba(0,163,255,.3);box-shadow:0 5px 15px #00a3ff1a}.contact-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 5px 15px #00a3ff4d;flex-shrink:0}.contact-details h3{margin-bottom:8px;font-size:1.2rem;color:var(--light)}.contact-details p{color:var(--gray);margin-bottom:5px}.contact-details small{color:var(--gray-light);font-size:.8rem}.contact-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:var(--light)}.form-group input,.form-group select,.form-group textarea{padding:15px 20px;background:rgba(7,7,16,.5);border:1px solid rgba(0,163,255,.2);border-radius:8px;font-size:1rem;color:var(--light);transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border:1px solid var(--primary);box-shadow:0 0 15px #00a3ff33}.form-group textarea{min-height:150px;resize:vertical}.form-status{padding:15px;border-radius:8px;text-align:center}.form-status.success{background:rgba(0,217,166,.1);border:1px solid var(--success);color:var(--success)}.form-status.error{background:rgba(255,60,120,.1);border:1px solid var(--error);color:var(--error)}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:40px}.contact-item{padding:20px}.contact-icon{width:60px;height:60px}}footer{background:var(--darker);color:#fff;padding:80px 0 30px;border-top:1px solid rgba(0,210,255,.1)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:50px}.footer-about h2{font-size:2rem;margin-bottom:20px;background:linear-gradient(90deg,var(--light),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-about p{margin-top:15px;color:var(--gray);line-height:1.8;margin-bottom:25px}.footer-stats{display:flex;gap:30px}.footer-stat{text-align:center}.footer-stat .number{display:block;font-size:1.8rem;font-weight:700;color:var(--primary);margin-bottom:5px}.footer-stat .label{font-size:.8rem;color:var(--gray);text-transform:uppercase;letter-spacing:1px}.footer-links h3,.footer-social h3{margin-bottom:25px;font-size:1.3rem;position:relative;padding-bottom:10px}.footer-links h3:after,.footer-social h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--primary);box-shadow:var(--neon-glow)}.footer-links ul{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--gray);transition:all .3s ease;text-decoration:none}.footer-links a:hover{color:var(--primary);padding-left:5px}.social-icons{display:flex;flex-direction:column;gap:12px}.social-icon{display:flex;align-items:center;gap:12px;padding:12px 20px;background:rgba(0,163,255,.1);border-radius:8px;color:var(--light);transition:all .3s ease;border:1px solid rgba(0,163,255,.2);text-decoration:none}.social-icon:hover{background:var(--primary);transform:translate(5px);box-shadow:var(--neon-glow)}.social-icon span{font-weight:500}.copyright{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:var(--gray);font-size:.9rem}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:40px}.footer-stats{gap:20px}}.whatsapp-float{position:fixed;width:60px;height:60px;bottom:25px;right:25px;background-color:#25d366;color:#fff;border-radius:50px;text-align:center;font-size:30px;box-shadow:0 5px 15px #25d3664d;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all .3s ease;animation:pulse-whatsapp 2s infinite;text-decoration:none}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 8px 25px #25d36680;background-color:#128c7e}@keyframes pulse-whatsapp{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}:root{--primary: #00a2ff;--secondary: #00d9ff;--accent: #ff3c78;--success: #00d9a6;--warning: #ffb300;--error: #ff3c78;--dark: #0c0c14;--darker: #070710;--light: #f0f6ff;--gray: #a0a0b0;--gray-light: #d0d0e0;--neon-glow: 0 0 10px var(--primary), 0 0 20px var(--primary), 0 0 30px rgba(0, 210, 255, .5);--shadow: 0 10px 30px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box;font-family:"Exo 2",Montserrat,sans-serif}html{scroll-behavior:smooth}body{background-color:var(--darker);color:var(--light);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(18,21,48,.7) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(18,21,48,.5) 0%,transparent 25%)}.grid-background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(10,15,30,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(10,15,30,.7) 1px,transparent 1px);background-size:40px 40px;perspective:1000px;z-index:-1;opacity:.3;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translateY(0) translate(0)}to{transform:translateY(40px) translate(40px)}}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}section{padding:100px 0;position:relative}.section-title{text-align:center;margin-bottom:70px;font-size:2.8rem;font-weight:700;position:relative;text-transform:uppercase;letter-spacing:2px}.section-title:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,var(--primary),transparent);box-shadow:var(--neon-glow)}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 35px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:50px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden;z-index:1;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px #00a3ff4d;text-decoration:none;font-size:.9rem}.btn:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:linear-gradient(135deg,var(--secondary),var(--primary));transition:all .5s ease;z-index:-1}.btn:hover:before{width:100%}.btn:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00a3ff80}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary);box-shadow:0 0 15px #00a3ff4d}.btn-outline:before{background:var(--primary)}.btn-outline:hover{color:#fff}.btn-secondary{background:transparent;border:2px solid var(--gray);color:var(--gray)}.btn-secondary:hover{border-color:var(--primary);color:#fff}@media (max-width: 1200px){.section-title{font-size:2.5rem}}@media (max-width: 768px){.container{width:95%;padding:0 15px}section{padding:60px 0}.section-title{font-size:2rem;margin-bottom:50px}.btn{padding:12px 25px;font-size:.85rem}}@media (max-width: 480px){.section-title{font-size:1.8rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-gradient{background:linear-gradient(90deg,var(--light),var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-image-container{text-align:center;margin-bottom:30px}.profile-image{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid var(--primary);box-shadow:var(--neon-glow);transition:all .3s ease}.profile-image:hover{transform:scale(1.05);box-shadow:0 0 25px var(--primary)}img{transition:opacity .3s ease}img:not([src]){opacity:0}img[src]:not(.loaded){opacity:0}img.loaded{opacity:1}.project-main-image{transition:transform .3s ease,opacity .3s ease}.project-main-image.loading{opacity:.5}.skeleton{background:linear-gradient(90deg,#1a1a2e 25%,#16213e 50%,#1a1a2e 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}