.navbar{position:fixed;top:0;left:0;width:100%;height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;box-shadow:0 2px 8px #0000000d;z-index:1000;transition:background .3s ease,color .3s ease}html.light .navbar{background-color:#fff}html.dark .navbar{background-color:#111}.logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:500;cursor:pointer;transition:color .3s ease}.logo:hover{color:#00c26f}.navLinks{list-style:none;display:flex;gap:28px;margin:0;padding:0;align-items:center;cursor:pointer}.navLinks li a{text-decoration:none;font-size:15px;font-weight:500;padding-bottom:4px;transition:color .3s ease,border-bottom .3s ease;color:#333}.navLinks li:hover a{color:#00c26f!important;border-bottom:2px solid #00c26f}.themeToggle{cursor:pointer;font-size:20px;background:transparent;border:none;outline:none;color:inherit;transition:color .3s ease,transform .2s ease}.themeToggle:hover{color:#00c26f;transform:rotate(20deg)}.menuIcon{display:none;font-size:26px;cursor:pointer;z-index:1100}@media (max-width: 768px){.navLinks{position:fixed;top:70px;right:-100%;flex-direction:column;background-color:#fff;width:70%;height:calc(100vh - 70px);gap:20px;padding-top:2rem;transition:right .3s ease-in-out;z-index:999}html.dark .navLinks{background-color:#111}.navLinks.active{right:0}.menuIcon{display:block}.navLinks li a{font-size:18px;color:inherit}}.hero{display:flex;align-items:center;justify-content:space-between;padding:80px 180px;min-height:100vh;margin-top:4rem;position:relative;transition:background .3s ease,color .3s ease;flex-wrap:wrap;gap:40px}body.dark .hero-content h1,body.dark .hero-content p{color:#fff}body.dark .hero-socials a{color:#eee}body.dark .btn.secondary{border-color:#fff;color:#fff}body.dark .btn.secondary:hover{background:#fff;color:#111}.hero-socials{display:flex;flex-direction:column;gap:20px;position:absolute;left:60px;top:50%;transform:translateY(-50%)}.hero-socials a{font-size:22px;transition:color .3s ease,transform .2s ease}.hero-socials a:hover{color:#00c26f;transform:scale(1.2)}.hero-content{flex:1;max-width:600px;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.hero-content h1{font-size:clamp(28px,5vw,52px);font-weight:700;margin-bottom:20px;line-height:1.2}.hero-content h1 span{color:#00c26f}.hero-content p{font-size:clamp(15px,2vw,18px);margin-bottom:30px;line-height:1.6}.hero-content p span{font-weight:600;color:#00c26f}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap}.btn{padding:12px 28px;font-size:15px;font-weight:600;border-radius:6px;text-decoration:none;transition:all .3s ease}.btn.primary{background:#00c26f;color:#fff;cursor:pointer}.btn.primary:hover{background:#009b59}.btn.secondary{border:2px solid #00c26f;color:#00c26f;background:transparent}.btn.secondary:hover{background:#00c26f;color:#fff}.image-bg{background:#00c26f;width:360px;height:360px;display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:0 8px 25px #00000026;border-radius:60% 60% 100% 100%/70% 70% 100% 100%;flex-shrink:0}.image-bg img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:inherit}.scroll-down{margin-top:40px;cursor:pointer;display:flex;justify-content:center;width:100%}.scroll-down span{display:block;width:24px;height:40px;border:2px solid #00c26f;border-radius:50px;position:relative;margin:0 auto}.scroll-down span:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#00c26f;border-radius:50%;animation:scrollBounce 1.5s infinite}@keyframes scrollBounce{0%{opacity:0;transform:translate(-50%)}40%{opacity:1;transform:translate(-50%,12px)}80%{opacity:0;transform:translate(-50%,24px)}to{opacity:0;transform:translate(-50%)}}@media (max-width: 1200px){.hero{padding:60px 100px}.hero-socials{left:40px}}@media (max-width: 992px){.hero{padding:50px 60px}.hero-content h1{font-size:clamp(28px,4vw,44px)}}@media (max-width: 768px){.hero{flex-direction:column;padding:50px 30px;text-align:center}.hero-socials{position:static;flex-direction:row;justify-content:center;transform:none;margin-bottom:20px}.hero-content{order:1;align-items:center;text-align:center}.image-bg{order:2;width:300px;height:300px;margin:20px auto 0}.hero-buttons{justify-content:center}.hero-content h1{font-size:clamp(26px,6vw,36px)}.scroll-down{order:3;margin:30px auto 0;width:auto}}@media (max-width: 480px){.hero{padding:40px 20px}.image-bg{width:240px;height:240px}.hero-content h1{font-size:24px}.hero-content p{font-size:14px}.btn{padding:10px 20px;font-size:14px}}.my-about{padding:100px 220px}.my-about .about-heading{text-align:center;margin-bottom:50px}.my-about .about-heading h1{font-size:36px;font-weight:700;position:relative;display:inline-block;margin-bottom:10px}.my-about .about-heading h1:after{content:"";display:block;width:50%;height:3px;background:#00c26f;margin:8px auto 0;border-radius:4px}.my-about .about-heading p{font-size:16px}.my-about .about-container{display:flex;align-items:center;gap:60px;flex-wrap:wrap}.my-about .about-left .about-image{width:320px;height:320px;border-radius:20px;overflow:hidden;box-shadow:0 8px 25px #0000001a}.my-about .about-left .about-image img{width:100%;height:100%;object-fit:cover}.my-about .about-right{flex:1}.my-about .about-desc{font-size:18px;line-height:1.7;margin-bottom:40px}.my-about .about-desc span{color:#00c26f;font-weight:600}.my-about .about-experience{display:flex;gap:30px;margin-bottom:40px;flex-wrap:wrap}.my-about .experience-card{background:#fff;padding:20px 30px;border-radius:12px;text-align:center;box-shadow:0 4px 20px #00000014;flex:1;min-width:200px}.my-about .experience-card h1{font-size:28px;font-weight:700;color:#00c26f}.my-about .experience-card p{font-size:14px;color:#000}.my-about .about-btn{background:#00c26f;color:#fff;font-size:16px;font-weight:600;padding:14px 28px;border:none;border-radius:8px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease}.my-about .about-btn:hover{background:#009b59}.my-about .about-btn .btn-icon{font-size:20px}@media (max-width: 1024px){.my-about{padding:80px 100px}.my-about .about-container{gap:40px}}@media (max-width: 768px){.my-about{padding:60px 30px}.my-about .about-container{flex-direction:column;gap:30px}.my-about .about-left .about-image{width:100%;height:auto;max-width:320px}.my-about .about-desc{font-size:16px}.my-about .about-experience{flex-direction:column;gap:20px}.my-about .experience-card h1{font-size:24px}.my-about .about-btn{margin:0 4rem;width:fit-content}}.my-experience{padding:100px 220px}.my-experience .experience-heading{text-align:center;margin-bottom:40px}.my-experience .experience-heading h1{font-size:36px;font-weight:700;position:relative;display:inline-block}.my-experience .experience-heading h1:after{content:"";display:block;width:50%;height:3px;background:#00c26f;margin:8px auto 0;border-radius:4px}.my-experience .experience-heading p{font-size:16px}.my-experience .experience-tabs{display:flex;justify-content:center;gap:20px;margin-bottom:50px;flex-wrap:wrap}.my-experience .tab-btn{background:transparent;border:2px solid #00c26f;padding:10px 24px;font-size:16px;font-weight:600;color:#00c26f;border-radius:8px;cursor:pointer;transition:all .3s ease}.my-experience .tab-btn:hover,.my-experience .tab-btn.active{background:#00c26f;color:#fff}.timeline{position:relative;max-width:1000px;margin:auto;padding:40px 0}.timeline:after{content:"";position:absolute;width:4px;background:#00c26f;top:0;bottom:0;left:50%;margin-left:-2px}.timeline-item{padding:20px 40px;position:relative;width:50%}.timeline-item.left{left:0;text-align:right}.timeline-item.right{left:50%}.timeline-dot{position:absolute;top:30px;width:16px;height:16px;background:#00c26f;border-radius:50%;z-index:1;left:100%;transform:translate(-50%)}.timeline-item.right .timeline-dot{left:0%;transform:translate(-50%)}.timeline-content{text-align:left;padding:20px 25px;border-radius:12px;box-shadow:0 4px 20px #0000000f;position:relative}.timeline-content h2{font-size:20px;font-weight:600;margin-bottom:6px}.timeline-content h2 span{color:#00c26f;font-weight:700}.exp-duration{font-size:14px;font-weight:500;margin-bottom:12px}.exp-desc{font-size:15px;line-height:1.6}@media (max-width: 1024px){.my-experience{padding:80px 100px}.timeline-item{padding:20px 30px}}@media (max-width: 768px){.my-experience{padding:60px 40px}.timeline:after{left:2px}.timeline-item{width:100%;left:0!important;text-align:left!important;padding-left:30px;padding-right:30px;margin-bottom:30px}.timeline-dot{left:0;transform:translate(-50%)}}@media (max-width: 480px){.my-experience{padding:50px 20px}.experience-heading h1{font-size:28px}.experience-heading p{font-size:14px}.tab-btn{padding:8px 16px;font-size:14px}.timeline-content h2{font-size:18px}.exp-desc{font-size:14px}}.my-skills{padding:100px 220px;text-align:center;transition:background .3s ease,color .3s ease}body.dark .my-skills .skills-heading h1,body.dark .my-skills .skills-heading p,body.dark .skill-bar .skill-info{color:#fff}body.dark .skill-bar .progress{background:#333}body.dark .skill-bar .progress-fill{background:#00c26f}.my-skills .skills-heading h1{font-size:36px;font-weight:700;position:relative;display:inline-block}.my-skills .skills-heading h1:after{content:"";display:block;width:50%;height:3px;background:#00c26f;margin:8px auto 0;border-radius:4px}.my-skills .skills-heading p{font-size:16px;color:#666;margin-bottom:40px}.my-skills .skills-tabs{display:flex;justify-content:center;gap:20px;margin-bottom:50px;flex-wrap:wrap}.my-skills .tab-btn{background:transparent;border:2px solid #00c26f;padding:10px 24px;font-size:16px;font-weight:600;color:#00c26f;border-radius:8px;cursor:pointer;transition:all .3s ease}.my-skills .tab-btn:hover,.my-skills .tab-btn.active{background:#00c26f;color:#fff}.my-skills .skills-container{max-width:700px;margin:0 auto;text-align:left;display:flex;flex-direction:column;gap:25px}.skill-bar .skill-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:15px;font-weight:600;transition:color .3s ease}.skill-bar .progress{background:#eaeaea;border-radius:8px;height:10px;overflow:hidden}.skill-bar .progress-fill{background:#00c26f;height:100%;border-radius:8px;width:0;transition:width 1s ease-in-out}@media (max-width: 1200px){.my-skills{padding:80px 160px}}@media (max-width: 992px){.my-skills{padding:70px 100px}}@media (max-width: 640px){.my-skills{padding:60px 22px}.my-skills .skills-tabs{gap:12px}.my-skills .tab-btn{font-size:14px;padding:8px 16px}}@media (max-width: 480px){.my-skills .skills-heading h1{font-size:28px}.my-skills .skills-heading p{font-size:14px}}.my-projects{padding:100px 220px;transition:background .3s ease,color .3s ease}body.dark .my-projects .projects-heading h1,body.dark .my-projects .projects-heading p,body.dark .my-projects .project-desc{color:#fff}body.dark .my-projects .project-category{background:#00c26f33}body.dark .my-projects .tag{background:#333;color:#eee}body.dark .my-projects .btn.secondary{border-color:#fff;color:#fff}body.dark .my-projects .btn.secondary:hover{background:#fff;color:#111}.my-projects .projects-heading{text-align:center;margin-bottom:40px}.my-projects .projects-heading h1{font-size:36px;font-weight:700;position:relative;display:inline-block}.my-projects .projects-heading h1:after{content:"";display:block;width:50%;height:3px;background:#00c26f;margin:8px auto 0;border-radius:4px}.my-projects .projects-heading p{font-size:16px;color:#666}.my-projects .projects-filters{display:flex;justify-content:center;gap:14px;margin:24px 0 40px;flex-wrap:wrap}.my-projects .filter-btn{background:transparent;border:2px solid #00c26f;padding:9px 18px;font-size:15px;font-weight:600;color:#00c26f;border-radius:999px;cursor:pointer;transition:all .2s ease}.my-projects .filter-btn:hover,.my-projects .filter-btn.active{background:#00c26f;color:#fff}.my-projects .project-grid{display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.my-projects .project-card{border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000014;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.my-projects .project-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001f}.my-projects .project-thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden}.my-projects .project-thumb img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .4s ease}.my-projects .project-card:hover .project-thumb img{transform:scale(1.06)}.my-projects .project-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:12px}.my-projects .project-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.my-projects .project-top h3{font-size:18px;font-weight:700;line-height:1.3}.my-projects .project-category{font-size:12px;padding:4px 10px;border-radius:999px;background:#00c26f1f;color:#00c26f;font-weight:700}.my-projects .project-desc{font-size:14px;color:#555;line-height:1.6}.my-projects .project-tags{display:flex;flex-wrap:wrap;gap:8px}.my-projects .tag{font-size:12px;padding:6px 10px;border-radius:999px;background:#f2f2f2;color:#333;font-weight:600}.my-projects .project-actions{margin-top:6px;display:flex;gap:10px}.my-projects .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:700;border-radius:8px;text-decoration:none;transition:all .2s ease}.my-projects .btn .icon{font-size:16px}.my-projects .btn.primary{background:#00c26f;color:#fff}.my-projects .btn.primary:hover{background:#009b59}.my-projects .btn.secondary{border:2px solid #00c26f;color:#00c26f;background:transparent}.my-projects .btn.secondary:hover{background:#00c26f;color:#fff}@media (max-width: 1200px){.my-projects{padding:80px 160px}}@media (max-width: 992px){.my-projects{padding:70px 100px}.my-projects .project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.my-projects{padding:60px 22px}.my-projects .project-grid{grid-template-columns:1fr}}@media (max-width: 480px){.my-projects .projects-heading h1{font-size:28px}.my-projects .projects-heading p{font-size:14px}.my-projects .filter-btn{font-size:14px;padding:8px 14px}}.my-contact{padding:100px 220px}.my-contact .contact-heading{text-align:center;margin-bottom:40px}.my-contact .contact-heading h1{font-size:36px;font-weight:700;position:relative;display:inline-block}.my-contact .contact-heading h1:after{content:"";display:block;width:50%;height:3px;background:#00c26f;margin:8px auto 0;border-radius:4px}.my-contact .contact-heading p{font-size:16px;margin-top:1rem}.my-contact .contact-container{display:flex;gap:60px;margin-top:40px;flex-wrap:wrap}.my-contact .contact-left{flex:1;display:flex;flex-direction:column;gap:20px}.my-contact .contact-form{flex:2;display:flex;flex-direction:column;gap:18px}.my-contact .contact-card{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:12px;box-shadow:0 6px 16px #0000000f}.my-contact .contact-card .icon{font-size:24px;color:#00c26f}.my-contact .contact-card h3{font-size:16px;font-weight:700;margin-bottom:4px}.my-contact .contact-card p{font-size:14px}.my-contact .contact-form input,.my-contact .contact-form textarea{padding:14px 16px;border:2px solid #ddd;border-radius:10px;background:transparent;font-size:15px;outline:none;transition:border-color .2s ease}html.light .my-contact .contact-form input,html.light .my-contact .contact-form textarea{color:#333}html.dark .my-contact .contact-form input,html.dark .my-contact .contact-form textarea{color:#fff}.my-contact .contact-form input:focus,.my-contact .contact-form textarea:focus{border-color:#00c26f}.my-contact .contact-form button{padding:14px 18px;font-size:16px;font-weight:700;color:#fff;background:#00c26f;border:none;border-radius:10px;cursor:pointer;transition:background .2s ease}.my-contact .contact-form button:hover{background:#009b59}@media (max-width: 1024px){.my-contact{padding:80px 100px}.my-contact .contact-container{gap:30px}}@media (max-width: 768px){.my-contact{padding:60px 40px}.my-contact .contact-container{flex-direction:column}.my-contact .contact-left,.my-contact .contact-form{width:100%}.my-contact .contact-card{flex-direction:column;align-items:flex-start;text-align:left}}@media (max-width: 480px){.my-contact{padding:50px 20px}.my-contact .contact-heading h1{font-size:28px}.my-contact .contact-heading p{font-size:14px}.my-contact .contact-form input,.my-contact .contact-form textarea{font-size:14px;padding:12px 14px}.my-contact .contact-form button{font-size:14px;padding:12px 16px}}.my-footer{padding:50px 220px 20px;text-align:center;transition:background .3s ease,color .3s ease}html.light .my-footer{background:#00c26f;color:#fff}html.light .footer-links a{color:#fff}html.light .footer-links a:hover{color:#111}html.light .footer-socials a{color:#fff}html.light .footer-socials a:hover{color:#111}html.dark .my-footer{background:#111;color:#fff}html.dark .footer-links a{color:#ccc;cursor:pointer}html.dark .footer-links a:hover{color:#00c26f}html.dark .footer-socials a{color:#ccc}html.dark .footer-socials a:hover{color:#00c26f}.footer-container{display:flex;flex-direction:column;align-items:center;gap:25px;margin-bottom:20px}.footer-logo{font-size:24px;font-weight:700;color:#fff;transition:color .3s ease}html.light .footer-logo{color:#fff}html.dark .footer-logo{color:#00c26f}.footer-links{list-style:none;display:flex;gap:30px;flex-wrap:wrap;justify-content:center;padding:0;margin:0;transition:all .3s ease}.footer-socials{display:flex;gap:20px;transition:all .3s ease}.footer-copy{font-size:14px;transition:color .3s ease}@media (max-width: 1024px){.my-footer{padding:40px 80px 20px}.footer-links{gap:20px}.footer-socials{gap:15px}}@media (max-width: 768px){.my-footer{padding:35px 40px 20px}.footer-links{gap:15px}.footer-logo{font-size:20px}}@media (max-width: 480px){.my-footer{padding:30px 20px 15px}.footer-links{flex-direction:column;gap:10px}.footer-socials{gap:10px}.footer-logo{font-size:18px}.footer-copy{font-size:12px}}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}:root{--primary: #00c26f;--secondary: #333333;--light: #f9f9f9;--text: #555555}body{margin:0;font-family:Inter,sans-serif;background:#fff;color:var(--text);line-height:1.6;transition:background .4s ease,color .4s ease}h1,h2,h3,h4,h5,h6{color:var(--secondary);font-weight:600;transition:color .4s ease}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}html{transition:background .4s ease,color .4s ease}html.light,html.light body{background:#fff;color:#111}html.light h1,html.light h2,html.light h3,html.light h4,html.light h5,html.light h6{color:#111}html.dark,html.dark body{background:#111;color:#f1f1f1}html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5,html.dark h6{color:#f1f1f1}.navbar{transition:background .4s ease,color .4s ease;padding:1rem}html.light .navLinks li a{color:#111}html.dark .navLinks li a{color:#fff}html.dark .navLinks li a:hover,html.dark .navLinks li a.active{color:var(--primary);border-bottom:2px solid var(--primary)}.themeToggle{transition:color .2s ease,transform .3s ease}html.light .themeToggle{color:#333}html.dark .themeToggle{color:#fff!important}.themeToggle:hover{transform:rotate(20deg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background-color:#00c26f;border-radius:10px;border:2px solid transparent}::-webkit-scrollbar-thumb:hover{background-color:#009b59}