@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:transparent;background:transparent;font-family:Poppins,sans-serif}body{background-color:#1e1e1e;color:#fff;overflow:hidden;overflow-y:scroll;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;width:100%;height:5rem;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#191919}.logo{object-fit:cover;height:3rem;width:4rem}.desktopMenuListItem{margin:1rem;cursor:pointer}.desktopMenuListItem:hover{color:#ff0;padding-bottom:.5rem;border-bottom:3px solid yellow}.desktopMenuButton{background:#fff;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 1rem;border-radius:2rem;border:none;font-weight:700;transition:.3s;box-shadow:0 5px 15px #3b0a9966}.desktopMenuButton:hover{background:#d7f35d;transform:scale(1.05)}.desktopMenuImg{object-fit:cover;height:1rem;width:1rem;margin:1rem}.active{color:#ff0;padding-bottom:.5rem;border-bottom:3px solid yellow}.listItem{color:#fff;padding:.5rem 3rem;margin:.25rem;background:#1e1e1e}.mobMenu{display:none;object-fit:cover;height:1.8rem}.navMenu{position:absolute;top:5rem;right:5rem;z-index:2;display:flex;flex-direction:column;padding:.5rem;height:fit-content;min-width:15rem;background:#282828;border-radius:1rem}@media screen and (max-width:720px){.mobMenu{display:flex;margin-right:10rem}.desktopMenu,.desktopMenuButton{display:none}.navMenu{margin-right:auto;margin-right:5rem}}.aboutSection{width:100%;max-width:75rem;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 1rem;background-color:#1e1e1e}.aboutTitle{text-align:center;font-size:2.8rem;font-weight:700;margin-bottom:60px}.aboutTitle span{color:#ef0}.aboutContainer{display:flex;align-items:center;justify-content:center;gap:80px;flex-wrap:wrap}.aboutImgBox{flex:1;max-width:350px}.aboutImg{width:100%;border-radius:20px;box-shadow:0 8px 25px #0000004d}.aboutContent{flex:2;max-width:500px}.aboutContent h3{color:#ffc404;font-size:1.4rem;font-weight:700;margin-bottom:20px}.aboutContent p{font-size:1rem;line-height:1.6;color:#fff;margin-bottom:20px}.resumeBtn{display:inline-block;margin-top:20px;padding:12px 30px;background:#fff;color:#000;border:none;text-decoration:none;border-radius:10px;font-weight:700;transition:.3s;box-shadow:0 5px 15px #3b0a9966}.resumeBtn:hover{background:#d7f35d;transform:scale(1.05)}@media(max-width:768px){.aboutContainer{flex-direction:column;text-align:center}.aboutContent{max-width:100%}}.aboutImg{filter:grayscale(100%);transition:all .4s ease}.aboutImg:hover{filter:grayscale(0%);transform:scale(1.08);box-shadow:0 10px 30px #ffff004d}.skills-section{padding:60px 20px;background:#1e1e1e;color:#fff;border-radius:16px;overflow-x:hidden}.skills-title{text-align:center;font-size:2.5rem;margin-bottom:40px}.skills-title span{color:#ffd900}.skills-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1100px;margin:auto;padding:0 10px}.skill-card{background:#2c2b2b;border-radius:12px;padding:25px 15px;text-align:center;box-shadow:0 8px 25px #0006;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;will-change:transform}.skill-card:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 0 25px #ffff0040}.skill-icon{margin-bottom:10px}.skill-card p{font-size:1rem;font-weight:500}.skill-icon img{width:55px;height:55px;object-fit:contain}@media(max-width:1100px){.skills-container{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.skills-container{grid-template-columns:repeat(2,1fr)}.skill-card:hover{transform:translateY(-4px) scale(1.02)}}@media(max-width:480px){.skills-container{grid-template-columns:1fr}.skills-title{font-size:2rem}.skill-card{padding:20px 12px}}#works{margin:0 auto;min-height:100vh-4rem;width:100%;max-width:70rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 1rem}.worksTitle{margin:1rem 0;font-size:3rem}.worksDesc{font-weight:300;font-size:1rem;margin-bottom:40px}.worksImgs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:70rem;margin-top:20px;cursor:pointer}.worksImg:hover{transform:translateY(-8px) scale(1.07);box-shadow:0 0 25px #ffff0040}.worksImg{width:100%;height:200px;object-fit:cover;border-radius:12px;transition:transform .4s ease,box-shadow .4s ease;cursor:pointer}.workBtn{margin:3rem 0;padding:.5rem 2.5rem;border:none;border-radius:2rem;background:#fff;font-size:1rem}.workBtn:hover{background:#f7562e;transform:scale(1.05)}@media screen and (max-width:585px){.worksImg{height:48vw}}@media(max-width:1000px){.worksImgs{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.worksImgs{grid-template-columns:1fr}}.majorProject{width:100%;max-width:70rem;margin:3rem auto}.majorTitle{font-size:1.8rem;margin-bottom:1.2rem}.majorCard{display:flex;gap:1.5rem;padding:1.2rem;border-radius:1rem;background:#111;text-decoration:none;color:#fff;transition:transform .3s ease,box-shadow .3s ease}.majorCard:hover{transform:translateY(-6px);box-shadow:0 0 30px #ff750059}.majorImg{width:100%;max-width:380px;height:220px;object-fit:cover;border-radius:.8rem}.majorContent h4{font-size:1.5rem;margin-bottom:.4rem}.majorContent p{font-size:.95rem;opacity:.85;line-height:1.5}.majorTech{display:block;margin-top:.6rem;font-size:.85rem;opacity:.7}@media(max-width:850px){.majorCard{flex-direction:column;text-align:center}.majorImg{max-width:100%;height:auto}}#contactPage{min-height:100vh-4rem;width:100vw;max-width:60rem;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:5;background:#1e1e1e}.contactDesc{padding:1rem;font-size:medium;font-weight:300}.contactForm{margin:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90vw;max-width:60rem}.name,.email,.msg{font-size:1rem;width:100%;max-width:40rem;margin:.5rem 0;padding:.75rem 1rem;color:#fff;border:none;border-radius:.5rem;background:#282828;box-sizing:border-box}.submitBtn{display:inline-block;margin-top:20px;padding:12px 30px;background:#fff;color:#000;text-decoration:none;border:none;border-radius:10px;font-weight:700;transition:.3s;cursor:pointer;box-shadow:0 5px 15px #3b0a9966}.submitBtn:hover{background:#d7f35d;transform:scale(1.05)}@media(max-width:700px){.msg{min-height:120px;max-width:100%}}.touch{color:#ff0}.email::placeholder,.msg::placeholder,.name::placeholder{color:#969494;opacity:1}.callIcon{width:30px;height:30px}.footer{background-color:#000;padding:60px 20px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:300;font-size:small}.footerContainer{max-width:1100px;margin:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.footerTitle{font-size:1.5rem;margin-bottom:15px}.footerLeft p{font-size:.95rem;line-height:1.6;color:#ddd}.footerTagline{margin-top:15px;font-weight:700}.footerLinks ul{list-style:none;padding:0}.footerLinks li{margin:10px 0}.footerLinks a{text-decoration:none;color:#fff;transition:.3s}.footerLinks a:hover{color:gold}.footerRight p{margin:8px 0;color:#ddd}.footerSocials{margin-top:15px;display:flex;gap:15px}.footerSocials img{width:42px;height:42px;background:#fff;border-radius:50%;padding:10px;transition:.3s;cursor:pointer}.footerSocials img:hover{transform:scale(1.1);background:gold}.contactLine{display:flex;align-items:center;gap:10px;margin:10px 0;color:#ddd;font-weight:300}.contactIcon{width:15px;height:20px;object-fit:contain}html{scroll-behavior:smooth}.home{display:flex;justify-content:space-between;align-items:center;padding:0 10%;background:transparent;height:calc(100vh - 4rem);width:100vw;max-width:75rem;margin:0 auto;overflow:hidden;position:relative}#tsparticles{position:absolute;inset:0;z-index:0}.homeLeft,.homeRight{position:relative;z-index:2}.homeLeft h1{font-size:3.5rem;font-weight:700;color:#f8f8f8}.homeLeft h1 span{color:orange}.homeLeft h2{margin-top:15px;font-size:1.8rem;font-weight:500}.typeText{color:#01ff9e;font-weight:700}.homeBtn{display:inline-block;margin-top:20px;padding:12px 30px;background:#fff;color:#000;text-decoration:none;border:none;border-radius:10px;font-weight:700;transition:.3s;box-shadow:0 5px 15px #3b0a9966}.homeBtn:hover{background:#d7f35d;transform:scale(1.05)}.socialIcons{margin-top:20px;display:flex;gap:15px}.socialIcons a{width:40px;height:40px;background:#000;color:#fff;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-weight:700}.homeRight .circle{width:clamp(180px,30vw,320px);height:clamp(180px,30vw,320px);border-radius:50%;background:#b0ffe7;display:flex;justify-content:center;align-items:center}.homeRight img{width:clamp(120px,20vw,220px)}@media(max-width:768px){.home{flex-direction:column;text-align:center;gap:40px}}