*{margin:0;padding:0;scroll-behavior:smooth}#root{min-height:100vh;position:relative;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.loader{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000}.intrologo{width:300px;position:relative;bottom:30px}body{font-family:Raleway,sans-serif;color:#fff;min-height:100vh}video{object-fit:cover;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1}b{font-weight:900;color:#3b82f6}::-webkit-scrollbar{width:10px;scroll-behavior:smooth}::-webkit-scrollbar-track{background:#274656;border-radius:100px}::-webkit-scrollbar-thumb{background:#01111a;border-radius:100px}.bg{position:fixed;z-index:-1;bottom:0}.bgtwo{position:fixed;z-index:-1;top:220px}.bgtemp{position:fixed;z-index:-1;top:-30px}.Navbar{display:flex;justify-content:space-between;align-items:center;padding:0 7%;box-sizing:border-box;position:fixed;width:100%;z-index:2;height:70px;top:0;transition:all .7s}.blur{background-color:#01111a8d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(20px)}.Logo{margin-top:10px;max-width:100px;min-width:100px;flex-shrink:0;padding:5px 0}.Logo img{max-width:100%;height:auto}.NavbarLinks{display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:22px}.NavbarLinks li{padding:2px 15px;list-style-type:none}.NavbarLinks a{color:#f0f8ff;display:flex;align-items:center;justify-content:space-between;position:relative;width:95%;padding:2px 7px;letter-spacing:.5px;text-decoration:none}.NavbarLinks a:hover{color:#fff}.NavbarLinks a:after{background-color:#3b82f6;content:"";position:absolute;height:3px;left:5px;bottom:0;width:0px;border-radius:2px;transition:.3s}.NavbarLinks a:hover:after{width:95%}.Hamburger{display:none}@media(max-width:900px)and (min-width:601px){.Navbar{padding:0 4%}.NavbarLinks{font-size:18px}.NavbarLinks li{padding:2px 8px}}@media(max-width:668px){.Navbar{width:100%;padding:0 5%}.NavbarLinks{font-size:26px;display:flex;flex-direction:column;justify-content:flex-start;position:fixed;inset:0 0 0 50%;gap:50px;background-color:#04043b;height:100vh;padding-top:max(20%,120px);transform:translate(100%);transition:.5s}.showNavbar{transform:translate(0)}.Hamburger{display:block;z-index:2;padding:5px 0;cursor:pointer}.bar{display:block;background-color:#fff;border-radius:50px;height:2.5px;width:30px;margin:6px;transition:.5s}.barOne{rotate:-225deg;position:relative;top:4px;transition:.5s}.barTwo{display:none}.barThree{position:relative;bottom:4px;rotate:225deg;transition:.5s}}.HomePage{display:flex;justify-content:space-evenly;min-height:80vh;margin-top:100px;margin-bottom:-90px;align-items:center}.HomeText h1{font-weight:600;font-size:60px;letter-spacing:.7px;padding-top:10px}.TypeEffect{padding:25px 0;font-weight:600;font-size:50px;letter-spacing:.6px}@media(max-width:850px){.HomePage{display:block;text-align:center;margin-top:80px}.HomeText h1{font-weight:600;font-size:60px;letter-spacing:.7px;padding-top:10px}.HomeText{font-size:30px;text-align:left;display:inline-block}.HomeGif{width:450px;position:relative;right:40px}}@media(max-width:500px){.HomePage{min-height:70vh;margin-top:100px;margin-bottom:10px}.NavbarLinks{inset:0 0 0 30%}.HomeText h1{font-weight:50px;font-size:47px}.TypeEffect{font-weight:700;font-size:40px}}.AboutPage{display:flex;justify-content:space-evenly;min-height:80vh;align-items:center;padding:25px;position:relative;top:80px;z-index:1}.AboutText{width:50%;font-weight:500;font-size:20px;line-height:30px;letter-spacing:1.2px}.AboutTextHeading{font-size:35px;font-weight:600;padding-bottom:40px}.AboutText a{color:#3b82f6;text-decoration:underline;font-weight:700}.Profile{width:400px;border-radius:10px}@media(max-width:900px){.AboutPage{display:block;text-align:center;margin-top:100px}.AboutText{text-align:left;display:inline-block;width:95%;line-height:24px;letter-spacing:.6px;margin-bottom:50px;margin-top:20px}.AboutTextHeading{font-size:26px}.Profile{width:400px;margin-bottom:75px}.AboutGif{width:430px;position:relative;right:40px}}.SkillsPageRoot{padding:120px 20px 50px;min-height:90vh;display:flex;flex-direction:column;align-items:center}.SkillsHeader{text-align:center;margin-bottom:50px}.TechnicalSkillsTitle{font-size:50px;font-weight:700;letter-spacing:1px}.AccentText{color:#3b82f6;font-weight:700}.SkillsSubtitle{color:#9ca3af;font-size:18px;margin-top:10px}.CategoryContainer{width:100%;display:flex;justify-content:center;margin-bottom:60px}.CategoryBar{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;background:#ffffff0d;padding:10px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.CategoryButton{background:transparent;color:#fff;border:none;padding:12px 24px;border-radius:50px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.CategoryButton:hover{background:#ffffff1a}.CategoryButton.active{background:#3b82f6;color:#fff;box-shadow:0 0 20px #3b82f666}.CategoryIcon{font-size:20px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;width:80%;max-width:1200px}.SkillCard{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:25px;display:flex;align-items:center;gap:20px;transition:all .3s ease}.SkillCard:hover{transform:translateY(-5px);background:#ffffff12;border-color:#3b82f64d;box-shadow:0 10px 30px #0000004d}.SkillIcon{font-size:45px;color:#fff;display:flex;align-items:center;justify-content:center;min-width:50px}.SkillInfo{flex-grow:1}.SkillName{font-size:20px;font-weight:600;margin-bottom:12px;color:#fff}.ProgressBarContainer{width:100%;height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden}.ProgressBar{height:100%;background:#3b82f6;border-radius:10px;transition:width 1s ease-out}@media(max-width:1024px){.SkillsPageRoot{padding-top:100px;padding-left:15px;padding-right:15px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));width:95%;gap:20px}}@media(max-width:768px){.SkillsPageRoot{padding-top:90px}.TechnicalSkillsTitle{font-size:40px}.SkillsSubtitle{font-size:16px}.CategoryBar{gap:8px;padding:6px;border-radius:30px;width:95%;max-width:600px}.CategoryButton{padding:8px 16px;font-size:14px;gap:6px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));width:100%;gap:15px}}@media(max-width:600px){.SkillsPageRoot{padding-top:90px}.TechnicalSkillsTitle{font-size:32px}.CategoryBar{border-radius:20px}.CategoryButton{padding:8px 14px;font-size:14px;gap:8px}.skills-grid{grid-template-columns:1fr;width:90%;margin:0 auto}.SkillCard{padding:18px;min-width:unset}.SkillIcon{font-size:38px}.SkillName{font-size:18px}}@media(max-width:500px){.AboutText{font-size:16px;position:relative;bottom:100px}.Profile{width:350px;margin-bottom:1px}.skills{margin-bottom:-75px}.SkillsHeading{font-size:26px;position:relative}.SkillBox{width:100px;height:100px;font-size:50px}}.projectHeading{text-align:center;padding-top:100px;letter-spacing:.4px;font-size:50px;margin-bottom:10px}.projectSubHeading{text-align:center;color:#9ca3af;font-size:18px;margin-bottom:30px;letter-spacing:.5px}.project{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin:50px 5%;align-items:stretch}.project-card{width:350px;background:#01111a8d;border-radius:20px;position:relative;overflow:hidden;padding:40px 30px;color:#fff;display:flex;flex-direction:column;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(59,130,246,.2);box-shadow:0 10px 30px -10px #00000080;transition:all .3s ease}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px -15px #3b82f666;border-color:#3b82f680}.accent-bar{position:absolute;top:0;left:0;width:100%;height:6px}.project-header{margin-bottom:20px;min-height:140px}.project-emoji{font-size:3rem;display:block;margin-bottom:20px}.project-title{font-size:24px;font-weight:700;color:#fff;line-height:1.2}.project-meta{display:flex;gap:20px;margin-bottom:25px;font-size:14px;color:#9ca3af}.meta-item{display:flex;align-items:center;gap:6px}.meta-icon{font-size:16px}.project-description{font-size:16px;line-height:1.6;color:#d1d5db;margin-bottom:30px;min-height:55px}.project-highlights{flex-grow:1;margin-bottom:30px}.highlight-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:15px;line-height:1.4;color:#e5e7eb}.check-icon{font-size:18px;flex-shrink:0;margin-top:2px}.project-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);justify-content:center}.tag{background:#3b82f61a;color:#60a5fa;padding:6px 16px;border-radius:50px;font-size:13px;font-weight:600;border:1px solid rgba(59,130,246,.2);transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center}.tag:hover{background:#3b82f633;border-color:#3b82f666;transform:translateY(-1px)}@media(max-width:500px){.projectHeading{font-size:36px;padding:75px 0 10px;margin-bottom:0}.project-card{width:90%;margin:0 auto;padding:30px 20px}}.ResumePage{padding-top:50px;width:fit-content;position:relative;margin:100px auto 0;text-align:center}.resumeview{pointer-events:none}.downloadCV{cursor:pointer;margin:25px 0;width:200px;height:40px;background-color:#3b82f6;color:#fff;text-decoration:none;border-radius:5px;border-style:none;transition:all .5s}.downloadCV:hover{transition:all .5s;background-color:#fff;color:#431f47}footer{width:90%;height:40px;margin:80px auto 10px;letter-spacing:.5px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;position:relative;bottom:0;text-align:center}footer h4{margin:0 25px;font-weight:500}.footerLinks{display:flex;width:450px;font-size:40px;justify-content:space-evenly}.footerLinks a{text-decoration:none;color:inherit}.footerLinks a:hover{color:#3b82f6}@media(max-width:750px){footer{height:110px}}.ContactPage{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:120px 20px 50px;text-align:center;min-height:90vh}.ContactContainer{width:550px;max-width:95%;background:#01111a8d;padding:50px 30px;border-radius:10px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 20px #3b82f666}.ContactHeading{font-size:36px;font-weight:600;margin-bottom:10px;color:#fff}.ContactSubHeading{font-size:18px;margin-bottom:40px;color:#d1d5db}.FormGroup{display:flex;flex-direction:column;margin-bottom:20px;text-align:left}.FormGroup label{margin-bottom:8px;color:#3b82f6;font-weight:500}.FormGroup input,.FormGroup textarea{padding:10px 15px;border-radius:6px;border:1px solid #3b82f6;background:#01111a;color:#fff;font-size:16px;resize:none}.FormGroup input:focus,.FormGroup textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 10px #3b82f6}.ContactBtn{width:100%;padding:12px;background-color:#3b82f6;color:#fff;font-size:18px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .3s}.ContactBtn:hover{background-color:#2563eb}.PopupOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#01111ad9;display:flex;justify-content:center;align-items:center;z-index:999}.PopupContent{background:#01111a;padding:40px 30px;border-radius:12px;text-align:center;color:#fff;box-shadow:0 0 25px #3b82f6;max-width:90%}.PopupContent h3{font-size:28px;margin-bottom:15px}.PopupContent p{font-size:16px;margin-bottom:25px}.PopupContent button{padding:10px 25px;background-color:#3b82f6;color:#fff;border:none;border-radius:5px;cursor:pointer}.PopupContent button:hover{background-color:#2563eb}@media(max-width:768px){.ContactPage{padding:80px 15px 40px}.ContactContainer{padding:35px 20px}.ContactHeading{font-size:30px}.ContactSubHeading{font-size:16px}.FormGroup input,.FormGroup textarea{font-size:15px;padding:8px 12px}.ContactBtn{font-size:16px;padding:10px}}@media(max-width:480px){.ContactPage{min-height:auto;margin-top:50px;margin-bottom:10px}.ContactContainer{padding:25px 15px}.ContactHeading{font-size:26px}.ContactSubHeading{font-size:14px}.FormGroup input,.FormGroup textarea{font-size:14px;padding:6px 10px}.ContactBtn{font-size:14px;padding:8px}}.notfound-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#001f33,#002b4d);color:#fff;text-align:center;padding:0 20px;animation:fadeIn 1s ease-in}.notfound-content{max-width:600px}.notfound-title{font-size:8rem;font-weight:800;color:#3b82f6;text-shadow:0 0 20px rgba(0,170,255,.4);margin-bottom:15px;animation:float 3s ease-in-out infinite}.notfound-subtitle{font-size:2rem;margin-bottom:15px;color:#e0f7ff}.notfound-text{font-size:1.1rem;color:#b3cde0;margin-bottom:30px;line-height:1.6}.home-button{background-color:#3b82f6;color:#fff;text-decoration:none;padding:12px 28px;border-radius:8px;font-weight:600;font-size:1rem;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 15px #00aaff4d}.home-button:hover{background-color:#3b82f6;box-shadow:0 6px 20px #007acc80;transform:translateY(-3px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.notfound-title{font-size:6rem}.notfound-subtitle{font-size:1.8rem}}@media(max-width:768px){.notfound-title{font-size:5rem}.notfound-subtitle{font-size:1.5rem}.notfound-text{font-size:1rem}.home-button{padding:10px 24px;font-size:.95rem}}@media(max-width:480px){.notfound-title{font-size:3.8rem}.notfound-subtitle{font-size:1.3rem}.notfound-text{font-size:.9rem}.home-button{padding:9px 20px;font-size:.9rem}}