body{background-image:linear-gradient(to right,#000,#131313)}.container{background-image:linear-gradient(ro right,#000,#131313)}::-webkit-scrollbar{display:none;width:0}.ProgWraper{width:100%;padding:40px 20px;background-image:linear-gradient(to right,#000,#131313)}.Progs{display:flex;align-items:center;justify-content:space-around}.ProgName{width:25%;height:280px;text-align:center;padding:25px 15px;box-shadow:0 8px 32px #0006,0 4px 16px #0000004d,inset 0 1px #ffffff1a;background:linear-gradient(145deg,#131313,#0a0a0a);border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.ProgName:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0866ff,#00d4ff);transform:scaleX(0);transition:transform .4s ease}.ProgName:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0009,0 8px 24px #0866ff4d,inset 0 1px #ffffff26;border-color:#0866ff4d}.ProgName:hover:before{transform:scaleX(1)}.icons{color:#00d4ff;width:80px;height:80px;margin-bottom:15px;filter:drop-shadow(0 4px 12px rgba(0,212,255,.2));transition:all .3s ease}.ProgName:hover .icons{transform:scale(1.1);filter:drop-shadow(0 6px 20px rgba(0,212,255,.4))}.ProgName p{color:#a8a8a8;padding:10px 0;margin:10px 0;font-size:15px;line-height:1.5;font-weight:500;text-shadow:0 2px 8px rgba(255,255,255,.2),0 1px 3px rgba(0,0,0,.4);flex-grow:1;display:flex;align-items:center;letter-spacing:.5px;font-family:poppins,sans-serif}.GitLink{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;color:#0866ff;text-decoration:none;font-weight:600;font-size:14px;border:2px solid #0866FF;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#0866ff1a;cursor:pointer;position:relative;overflow:hidden;width:85%}a{text-decoration:none;color:gray;font-family:Poppins,sans-serif}.GitLink:hover a{color:#f0f0f0}.GitLink:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.GitLink:hover{background-color:#0866ff;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0866ff66}.GitLink:hover:before{left:100%}.GitLink:active{transform:translateY(0)}.GitIcon{width:16px;height:16px;transition:transform .3s ease}.GitLink:hover .GitIcon{transform:translate(3px) scale(1.1)}@media(max-width:768px){.GitLink{padding:10px 20px;font-size:13px;margin-top:12px;border-radius:6px}.GitIcon{width:14px;height:14px}}@media(max-width:480px){.GitLink{padding:8px 16px;font-size:12px;gap:6px}.GitIcon{width:12px;height:12px}}@media(max-width:768px){.Progs{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:15px;justify-items:center}.ProgName{width:100%}.ProgName:nth-child(3){grid-column:1 / span 2;width:70%}}.container{width:100%;height:500px}.container .hero{position:relative;height:100%;transform:scaleX(-1);background-image:url(/assets/colors3-3DDAWUxz.png);background-position:center;background-size:cover}.hero>h2{font-family:Montserrat,sans-serif;height:100%;width:100%;color:#fff;font-size:2.9em;transform:scaleX(-1);right:0;top:0;position:absolute;padding:230px 20px;letter-spacing:2px;background-image:linear-gradient(to right,#000 20%,#000000b3 40%,#0006,#0000)}.mine{background-image:linear-gradient(to right,#000,#131313);width:100%;display:flex;align-items:center;padding:90px 0;justify-content:center}.Sroll_Wrapper{padding:10px 0;height:100px;width:100%;color:gray;background-image:linear-gradient(to right,#000,#131313)}.pageTittle{text-align:center;color:#f8f9fa;font-size:30px;padding:10px 0;margin:20px 0 10px;font-family:Montserrat}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}.PageTittle{width:100%;color:#f8f9fa;background-image:linear-gradient(to right,#000,#131313);margin:30px 0;text-align:center;font-size:30px;letter-spacing:1px;font-family:Montserrat,sans-serif}.SkillWrapper{width:100%;padding:60px 25px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(to right,#000,#131313)}.Skills{gap:15px;width:100%;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around}.SkillItem{width:30%;height:200px;text-align:center;border-radius:10px;background:#1a1a1a;border:1px solid #333;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 8px #0000004d}.SkillItem:hover{border-color:#0866ff;transform:translateY(-5px);box-shadow:0 6px 12px #0866ff66}.Icons{width:70%;height:60%;margin:20px 0;transition:transform .3s ease}.SkillItem:hover .Icons{transform:scale(1.1)}.SkillItem:nth-child(1) .Icons{color:#e34f26}.SkillItem:nth-child(2) .Icons{color:#1572b6}.SkillItem:nth-child(3) .Icons{color:#f7df1e}.SkillItem:nth-child(4) .Icons{color:#61dafb}.SkillItem:nth-child(5) .Icons{color:#7952b3}.SkillItem:nth-child(6) .Icons{color:#38b2ac}.IconTittle{margin-top:-20px;color:#fff;transition:color .3s ease;font-family:Poppins,sans-serif}.SkillItem:hover .IconTittle{color:#0866ff}@media(max-width:768px){.SkillItem{height:140px;width:45%}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.AboutPage{width:100%;min-height:120px;display:flex;align-items:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);padding:20px;border-top:1px solid #333}.AboutContainer{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.AboutSection{color:gray;display:flex;flex-direction:column;gap:8px}.AboutEmail{font-size:14px;font-weight:500;color:#e0e0e0;transition:color .3s ease}.AboutRole{font-size:12px;color:#999;font-weight:400}.ConnectWrapper{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.SocialIcons{display:flex;gap:15px}.SocialLink{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.SocialLink:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.Icon{color:#fff;font-size:18px;transition:transform .3s ease}.SocialLink:hover .Icon{transform:scale(1.1)}.PhoneNumber{font-size:13px;color:#e0e0e0;font-weight:400}@media(max-width:768px){.AboutPage{min-height:auto;padding:25px 20px}.AboutContainer{flex-direction:column;align-items:center;text-align:center;gap:25px}.ConnectWrapper{align-items:center;gap:15px}.AboutSection{align-items:center;gap:10px}.SocialIcons{gap:20px}.SocialLink{width:45px;height:45px}.Icon{font-size:20px}.AboutEmail{font-size:15px}.AboutRole{font-size:13px}.PhoneNumber{font-size:14px}}@media(max-width:480px){.AboutPage{padding:20px 15px}.SocialLink{width:42px;height:42px}.Icon{font-size:19px}.AboutEmail{font-size:14px;word-break:break-all}.PhoneNumber{font-size:13px}}.btn{padding:12px 30px;margin:10px 0;border-radius:8px;background-color:#0866ff;outline:none;border:none;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0866ff4d}.btn:hover{background-color:#0654d4;transform:translateY(-2px);box-shadow:0 4px 12px #0866ff66}.btn:active{transform:translateY(0)}@media(max-width:768px){.btn{padding:10px 32px;font-size:17px;width:100%;max-width:250px}}*{margin:0;padding:0;box-sizing:border-box;font-family:poppins}#NavWrapper{width:100%;height:80px;position:fixed;z-index:1;top:-100px;display:flex;align-items:center;justify-content:space-around;background:#131313cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 18px}.NavPart{font-size:14px;margin:20px 0;color:#ffffffe6;text-shadow:0 0 6px rgba(0,0,0,.3);cursor:pointer}.NavPart:nth-child(4){border:1px solid #3982F9;padding:8px 16px;border-radius:20px;background:linear-gradient(135deg,#0c1525,#1a2a3f);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-weight:500;letter-spacing:.3px;box-shadow:0 2px 8px #3982f940,inset 0 1px #ffffff1a}.NavPart:nth-child(4):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(57,130,249,.15),transparent);transition:left .5s ease}.NavPart:nth-child(4):hover{background:linear-gradient(135deg,#3982f9,#2a6bd8);transform:translateY(-1px);box-shadow:0 4px 12px #3982f959,0 2px 6px #3982f933,inset 0 1px #ffffff26;color:#fff;border-color:#4a90f2}.NavPart:nth-child(4):hover:before{left:100%}.NavPart:nth-child(4):active{transform:translateY(0);transition:all .1s ease;box-shadow:0 1px 4px #3982f94d,inset 0 1px #ffffff1a}*{margin:0;padding:0;box-sizing:border-box}.MenuIcon{position:fixed;display:flex;margin-left:5px;margin-top:5px;width:30px;height:30px;cursor:pointer;z-index:2}.MenuWrapper{position:relative;width:100%;height:100%}.MenuLine{position:absolute;height:3px;width:100%;background-color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all ease-in .4s;transform-origin:center}.MenuLine:nth-child(1){top:20%;left:0}.MenuLine:nth-child(2){bottom:20%;left:0;width:70%}.MenuIcon.active .MenuLine:nth-child(1){transform:rotate(45deg) translate(6px,6px);width:100%}.MenuIcon.active .MenuLine:nth-child(2){transform:rotate(-45deg) translate(6px,-6px);width:100%}