.navbar{align-items:center;background:#000;border-radius:0 0 20px 20px;box-shadow:0 4px 20px #0000004d;display:flex;height:5rem;justify-content:space-between;left:50%;margin:0 auto;max-width:1200px;padding:1rem 2rem;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:1000}.logo{color:#ff6b35;flex-shrink:0;font-size:1.5rem;font-weight:700;letter-spacing:2px}.desktopMenu{align-items:center;display:flex;flex:1 1;gap:2rem;justify-content:center;list-style:none}.desktopMenuListItem{color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.desktopMenuListItem:hover{color:#ff6b35;transform:translateY(-2px)}.desktopMenuBtn{align-items:center;background:#ff6b35!important;border:none;border-radius:2rem;color:#fff!important;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.desktopMenuBtn:hover{background:#e55a2b!important;box-shadow:0 4px 15px #ff6b354d;transform:translateY(-2px)}.active{color:#ff6b35;font-weight:600}.desktopMenuBtn.active{background:#ff6b35!important;color:#fff!important}.desktopMenuBtn.active:hover{background:#e55a2b!important;color:#fff!important}@media screen and (max-width:768px){.desktopMenu,.desktopMenuBtn{display:none}.mobMenu{cursor:pointer;display:block;filter:invert(1);height:1.8rem;object-fit:cover}}@media screen and (min-width:769px){.mobMenu{display:none}.navMenu{display:none!important}}.navMenu{background:#1a1a1a;border:1px solid #333;border-radius:1rem;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;min-width:15rem;padding:1rem;position:absolute;right:1rem;top:5rem;z-index:999}.ListItem{background:#000;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;margin:.25rem 0;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.ListItem:hover{background:#ff6b35;color:#fff;transform:translateX(5px)}.ListItem.active{background:#2a2a2a;border:1px solid #ff6b35;color:#ff6b35}@media screen and (max-width:768px){.navbar{padding:1rem}.logo{font-size:1.25rem}}#intro{background:#000;display:flex;max-width:1200px;min-height:100vh;padding:4rem 2rem 2rem;position:relative}#intro,.introContainer{align-items:center;margin:0 auto;width:100%}.introContainer{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;max-width:1000px}.introContent{display:flex;flex-direction:column;gap:1rem;z-index:2}.hello{font-size:1rem;font-weight:300;letter-spacing:1px;opacity:.9;text-transform:uppercase}.hello,.introName{color:#fff;font-family:Poppins,sans-serif}.introName{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;line-height:1.3;margin:0;padding-bottom:.2rem}.introTitle{color:#ff6b35;font-family:Poppins,sans-serif;font-size:3rem;font-weight:900;letter-spacing:-1px;line-height:1;margin:0;text-shadow:0 4px 8px #ff6b354d}.socialIcons{display:flex;gap:1rem;margin:1rem 0}.socialIcon{align-items:center;background:#1a1a1a;border-radius:12px;display:flex;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.socialIcon:hover{background:#ff6b35;box-shadow:0 8px 25px #ff6b354d;transform:translateY(-3px)}.socialIcon img{display:block;height:24px;object-fit:contain;opacity:1;width:24px}.introButtons{display:flex;justify-content:flex-start;margin:1rem 0}.btn{align-items:center;border:none;border-radius:2rem;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:#ff6b35;color:#fff}.btn-primary:hover{background:#e55a2b;box-shadow:0 4px 15px #ff6b354d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:1px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;box-shadow:0 4px 15px #fff3;color:#000;transform:translateY(-2px)}.imageContainer,.introImage{align-items:center;display:flex;justify-content:center;position:relative}.imageContainer{height:400px;width:320px}.profileImage{border-radius:20px;height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.imageBackground{background:#2a2a2a;border-radius:50%;height:280px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:280px;z-index:1}@media screen and (max-width:968px){.introContainer{gap:3rem;grid-template-columns:1fr;text-align:center}.introImage{order:-1}.imageContainer{height:320px;width:250px}.imageBackground{height:200px;width:200px}}@media screen and (max-width:768px){#intro{padding:5rem 1rem 2rem}.introName{font-size:2.2rem;letter-spacing:-.3px;line-height:1.3;padding-bottom:.2rem}.introTitle{font-size:2.5rem;letter-spacing:-.8px}.btn,.introButtons{justify-content:center}.btn{width:200px}}@media screen and (max-width:480px){.introName{font-size:1.8rem;letter-spacing:-.2px;line-height:1.3;padding-bottom:.2rem}.introTitle{font-size:2.2rem;letter-spacing:-.6px}.imageContainer{height:250px;width:200px}.imageBackground{height:160px;width:160px}.socialIcons{justify-content:center}.socialIcon{height:45px;width:45px}.socialIcon img{height:20px;width:20px}}#skills{align-items:center;background:#000;display:flex;flex-direction:column;justify-content:center;margin:2rem auto 0;max-width:1200px;overflow:hidden;padding:4rem 2rem;text-align:center;width:100%}.skilltitle{color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem}.skillDesc{color:#ccc;font-size:1rem;font-weight:300;line-height:1.6;margin-bottom:3rem;max-width:800px;padding:0 2rem}.skillsActions{display:flex;justify-content:center;margin-bottom:1.5rem}.skillBars{margin:1rem 0;max-width:800px;text-align:left;width:100%}.skillBar{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:1rem;display:flex;margin:1.5rem 0;padding:2rem;transition:all .3s ease}.skillBar:hover{background:#2a2a2a;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.skillBarImg{height:4rem;margin-right:2rem;object-fit:cover;width:4rem}.skillBarText>h2{word-wrap:break-word;color:#fff;font-size:1.8rem;font-weight:600;line-height:1.2;margin-bottom:.5rem;white-space:normal}.skillBarText>p{color:#ccc;font-size:1rem;font-weight:300;line-height:1.5}@media screen and (max-width:768px){#skills{padding:3rem 1rem}.skilltitle{font-size:2.5rem}.skillBarText>h2{font-size:1.5rem}.skillBarText>p{font-size:.9rem}.skillBarImg{height:3rem;margin-right:1.5rem;width:3rem}.skillBar{padding:1.5rem}}@media screen and (max-width:480px){.skilltitle{font-size:2rem}.skillBarText>h2{font-size:1.3rem}.skillBarText>p{font-size:.85rem}.skillBarImg{height:2.5rem;margin-right:1rem;width:2.5rem}.skillBar{flex-direction:column;padding:1rem;text-align:center}.skillBarImg{margin-bottom:1rem;margin-right:0}}#works{align-items:center;background:#000;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;min-height:calc(100vh - 4rem);padding:4rem 2rem;text-align:center;width:100%}.worksTitle{color:#fff;font-size:3rem;font-weight:700;margin:1rem 0}.workDesc{color:#ccc;font-size:1rem;font-weight:300;line-height:1.6;margin-bottom:3rem;max-width:600px}.carouselContainer{align-items:center;display:flex;gap:1rem;margin:2rem auto;max-width:1200px;position:relative;width:100%}.carouselButton{align-items:center;background:#ff6b35cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;transition:all .3s ease;width:50px;z-index:10}.carouselButton:hover{background:#ff6b35;transform:scale(1.1)}.carouselButton.left{margin-right:.5rem}.carouselButton.right{margin-left:.5rem}.worksImgs{-ms-overflow-style:none;align-items:center;display:flex;flex:1 1;gap:2rem;overflow-x:auto;padding:1rem;scroll-behavior:smooth;scrollbar-width:none}.worksImgs::-webkit-scrollbar{display:none}.worksImg{border:2px solid #333;border-radius:1rem;cursor:pointer;flex-shrink:0;height:20rem;max-width:400px;min-width:300px;object-fit:cover;transition:all .3s ease;width:auto}.worksImg:hover{box-shadow:0 10px 30px #0000004d;transform:scale(1.05)}.workBtn{display:none}.certButton{background-color:#ff6b35;border-radius:2rem;color:#fff;display:inline-block;font-weight:600;margin-top:1.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.certButton:hover{background-color:#e55a2b;box-shadow:0 4px 15px #ff6b354d;transform:translateY(-2px)}.modalOverlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modalContent{animation:scaleIn .3s ease;background:#1a1a1a;border:1px solid #333;border-radius:1rem;color:#fff;max-width:500px;padding:2rem;position:relative;text-align:center;width:90%}.modalImg{border-radius:.5rem;margin-bottom:1rem;width:100%}.modalContent h3{color:#ff6b35;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.modalDesc{color:#ccc;font-size:1rem;font-weight:300;line-height:1.6;margin:1rem 0 1.5rem}.modalLinks{gap:1rem;justify-content:center;margin-top:1.5rem}.modalButton,.modalLinks{align-items:center;display:flex}.modalButton{border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.githubButton{background:#ff6b35;color:#fff}.githubButton:hover{background:#e55a2b;box-shadow:0 4px 15px #ff6b3566;transform:translateY(-2px)}.liveButton{background:#4caf50;color:#fff}.liveButton:hover{background:#45a049;box-shadow:0 4px 15px #4caf5066;transform:translateY(-2px)}.buttonIcon{font-size:1.2rem}.modalExitText{color:#666;font-size:.9rem;font-style:italic;margin-top:1rem}@media screen and (max-width:768px){#works{padding:3rem 1rem}.worksTitle{font-size:2.5rem}.carouselContainer{gap:.5rem}.carouselButton{font-size:1.2rem;height:40px;width:40px}.worksImgs{gap:1rem}.worksImg{height:15rem;max-width:350px;min-width:250px}.modalLinks{flex-direction:column;gap:.75rem}.modalButton{justify-content:center;width:100%}}@media screen and (max-width:585px){.worksImg{height:12rem;max-width:300px;min-width:200px}.modalContent{padding:1.5rem}.worksTitle{font-size:2rem}.modalContent h3{font-size:1.3rem}.modalDesc{font-size:.9rem}.carouselButton{font-size:1rem;height:35px;width:35px}}#contactPage{align-items:center;background:#000;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;min-height:100vh;padding:4rem 2rem;text-align:center;width:100%}.contactPageTitle{color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem}.constDesc{color:#ccc;font-size:1rem;font-weight:300;line-height:1.6;margin-bottom:2rem;max-width:600px;padding:1rem}.contactForm{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:1rem auto;max-width:600px;width:100%}.email,.msg,.name{background:#1a1a1a;border:1px solid #333;border-radius:.5rem;color:#fff;font-family:inherit;font-size:1rem;margin:.75rem 0;max-width:500px;padding:1rem;transition:all .3s ease;width:100%}.email:focus,.msg:focus,.name:focus{border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533;outline:none}.email::placeholder,.msg::placeholder,.name::placeholder{color:#666}.msg{min-height:120px;resize:vertical}.submitBtn{background:#ff6b35;border:none;border-radius:2rem;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin:2rem 0;padding:.75rem 2rem;transform:translateY(0);transition:all .3s ease}.submitBtn:hover{background:#e55a2b;box-shadow:0 4px 15px #ff6b354d;transform:translateY(-2px)}.submitBtn:active{box-shadow:0 2px 5px #0003;transform:translateY(0)}.links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.link{background:#2a2a2a;border:1px solid #ff6b35;border-radius:.5rem;height:3rem;object-fit:cover;opacity:1;padding:.5rem;transition:all .3s ease;width:3rem}.link,.link:hover{filter:brightness(0) invert(1)}.link:hover{background:#ff6b35;border-color:#e55a2b;box-shadow:0 5px 15px #ff6b354d;transform:translateY(-3px)}@media screen and (max-width:768px){#contactPage{margin:0;max-width:100%;padding:3rem 1rem;width:100%}.contactPageTitle{font-size:2.5rem;text-align:center}.constDesc{padding:0 1rem;text-align:center}.contactForm{margin:1rem auto;max-width:100%;padding:0;width:100%}.email,.msg,.name{box-sizing:border-box;margin:.75rem 0;max-width:100%;padding:1rem;width:100%}}@media screen and (max-width:480px){#contactPage{margin:0;max-width:100%;padding:2rem .5rem;width:100%}.contactPageTitle{font-size:2rem;text-align:center}.constDesc{font-size:.9rem;padding:0 .5rem;text-align:center}.contactForm{margin:1rem auto;max-width:100%;padding:0;width:100%}.email,.msg,.name{box-sizing:border-box;font-size:.9rem;margin:.5rem 0;max-width:100%;padding:.75rem;width:100%}.submitBtn{display:block;font-size:.9rem;margin:1.5rem auto;padding:.75rem 1.5rem}.link{height:2.5rem;width:2.5rem}}@media screen and (max-width:360px){#contactPage{padding:1.5rem .25rem}.contactForm{margin:.5rem auto}.email,.msg,.name{margin:.4rem 0;padding:.5rem}}.certifications-page{align-items:center;background:#1e1e1e;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:75rem;min-height:100vh;padding:6rem 2rem 4rem;width:100%}.certTitle{font-size:3rem;font-weight:600;margin-bottom:1rem;text-align:center}.certContainer{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem;max-width:70rem;width:100%}.certCard{align-items:center;background:#282828;border-radius:1rem;box-shadow:0 4px 8px #0000004d;cursor:zoom-in;display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.certCard:hover{box-shadow:0 8px 20px #0006;transform:translateY(-4px)}.certImg{border:2px solid #3c3c3c;border-radius:.5rem;height:auto;margin-bottom:1rem;max-width:300px;object-fit:cover;width:100%}.certCard h3{color:#ff6b35;font-size:1.4rem;font-weight:600;line-height:1.3;margin:1rem 0 .5rem}.certCard p{color:#ccc;font-size:.95rem;margin:.3rem 0}.certCard p strong{color:#fff;font-weight:600}.certModalOverlay{align-items:center;animation:fadeIn .15s ease-out;background:#0009;display:flex;inset:0;justify-content:center;overflow:hidden;padding:24px;position:fixed;z-index:1000}.certModal{animation:scaleIn .16s ease-out;background:#121212;border:1px solid #ffffff0f;border-radius:12px;box-shadow:0 12px 32px #00000073;overflow:hidden;padding:16px;position:relative;width:min(50vw,900px)}.certModalImg{border:1px solid #ffffff14;border-radius:8px;display:block;height:auto;max-height:72vh;object-fit:contain;width:100%}.certModalInfo{color:#fff;font-size:.95rem;margin-top:12px}.certHint{color:#aaa;font-size:.85rem;font-style:italic;margin-top:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.certModal{width:90vw}.certModalImg{max-height:70vh}}@media (max-width:480px){.certifications-page{padding:4rem .5rem 2rem}.certTitle{font-size:2rem}.certContainer{gap:1.5rem;grid-template-columns:1fr}.certImg{max-width:250px}}#techstack{align-items:center;background:#000;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;min-height:100vh;padding:4rem 2rem;text-align:center;width:100%}.techStackTitle{color:#fff;font-size:3rem;font-weight:700;margin:1rem 0}.techStackDesc{color:#ccc;font-size:1.2rem;font-weight:300;line-height:1.6;margin-bottom:3rem;max-width:600px}.techStackContainer{display:flex;flex-direction:column;gap:3rem;max-width:1000px;width:100%}.techCategory{background:#1a1a1a;border:1px solid #333;border-radius:1rem;padding:2rem;transition:all .3s ease}.techCategory:hover{background:#2a2a2a;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.categoryTitle{color:#ff6b35;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:left}.techGrid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.techItem{align-items:center;background:#000;border:1px solid #333;border-radius:.75rem;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.techItem:hover{border-color:#ff6b35;box-shadow:0 8px 25px #ff6b3533;transform:translateY(-3px)}.techIcon{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:.75rem;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.techIcon:hover{background:#2a2a2a;border-color:#ff6b35}.techInfo{flex:1 1;text-align:left}.techInfo h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.progressBar{background:#333;border-radius:4px;height:8px;margin-bottom:.3rem;overflow:hidden;width:100%}.progressFill{animation:fillProgress 2s ease-in-out;background:linear-gradient(45deg,#ff6b35,#e55a2b);border-radius:4px;height:100%;transition:width 2s ease-in-out}@keyframes fillProgress{0%{width:0}}.percentage{color:#ccc;font-size:.9rem;font-weight:500}.toolsGrid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.toolItem{align-items:center;background:#000;border:1px solid #333;border-radius:.75rem;display:flex;flex-direction:column;gap:.8rem;padding:1.5rem 1rem;transition:all .3s ease}.toolItem:hover{border-color:#ff6b35;box-shadow:0 8px 25px #ff6b3533;transform:translateY(-5px)}.toolIcon{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:50%;display:flex;height:70px;justify-content:center;transition:all .3s ease;width:70px}.toolIcon:hover{background:#2a2a2a;border-color:#ff6b35}.toolName{color:#fff;font-size:1rem;font-weight:600}@media screen and (max-width:768px){#techstack{padding:3rem 1rem}.techStackTitle{font-size:2.5rem}.techStackDesc{font-size:1rem;margin-bottom:2rem}.techCategory{padding:1.5rem}.categoryTitle{font-size:1.5rem;text-align:center}.techGrid{grid-template-columns:1fr}.toolsGrid{grid-template-columns:repeat(2,1fr)}.techIcon{height:50px;width:50px}.toolIcon{height:60px;width:60px}}@media screen and (max-width:480px){.techStackTitle{font-size:2rem}.techStackDesc{font-size:.9rem}.techCategory{padding:1rem}.toolsGrid{grid-template-columns:1fr}.techItem{flex-direction:column}.techInfo,.techItem{text-align:center}}
/*# sourceMappingURL=main.cb7b2715.css.map*/