*{margin:0;padding:0}body{height:100vh;background:#161513;color:#fff;font-family:outfit}h1,h2,h3,h4,h5,h6{color:#fff}p{color:#bbb}a:hover{color:#0ff;transition:color .3s ease}button:hover{background-color:#0ff;color:#000;transition:background-color .3s ease,color .3s ease}.navbar{display:flex;align-items:center;justify-content:space-between;margin:20px 170px;cursor:pointer}.nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:20px}.nav-menu li{display:flex;flex-direction:column;gap:5px;cursor:pointer}.nav-menu li img{display:flex;margin:auto}.anchor-link{text-decoration:none;color:#fff;font-size:22px}.nav-connect{transition:none}.nav-connect .anchor-link{color:#fff;text-decoration:none}.nav-connect .anchor-link:hover{color:#fff;text-decoration:none;transform:none;cursor:default}.nav-mob-close,.nav-mob-open{display:none}@media (max-width: 768px){.navbar{margin:20px 50px}.nav-connect{display:none}.nav-mob-open{display:block;position:fixed;right:30px;top:20px;width:25px}.nav-mob-close{display:block;position:absolute;top:30px;left:290px;width:20px}.nav-menu{position:fixed;flex-direction:column;align-items:start;top:0;right:-350px;gap:30px;background:linear-gradient(135deg,#111d2f,#1a2d3b,#223a49);width:350px;height:100%;z-index:2;transition:right .5s ease-in-out;padding-top:50px}.nav-menu li{font-size:30px;padding-left:100px;flex-direction:row;gap:20px}}.hero{display:flex;align-items:center;flex-direction:column;padding:60px 20px}.hero h1{text-align:center;width:70%;font-size:50px;font-weight:600;color:#222}.hero h1 span{background:linear-gradient(270deg,#df8908 10%,#b415ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.animated-text{color:#b415ff;font-weight:700}.about-text{width:50%;text-align:center;line-height:40px;margin-top:20px;color:#fff;font-size:20px}.hero-action{display:flex;align-items:center;gap:16px;font-weight:600;margin:50px 0 0}.hero-connect,.hero-resume{padding:12px 30px;border-radius:50px;font-weight:600;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:16px;-webkit-user-select:none;user-select:none}.hero-connect{background:linear-gradient(270deg,#df8908 10%,#b415ff);color:#fff;border:none}.hero-connect:hover{border:2px solid white;background:linear-gradient(270deg,#b415ff 10%,#df8908)}.hero-resume{background:transparent;color:#fff;border:2px solid white}.hero-resume:hover{border-color:#b415ff;color:#b415ff;background:#b415ff1a}.resume-link{color:inherit;font-weight:600;text-decoration:none;border-radius:6px;padding:4px 10px;cursor:pointer;transition:color .3s ease,background .3s ease,border-color .3s ease;display:inline-block;width:100%;text-align:center}.resume-link:hover{color:#4a00e0;background:#4a00e01a;text-decoration:none}@media (max-width: 768px){.hero h1{margin-top:50px;width:90%;font-size:40px}.about-text{width:80%;font-size:18px;line-height:32px;margin:10px auto 0}.hero-action{gap:12px;font-size:14px;margin-bottom:50px}.hero-connect,.hero-resume{padding:10px 20px;border-radius:40px;font-size:14px}}.about{display:flex;justify-content:center;margin:80px}.about-section{display:flex;gap:80px;width:100%;max-width:1200px}.about-left{flex:1;display:flex;flex-direction:column;gap:40px}.about-right{width:300px;display:flex;justify-content:center;align-items:center}.about-heading{font-size:48px;font-weight:600}.about-para p{font-size:24px;font-weight:500;line-height:1.5}.profile-img-wrapper{width:300px;height:300px;border-radius:50%;overflow:hidden;box-shadow:0 0 12px #00ffff26;display:flex;justify-content:center;align-items:center;position:relative;background-color:transparent}.profile-img{width:100%;height:100%;object-fit:cover;object-position:top center;animation:gentleRotate 4s ease-in-out infinite alternate}.profile-img-wrapper:hover{box-shadow:0 0 12px #00c8ff33,0 0 20px #00c8ff1a;transform:scale(1.02)}.about-buttons{display:flex;gap:20px;margin-top:30px;align-items:center}.about-connect-btn .anchor-link{background-color:#0f0f0f;color:#0ff;padding:10px 20px;border-radius:6px;font-weight:600;text-decoration:none;transition:background-color .3s ease,color .3s ease}.about-connect-btn .anchor-link:hover{background-color:#0ff;color:#0f0f0f}.about-resume-btn .resume-link{padding:10px 20px;border:2px solid #00ffff;border-radius:6px;color:#0ff;font-weight:600;text-decoration:none;transition:background-color .3s ease,color .3s ease}.about-resume-btn .resume-link:hover{background-color:#0ff;color:#0f0f0f}.animated-text{color:#0ff;font-weight:700;text-shadow:0 0 1.5px #00ffff33,0 0 3px #00ffff22,0 0 6px #00ffff11;transition:text-shadow .3s ease-in-out}.sprinkles{position:absolute;width:100%;height:100%;pointer-events:none}.sprinkle{position:absolute;width:8px;height:8px;background-color:#0ff;border-radius:50%;opacity:.6;animation:sprinkleAnim 2s infinite ease-in-out alternate}@keyframes gentleRotate{0%{transform:rotate(0)}to{transform:rotate(3deg)}}@media (max-width: 768px){.about{margin:50px 20px}.about-section{flex-direction:column;gap:40px}.about-left{width:100%}.about-right{width:100%;justify-content:center}.profile-img-wrapper{width:220px;height:220px}.about-heading{font-size:36px}.about-para p{font-size:18px}}@media (max-width: 480px){.about-heading{font-size:28px}.about-para p{font-size:16px}.profile-img-wrapper{width:180px;height:180px}.about-buttons{flex-direction:column;gap:15px}.about-connect-btn .anchor-link,.about-resume-btn .resume-link{width:100%;text-align:center}}@media (min-width: 1400px){.about{margin:100px auto}.about-heading{font-size:52px}.about-para p{font-size:26px}}.services{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.services-title{position:relative}.services-title h1{padding:0 30px;font-size:60px;font-weight:600}.services-title img{position:absolute;bottom:0;right:0;z-index:-1}.services-format{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:20px;border-radius:10px;border:2px solid rgba(0,255,255,.3);background-color:#002f4bb3;box-shadow:0 2px 5px #0000004d;transition:transform .4s ease,border-color .4s ease,background-image .4s ease,box-shadow .4s ease;cursor:pointer}.services-format:hover{transform:scale(1.02);border-color:#0ff6;box-shadow:0 0 8px #00ffff4d;background-image:linear-gradient(135deg,#112f3a,#1c3d4d,#264b5f)}.services-format h3{font-size:28px;font-weight:600}.services-format h2{color:#0ff;font-size:25px;font-weight:800}.services-format p{color:#d4d4d4;font-size:24px;line-height:40px;max-width:300px}.services-container{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:7px}.view-certificate-btn{background-color:#e0f7fa;color:#006064;border:2px solid #b2ebf2;padding:10px 16px;border-radius:8px;font-weight:600;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;cursor:pointer}.view-certificate-btn:hover{background-color:#b2ebf2;color:#004d40;box-shadow:0 0 10px #0060644d;border-color:#80deea}.services-showmore{display:flex;gap:15px;border-radius:50px;border:2px solid white;padding:12px 40px;font-size:20px;font-weight:600;margin-bottom:80px;transition:gap .3s ease,padding .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;background-color:transparent;color:#fff}.services-showmore:hover{gap:25px;padding:14px 50px;background-color:#ffffff1a}@media (max-width: 1024px){.services{margin:60px 100px;gap:70px;align-items:center}.services-title h1{font-size:50px;padding:0 20px}.services-title img{width:140px;right:10px;bottom:-5px}.services-container{grid-template-columns:repeat(2,1fr);gap:30px}.services-format p{font-size:20px;line-height:36px;max-width:280px}}@media (max-width: 768px){.services{margin:40px 50px;gap:60px;align-items:flex-start}.services-title h1{font-size:42px;padding:0 10px}.services-title img{width:120px;right:5px;bottom:-5px}.services-container{grid-template-columns:1fr;gap:25px}.services-format{padding:25px;gap:15px}.services-format h2{font-size:22px}.services-format p{font-size:18px;line-height:32px;max-width:100%}.services-showmore{font-size:18px;padding:10px 30px}}@media (max-width: 480px){.services{margin:30px 20px;gap:50px}.services-title h1{font-size:32px;padding:0 5px;text-align:center}.services-title img{width:100px;right:0;bottom:-5px}.services-container{grid-template-columns:1fr;gap:20px}.services-format{padding:20px;gap:12px}.services-format h2{font-size:20px}.services-format p{font-size:16px;line-height:28px;max-width:100%}.services-showmore{font-size:16px;padding:10px 25px;gap:10px}}.mywork{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.mywork-title{position:relative}.mywork-title h1{padding:0 30px;font-size:60px;font-weight:600}.mywork-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.project-card{background-color:#002f4bb3;border:2px solid rgba(0,255,255,.3);border-radius:10px;padding:20px;box-shadow:0 2px 5px #0000004d;text-align:center;transition:transform .4s ease,border-color .4s ease,background-image .4s ease,box-shadow .4s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center}.project-image{width:100%;height:180px;max-height:180px;object-fit:cover;border-radius:12px;flex-shrink:0;transition:transform .3s;background-color:#111}.project-card:hover{transform:scale(1.02);border-color:#0ff6;box-shadow:0 0 8px #00ffff4d;background-image:linear-gradient(135deg,#112f3a,#1c3d4d,#264b5f)}.project-title{font-size:20px;font-weight:700;margin-top:15px}.project-description{color:#ccc;margin:10px 0;font-size:14px}.tech-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.tech-tag{background-color:#0f0f0f;color:#0ff;padding:6px 14px;border-radius:20px;font-size:13px}.mywork-showmore{display:flex;gap:15px;border-radius:50px;border:2px solid white;padding:12px 40px;font-size:20px;font-weight:600;margin-bottom:80px;transition:gap .3s ease,padding .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;background-color:transparent;color:#fff}.mywork-showmore:hover{gap:25px;padding:14px 50px;transition:gap .3s ease,padding .3s ease;background-color:#ffffff1a}@media (max-width: 768px){.mywork{gap:50px;margin:50px 70px;align-items:start}.mywork-title h1{padding:0;font-size:50px}.mywork-container{grid-template-columns:1fr;gap:30px}.project-image{height:auto}.mywork-showmore{padding:20px 40px;font-size:18px;margin:50px auto}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:60px;font-weight:600}.contact-section{display:flex;gap:150px;width:100%;max-width:1200px}.contact-left{display:flex;flex-direction:column;gap:30px;flex:1}.contact-left h1{font-size:50px;font-weight:700;background:linear-gradient(90deg,#0ff,#0cc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin:0}.contact-left p{max-width:550px;color:#d8d8d8;font-size:24px;line-height:35px;margin:0}.contact-details{display:flex;flex-direction:column;gap:30px;color:#d8d8d8;font-size:22px}.contact-detail{display:flex;align-items:center;gap:20px}.contact-detail img{width:36px;height:36px;object-fit:contain}.contact-detail a{text-decoration:none;color:#d8d8d8;font-size:22px;transition:color .3s ease}.contact-detail a:hover{color:#0ff}.contact-right{display:flex;flex-direction:column;align-items:flex-start;gap:30px;flex:1}.contact-right label{color:#d8d8d8;font-size:22px;font-weight:500}.contact-right input,.contact-right textarea{border:none;border-radius:4px;background:#32323c;color:#a0a0a0;font-family:Outfit,sans-serif;font-size:20px;padding-left:20px;transition:color .3s ease,background-color .3s ease;width:100%;box-sizing:border-box}.contact-right input{height:78px;padding-left:20px}.contact-right textarea{height:150px;padding:25px 20px;resize:vertical}.contact-right textarea:hover,.contact-right textarea:focus,.contact-right input:focus{color:#fff!important;background-color:#45454e;outline:none}.contact-submit{border:none;color:#0ff;border-radius:10px;background:#000;font-size:20px;padding:13px 30px;margin-bottom:40px;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;align-self:flex-start}.contact-submit:hover{background:#00ffff4d;color:#0ff;box-shadow:0 0 5px #0ff3}@media (max-width: 1024px){.contact{margin:60px 100px;gap:60px}.contact-title h1{font-size:50px;padding:0 20px}.contact-section{gap:100px}.contact-left h1{font-size:45px}.contact-left p{font-size:20px;max-width:100%}.contact-details{gap:25px;font-size:20px}.contact-detail img{width:32px;height:32px}.contact-right label{font-size:20px}.contact-right input,.contact-right textarea{font-size:18px}.contact-submit{font-size:18px;padding:12px 28px}}@media (max-width: 768px){.contact{margin:50px;gap:50px;align-items:flex-start}.contact-title h1{font-size:44px;padding:0 10px}.contact-section{flex-direction:column;gap:40px}.contact-left h1{font-size:40px}.contact-left p{font-size:18px;line-height:30px;max-width:100%}.contact-details{gap:20px;font-size:18px}.contact-detail img{width:28px;height:28px}.contact-right label{font-size:18px}.contact-right input,.contact-right textarea{font-size:16px}.contact-right input{height:60px}.contact-right textarea{height:120px}.contact-submit{font-size:18px;padding:12px 30px;align-self:stretch}}@media (max-width: 480px){.contact{margin:40px 20px;gap:40px}.contact-title h1{font-size:32px;padding:0 5px;text-align:center}.contact-section{flex-direction:column;gap:30px}.contact-left h1{font-size:28px}.contact-left p{font-size:16px;line-height:28px}.contact-details{gap:15px;font-size:16px}.contact-detail img{width:24px;height:24px}.contact-right label{font-size:16px}.contact-right input,.contact-right textarea{font-size:14px}.contact-right input{height:50px}.contact-right textarea{height:100px}.contact-submit{font-size:16px;padding:10px 20px;width:100%;text-align:center}}.footer{margin:50px 170px;display:flex;flex-direction:column;gap:30px}.footer-top{display:flex;justify-content:space-between}.footer-top-left p{font-size:20px;max-width:400px}.footer-top-right{display:flex;align-items:center;gap:35px}.footer-email-input{display:flex;gap:30px;padding:20px 80px 20px 30px;border-radius:50px;background:#32323b}.footer-email-input input{outline:none;border:none;background:transparent;color:#a0a0a0;font-family:Outfit;font-size:18px}.footer-subscribe{font-size:20px;padding:22px 50px;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);cursor:pointer;transition:.3s}.footer-bottom{display:flex;justify-content:space-between;font-size:18px}.footer-bottom-right{display:flex;gap:50px;margin-bottom:50px}.footer-email-input:hover{border:2px solid white}.footer-subscribe:hover{transform:scale(1.1);transition:.3s}@media (max-width:768px){.footer{margin:50px 70px}.footer-top{flex-direction:column;gap:50px}.footer-bottom{display:flex;flex-direction:column-reverse;margin-bottom:50px}}.experience-section{color:#fff;padding:80px 20px;font-family:Segoe UI,sans-serif}.timeline-card{border:2px solid transparent;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;background-color:#002f4bb3;padding:30px;border-radius:12px;box-shadow:0 0 10px #ffffff1a;z-index:1;text-align:left}.timeline-card:hover{cursor:pointer;transform:scale(1.02);border-color:#0ff6;box-shadow:0 0 8px #00ffff4d;background-image:linear-gradient(135deg,#112f3a,#1c3d4d,#264b5f)}.experience-header .role{color:#0ff}.experience-heading{font-size:3rem;text-align:center;font-weight:700;margin-bottom:10px}.experience-subheading{text-align:center;color:#ccc;font-size:1.1rem;margin-bottom:60px}.timeline-container{position:relative;max-width:1200px;margin:0 auto;padding:40px 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background-color:#fff;transform:translate(-50%);z-index:0}.timeline-entry{display:flex;justify-content:space-between;align-items:flex-start;position:relative;min-height:300px;margin-bottom:60px}.timeline-entry.right{flex-direction:row}.timeline-entry.right .timeline-card{width:45%;margin-left:150px}.timeline-entry.left{flex-direction:row-reverse}.timeline-entry.left .timeline-card{width:45%;margin-right:150px}.experience-header{display:flex;align-items:center;margin-bottom:15px}.experience-icon{background-color:#fff;color:#0a0a23;padding:10px;font-size:28px;border-radius:12px;margin-right:15px}.role{font-size:20px;font-weight:700}.company{font-size:16px;color:#bbb;margin:3px 0}.duration{font-size:14px;color:#999}.description{color:#ddd;font-size:22px;margin:15px 0;line-height:1.6}.skills{color:#ccc;font-size:15px;line-height:1.5}.timeline-icon-wrapper{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;z-index:2}.timeline-circle{background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;width:60px;height:60px;overflow:hidden;padding:0;box-shadow:0 0 8px #0000001a}.timeline-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}.timeline-entry.right .timeline-circle{margin-left:-515px}.timeline-entry.right .date-on-right{color:#ccc;font-size:16px;margin-top:-40px;margin-left:-250px}.timeline-entry.left .timeline-circle{margin-left:0;margin-right:-520px}.timeline-entry.left .date-on-left{color:#ccc;font-size:16px;margin-top:-40px;margin-right:-190px}@media (max-width: 1024px){.timeline-card{width:90%!important;margin:0 auto!important;padding:20px}}@media (max-width: 1024px){.timeline-line,.timeline-icon-wrapper{display:none}}@media (max-width: 600px){.experience-heading{font-size:2rem}.description,.role{font-size:18px}}.background-container{position:fixed;width:100%;height:100%;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);overflow:hidden;z-index:-1}.ball{position:absolute;width:8px;height:8px;background-color:#fffc;border-radius:50%;animation:floatUp infinite ease-in-out}@keyframes floatUp{0%{transform:translateY(0);opacity:.5}50%{transform:translateY(-20px);opacity:1}to{transform:translateY(0);opacity:.5}}@media (max-width: 768px){.background-container{background:linear-gradient(135deg,#1a2b3c,#1e3e4f,#27475a)}.ball{width:6px;height:6px;animation-duration:3s}}@media (max-width: 480px){.background-container{background:linear-gradient(135deg,#111d2f,#1a2d3b,#223a49)}.ball{width:5px;height:5px;animation-duration:2.5s}}@media (min-width: 1400px){.ball{width:10px;height:10px;animation-duration:5s}}.skills-section{color:#f0f0f0;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center}.skills-heading{font-size:60px;font-weight:700;color:#fff;margin-bottom:2rem;text-align:center;letter-spacing:2px}.skills-container{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px;width:100%}.skills-section{padding:40px 20px;text-align:center}.skills-heading{font-size:2.8rem;margin-bottom:30px;font-weight:700;color:#fff}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.skill-card{border-radius:12px;padding:20px;width:280px;box-shadow:0 2px 8px #0000001a;text-align:left}.skill-title{font-size:24px;margin-bottom:15px;color:#0ff;padding-bottom:6px;font-weight:700;text-align:center;background:linear-gradient(90deg,#0ff,#00bcd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skill-list{display:flex;flex-wrap:wrap;gap:15px}.skill-item{display:flex;align-items:center;gap:10px;border-radius:6px;padding:6px 10px;font-weight:600;font-size:1.05rem;color:#d4d4d4}.skill-icon{width:28px;height:28px;object-fit:contain}@media (min-width: 768px){.skills-container{grid-template-columns:repeat(2,1fr)}}.skill-card{border:2px solid rgba(0,255,255,.3);background-color:#002f4bb3;border-radius:10px;padding:20px;box-shadow:0 2px 5px #0000004d;transition:transform .4s ease,border-color .4s ease,background-image .4s ease,box-shadow .4s ease;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:15px}.skill-card:hover{transform:scale(1.02) rotate(5deg);border-color:#0ff6;box-shadow:0 0 8px #00ffff4d;background-image:linear-gradient(135deg,#112f3a,#1c3d4d,#264b5f)}.skill-title{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.skill-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.skill-item{background-color:#2c2c3e;padding:.5rem 1rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:background .3s}.skill-item:hover{background-color:#3c3c5c}.skill-icon{width:20px;height:20px}