.header{position:fixed;top:0;left:0;width:100%;padding:1.5rem 2rem;z-index:100;transition:all .3s ease}.header.scrolled{background:rgba(5,5,5,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;box-shadow:0 5px 15px #0000004d}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{font-size:2rem;font-weight:700;cursor:pointer}.nav-menu ul{display:flex;list-style:none;gap:2rem}.nav-link{color:var(--text-primary);text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s ease;cursor:pointer;position:relative}.nav-link:hover{color:var(--neon-teal)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--neon-teal);transition:width .3s ease}.nav-link:hover:after{width:100%}.menu-toggle{display:none;cursor:pointer}.hamburger{width:30px;height:20px;position:relative}.hamburger span{display:block;position:absolute;height:2px;width:100%;background:var(--text-primary);border-radius:9px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:9px}.hamburger span:nth-child(3){top:18px}.menu-toggle.active .hamburger span:nth-child(1){top:9px;transform:rotate(135deg);background:var(--neon-teal)}.menu-toggle.active .hamburger span:nth-child(2){opacity:0;left:-60px}.menu-toggle.active .hamburger span:nth-child(3){top:9px;transform:rotate(-135deg);background:var(--neon-teal)}@media (max-width: 768px){.menu-toggle{display:block;z-index:101}.nav-menu{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:rgba(5,5,5,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;transition:right .5s ease;z-index:100}.nav-menu.active{right:0}.nav-menu ul{flex-direction:column;align-items:center;gap:2.5rem}.nav-link{font-size:1.2rem}}.section-container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.section-title{font-size:3rem;font-weight:700;margin-bottom:3rem;text-align:center;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:var(--neon-teal);box-shadow:var(--neon-teal-glow)}.intro-section{display:flex;justify-content:center;align-items:center;text-align:center}.intro-content{max-width:800px}.name{font-size:4.5rem;font-weight:700;margin-bottom:1.5rem;display:flex;flex-direction:column;line-height:1.2}.first-name,.middle-name,.last-name{display:block}.middle-name{font-size:3rem;opacity:.8}.title{font-size:1.5rem;font-weight:400;margin-bottom:2.5rem;color:var(--text-secondary)}.cta-container{margin-top:2rem}.cta-button{background:transparent;color:var(--text-primary);border:2px solid var(--neon-teal);padding:.8rem 2rem;font-size:1rem;font-weight:500;border-radius:30px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--neon-teal-glow)}.cta-button:hover{background:var(--neon-teal);color:var(--dark-bg);transform:translateY(-5px)}.arrow{margin-left:.5rem;display:inline-block;transition:transform .3s ease}.cta-button:hover .arrow{transform:translate(5px)}.about-section{position:relative}.about-content{display:flex;align-items:center;gap:4rem}.about-card-container{flex:1;perspective:1000px}.about-card{background:rgba(10,10,20,.5);border-radius:20px;padding:2rem;transform-style:preserve-3d;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.1);transition:transform .5s ease}.card-content{display:flex;flex-direction:column;align-items:center;text-align:center}.profile-image{width:150px;height:150px;border-radius:50%;overflow:hidden;margin-bottom:1.5rem;border:3px solid var(--neon-teal);box-shadow:var(--neon-teal-glow)}.profile-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0a0a14,#1a1a2e);font-size:3rem;font-weight:700;color:var(--neon-teal)}.card-subtitle{color:var(--text-secondary);margin-top:.5rem}.about-text{flex:1}.about-text p{margin-bottom:1.5rem;line-height:1.8;color:var(--text-secondary)}.about-cta{display:flex;gap:2rem;margin-top:2rem}.cta-link{color:var(--neon-teal);text-decoration:none;font-weight:500;display:flex;align-items:center;transition:all .3s ease}.cta-link:hover{transform:translateY(-3px);text-shadow:var(--neon-teal-glow)}.experience-section{position:relative}.timeline-container{position:relative;margin:4rem 0;padding:0 2rem}.timeline-line{position:absolute;top:0;left:50%;width:4px;height:0;background:var(--neon-teal);transform:translate(-50%);box-shadow:var(--neon-teal-glow);z-index:1}.experiences-list{position:relative;z-index:2}.experience-card{position:relative;width:45%;margin-bottom:4rem;background:rgba(10,10,20,.5);border-radius:15px;padding:1.5rem;box-shadow:0 10px 30px #0003;border:1px solid rgba(255,255,255,.1)}.experience-card.left{left:0}.experience-card.right{left:55%}.experience-dot{position:absolute;width:20px;height:20px;background:var(--neon-teal);border-radius:50%;top:20px;box-shadow:var(--neon-teal-glow)}.experience-card.left .experience-dot{right:-64px}.experience-card.right .experience-dot{left:-64px}.experience-role{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.experience-company{font-size:1.2rem;margin-bottom:.5rem}.experience-period{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.experience-description{margin-bottom:1.5rem;line-height:1.6;color:var(--text-secondary)}.experience-tech{display:flex;flex-wrap:wrap;gap:.5rem}.experience-tech .tech-tag{background:rgba(0,255,213,.1);color:var(--neon-teal);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;border:1px solid var(--neon-teal)}.project-tech .tech-tag{background:rgba(0,255,213,.1);color:var(--neon-teal);padding:.2rem .5rem;border-radius:20px;font-size:.4rem;border:1px solid var(--neon-teal)}.projects-section{position:relative;overflow:hidden}.carousel-container{position:relative;height:500px;perspective:1000px;margin:2rem auto;max-width:1200px}.carousel{position:relative;width:100%;height:100%;transform-style:preserve-3d}.project-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(350px,90vw);height:auto;min-height:300px;background:rgba(10,10,20,1);border-radius:20px;padding:1.5rem;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;transform-style:preserve-3d;backface-visibility:hidden;pointer-events:none}.project-card.active{z-index:10;opacity:1;pointer-events:auto;background:rgba(10,10,20,1)}.project-card.prev{transform:translate(-150%,-50%) scale(.8);opacity:.5}.project-card.next{transform:translate(50%,-50%) scale(.8);opacity:.5}.project-image{width:100%;height:180px;border-radius:10px;overflow:hidden;margin-bottom:1.5rem;background:linear-gradient(135deg,#0a0a14,#1a1a2e);display:none}.image-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--neon-teal)}.project-title{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:600;margin-bottom:.8rem}.project-description{margin-bottom:1.2rem;line-height:1.6;color:var(--text-secondary);font-size:clamp(.8rem,2vw,.9rem)}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.project-link{color:var(--neon-teal);text-decoration:none;font-weight:500;display:flex;align-items:center;transition:all .3s ease}.project-link:hover{text-shadow:var(--neon-teal-glow)}.carousel-controls{position:absolute;left:0;bottom:-100px;width:100%;display:flex;justify-content:center;align-items:center;gap:2rem;padding:1rem;z-index:20}.control-btn{background:transparent;color:var(--text-primary);border:2px solid var(--neon-teal);width:clamp(35px,8vw,40px);height:clamp(35px,8vw,40px);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--neon-teal-glow)}.control-btn:hover{background:var(--neon-teal);color:var(--dark-bg);transform:scale(1.1)}.carousel-indicators{display:flex;gap:.5rem}.indicator{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--neon-teal);box-shadow:var(--neon-teal-glow);transform:scale(1.2)}@media (max-width: 768px){.carousel-container{height:450px}.project-card.prev,.project-card.next{transform:translate(-50%,-50%) scale(.8);opacity:0}}@media (max-width: 480px){.carousel-container{height:400px}.project-card{padding:1rem}.carousel-controls{gap:1rem}.timeline-container{padding:0}}.skills-section{position:relative;overflow:hidden}.skills-categories{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem}.category-tag{padding:.5rem 1.5rem;border-radius:30px;font-weight:500;font-size:1rem}.category-tag.frontend{background:rgba(0,255,213,.1);color:var(--neon-teal);border:1px solid var(--neon-teal)}.category-tag.backend{background:rgba(255,105,180,.1);color:#ff69b4;border:1px solid hotpink}.category-tag.database{background:rgba(30,144,255,.1);color:#1e90ff;border:1px solid dodgerblue}.category-tag.devops{background:rgba(255,165,0,.1);color:orange;border:1px solid orange}.category-tag.mobile{background:rgba(0,191,255,.1);color:#00bfff;border:1px solid deepskyblue}.category-tag.platform{background:rgba(0,128,0,.1);color:green;border:1px solid green}.category-tag.other{background:rgba(138,43,226,.1);color:#8a2be2;border:1px solid blueviolet}.skills-cloud-container{position:relative;height:500px;perspective:1000px}.skills-cloud{position:relative;width:100%;height:100%;transform-style:preserve-3d}.skill-tag{position:absolute;padding:.5rem 1.2rem;border-radius:30px;font-weight:500;font-size:1rem;white-space:nowrap;cursor:pointer;transition:all .3s ease;transform-style:preserve-3d;backface-visibility:hidden}.skill-tag:hover{transform:scale(1.1)!important}.skill-tag.frontend{background:rgba(0,255,213,.1);color:var(--neon-teal);border:1px solid var(--neon-teal)}.skill-tag.backend{background:rgba(255,105,180,.1);color:#ff69b4;border:1px solid hotpink}.skill-tag.database{background:rgba(30,144,255,.1);color:#1e90ff;border:1px solid dodgerblue}.skill-tag.devops{background:rgba(255,165,0,.1);color:orange;border:1px solid orange}.skill-tag.mobile{background:rgba(0,191,255,.1);color:#00bfff;border:1px solid deepskyblue}.skill-tag.platform{background:rgba(0,128,0,.1);color:green;border:1px solid green}.skill-tag.other{background:rgba(138,43,226,.1);color:#8a2be2;border:1px solid blueviolet}.contact-section{position:relative}.contact-container{display:flex;justify-content:center;align-items:center;gap:4rem}.contact-info{flex:1}.contact-heading{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.contact-subheading{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-method{display:flex;align-items:center;gap:1rem}.contact-icon{width:40px;height:40px;border-radius:50%;background:rgba(0,255,213,.1);display:flex;justify-content:center;align-items:center;color:var(--neon-teal);border:1px solid var(--neon-teal)}.contact-link{color:var(--text-primary);text-decoration:none;transition:all .3s ease}.contact-link:hover{color:var(--neon-teal)}.contact-form{flex:1;background:rgba(10,10,20,.5);border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.1)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500}.form-input,.form-textarea{width:100%;padding:.8rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:5px;color:var(--text-primary);font-family:Poppins,sans-serif;transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--neon-teal);box-shadow:0 0 5px #00ffd580}.form-textarea{min-height:150px;resize:vertical}.submit-btn{background:transparent;color:var(--text-primary);border:2px solid var(--neon-teal);padding:.8rem 2rem;font-size:1rem;font-weight:500;border-radius:30px;cursor:pointer;transition:all .3s ease;display:inline-block;box-shadow:var(--neon-teal-glow)}.submit-btn:hover{background:var(--neon-teal);color:var(--dark-bg);transform:translateY(-3px)}@media (max-width: 992px){.about-content,.contact-container{flex-direction:column;gap:3rem}.experience-card{width:80%;left:10%!important}.experience-card.left .experience-dot,.experience-card.right .experience-dot{left:-28px}.timeline-line{left:0}}@media (max-width: 768px){.name{font-size:3.5rem}.middle-name,.section-title{font-size:2.5rem}.project-card{width:300px;height:400px}.skills-categories{flex-wrap:wrap}}@media (max-width: 576px){.name{font-size:2.8rem}.middle-name,.section-title{font-size:2rem}.experience-card{width:100%;left:5%!important}.project-card{width:280px;height:380px}}*{margin:0;padding:0;box-sizing:border-box}:root{--dark-bg: #050505;--dark-bg-gradient: linear-gradient(to bottom, #050505, #0a0a14);--neon-teal: #00ffd5;--neon-teal-glow: 0 0 10px rgba(0, 255, 213, .7);--text-primary: #ffffff;--text-secondary: #b3b3b3}html,body{font-family:Poppins,sans-serif;background:var(--dark-bg-gradient);color:var(--text-primary);overflow-x:hidden;scroll-behavior:smooth}body{position:relative;min-height:100vh}canvas{position:fixed;top:0;left:0;z-index:-1}.container{position:relative;z-index:1}.section{min-height:100vh;width:100%;padding:2rem;display:flex;justify-content:center;align-items:center;position:relative}.neon-text{color:var(--neon-teal);text-shadow:var(--neon-teal-glow)}.neon-border{border:2px solid var(--neon-teal);box-shadow:var(--neon-teal-glow)}.hidden{opacity:0;filter:blur(5px);transform:translateY(100px);transition:all 1s}.show{opacity:1;filter:blur(0);transform:translateY(0)}@media (max-width: 768px){.section{padding:1rem}}