.about{padding:100px 0;background:rgba(7,7,16,.6)}.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}.profile-image-container{display:flex;justify-content:center;margin-bottom:30px}.profile-image{width:200px;height:200px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid var(--primary);box-shadow:0 0 20px rgba(0,162,255,.3),0 0 40px rgba(0,162,255,.2);transition:all .3s ease;animation:fadeInUp .8s ease-out}.profile-image:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(0,162,255,.5),0 0 60px rgba(0,162,255,.3)}.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-icon{padding:12px;background:rgba(0,163,255,.1);border-radius:8px;color:var(--primary);display:flex;align-items:center;justify-content:center;min-width:50px}.highlight h4{margin-bottom:8px;color:var(--light);font-size:1.1rem;font-weight:600}.highlight p{margin:0;color:var(--gray);font-size:.95rem;line-height:1.5}.cta-section{background:rgba(0,163,255,.1);padding:30px;border-radius:15px;border:1px solid rgba(0,163,255,.2);text-align:center;margin-top:30px}.cta-section p{margin-bottom:20px;font-size:1.1rem;color:var(--light)}.about-image{display:flex;align-items:center;justify-content:center}.tech-stack-visual{display:flex;flex-direction:column;gap:20px;perspective:1000px;width:100%;max-width:400px}.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;backdrop-filter:blur(10px)}.stack-layer:hover{transform:translateY(-5px) rotateX(5deg);box-shadow:var(--shadow);border-color:var(--primary)}.stack-layer h4{margin-bottom:15px;color:var(--primary);text-align:center;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px}.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)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.about{padding:80px 0}.about-content{grid-template-columns:1fr;gap:40px}.about-title{font-size:2.2rem;text-align:center}.profile-image{width:180px;height:180px}.highlight{flex-direction:column;text-align:center;gap:15px}.tech-stack-visual{max-width:100%}}.contact{background:rgba(7,7,16,.6)}.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:flex-start;gap:20px;padding:20px;background:rgba(0,163,255,.05);border-radius:10px;border-left:4px solid var(--primary)}.contact-icon{padding:12px;background:rgba(0,163,255,.1);border-radius:8px;color:var(--primary)}.contact-details h3{margin-bottom:5px;color:var(--light)}.contact-details p{margin:0;color:var(--light);font-weight:500}.contact-details small{color:var(--gray);font-size:.8rem}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;color:var(--light);font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;background:rgba(12,12,20,.8);border:1px solid rgba(0,163,255,.2);border-radius:8px;color:var(--light);transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(0,163,255,.1)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group select option{background:var(--dark);color:var(--light)}.form-status{padding:12px 16px;border-radius:8px;text-align:center;font-weight:500}.form-status.success{background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.form-status.error{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3)}@media (max-width:768px){.contact-content{grid-template-columns:1fr;gap:40px}}.experience{background:rgba(7,7,16,.6);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:translateX(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{padding:5px 12px;border-radius:15px;font-size:.8rem}@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:translateX(5px)}}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-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:translateX(5px);box-shadow:var(--neon-glow)}.social-icon span{font-weight:500}.copyright{text-align:center;padding-top:30px;border-top:1px solid hsla(0,0%,100%,.1);color:var(--gray);font-size:.9rem}@media (max-width:768px){.footer-content{grid-template-columns:1fr;gap:40px}}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:rgba(7,7,16,.8);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,210,255,.1);transition:all .4s ease}.header.scrolled{padding:10px 0;background-color:rgba(7,7,16,.95);box-shadow:var(--shadow)}.nav{justify-content:space-between;padding:20px 0}.logo,.nav{display:flex;align-items:center}.logo{font-size:1.8rem;font-weight:700;color:var(--light);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),rgba(12,12,20,.8))}.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);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(0deg)}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}}.interactive-tech-sphere{padding:100px 0;background:linear-gradient(135deg,rgba(7,7,16,.95),rgba(12,12,24,.98));border-bottom:1px solid rgba(0,163,255,.1)}.tech-sphere-content{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center}.tech-visualization{border-radius:20px;overflow:hidden;border:1px solid rgba(0,163,255,.2);box-shadow:0 20px 40px rgba(0,162,255,.1),0 0 80px rgba(0,162,255,.05)}.tech-info,.tech-info-panel{display:flex;flex-direction:column;justify-content:center}.tech-info-panel{background:rgba(18,18,30,.9);padding:30px;border-radius:20px;border:1px solid rgba(0,163,255,.2);backdrop-filter:blur(20px);min-height:300px}.tech-info-panel h3{font-size:1.8rem;margin-bottom:15px;background:linear-gradient(135deg,var(--light),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tech-info-panel p{color:var(--gray);line-height:1.6;margin-bottom:20px}.tech-meta{display:flex;justify-content:space-between;margin-bottom:15px}.category{background:rgba(0,163,255,.1);color:var(--primary);padding:4px 12px;border-radius:12px;font-size:.85rem;border:1px solid rgba(0,163,255,.3)}.level{color:var(--light);font-weight:600;font-size:.9rem}.progress-bar{width:100%;height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden;margin-bottom:20px}.progress-fill{height:100%;border-radius:4px;transition:width .8s ease;box-shadow:0 0 10px currentColor}.tech-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.tech-stats .stat{text-align:center;padding:15px;background:rgba(0,163,255,.05);border-radius:12px;border:1px solid rgba(0,163,255,.1)}.tech-stats .stat .number{display:block;font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:5px}.tech-stats .stat .label{font-size:.8rem;color:var(--gray);text-transform:uppercase;letter-spacing:1px}@media (max-width:1024px){.tech-sphere-content{grid-template-columns:1fr;gap:40px}.tech-info-panel{min-height:auto}}@media (max-width:768px){.interactive-tech-sphere{padding:60px 0}.tech-visualization{height:400px}.tech-stats{grid-template-columns:1fr}}.projects{padding:100px 0;background:linear-gradient(135deg,rgba(7,7,16,.95),rgba(12,12,24,.98))}.section-subtitle{text-align:center;font-size:1.2rem;color:var(--gray);margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.projects-grid{display:grid;gap:50px;max-width:1000px;margin:0 auto}.project-card{background:rgba(18,18,30,.95);border-radius:20px;border:1px solid rgba(0,163,255,.1);backdrop-filter:blur(20px);overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity .3s ease}.project-card:hover:before{opacity:1}.project-card:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:0 20px 40px rgba(0,162,255,.15)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;padding:30px 30px 20px;border-bottom:1px solid hsla(0,0%,100%,.05)}.project-meta{flex:1}.project-category{display:inline-block;background:hsla(0,0%,100%,.1);color:var(--gray-light);padding:4px 12px;border-radius:12px;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;border:1px solid hsla(0,0%,100%,.1)}.project-meta h3{font-size:1.5rem;color:var(--light);margin-bottom:10px;background:linear-gradient(135deg,var(--light),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.3}.project-metrics{display:flex;gap:15px;flex-wrap:wrap;margin-top:10px}.metric{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--gray);background:rgba(0,163,255,.1);padding:4px 10px;border-radius:12px;border:1px solid rgba(0,163,255,.2)}.project-links{display:flex;gap:10px}.project-link{padding:8px;background:hsla(0,0%,100%,.05);border-radius:8px;color:var(--gray);transition:all .3s ease;border:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center}.project-link:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.project-image-container{position:relative;height:300px;overflow:hidden}.project-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,162,255,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.project-card:hover .project-overlay{opacity:1}.project-body{padding:30px}.project-description{font-size:1.1rem;line-height:1.7;color:var(--light);margin-bottom:25px}.case-study-section{margin-bottom:25px}.case-study-section h4{color:var(--primary);margin-bottom:10px;font-size:1.1rem}.case-study-section p{color:var(--gray);line-height:1.6;margin:0}.results-list{list-style:none;padding:0;margin:0}.results-list li{color:var(--gray);margin-bottom:8px;padding-left:20px;position:relative}.results-list li:before{content:"✅";position:absolute;left:0}.project-tech-stack{margin-bottom:30px}.project-tech-stack h4{color:var(--primary);margin-bottom:15px;font-size:1.1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:rgba(0,163,255,.1);color:var(--primary);padding:6px 12px;border-radius:20px;font-size:.85rem;border:1px solid rgba(0,163,255,.3);transition:all .3s ease;font-weight:500}.tech-tag:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.project-actions{display:flex;gap:15px;flex-wrap:wrap}.github-cta{text-align:center;margin-top:80px;padding:50px;background:rgba(0,163,255,.05);border-radius:20px;border:1px solid rgba(0,163,255,.1)}.github-cta h3{color:var(--light);margin-bottom:15px;font-size:1.5rem}.github-cta p{color:var(--gray);margin-bottom:25px;font-size:1.1rem;max-width:500px;margin-left:auto;margin-right:auto}@media (max-width:768px){.project-header{flex-direction:column;gap:15px}.project-image-container{height:200px}.project-body{padding:20px}.github-cta{margin-top:50px;padding:30px 20px}}.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);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:translateX(-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);overflow:hidden}.level-bar,.level-progress{border-radius:4px;position:relative}.level-progress{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));width:0;transition:width 1.5s cubic-bezier(.65,0,.35,1);box-shadow:0 0 10px rgba(0,162,255,.3)}.level-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}.skill-level:hover .skill-name{color:var(--primary);transform:translateX(5px);transition:all .3s ease}.skill-level:hover .level-progress{box-shadow:0 0 15px rgba(0,162,255,.5)}@media (max-width:768px){.skills-grid{grid-template-columns:1fr;gap:30px}.skill-category{padding:25px 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 rgba(37,211,102,.3);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 rgba(37,211,102,.5);background-color:#128c7e}@keyframes pulse-whatsapp{0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{box-shadow:0 0 0 15px rgba(37,211,102,0)}to{box-shadow:0 0 0 0 rgba(37,211,102,0)}}