*{margin:0;padding:0}body{min-height:100vh;background:#1d1d22;color:#fff;font-family:outfit;display:flex;flex-direction:column}.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 50px;position:sticky;top:0;left:0;right:0;z-index:1000;background-color:#1d1d22;transition:transform .3s ease;box-shadow:0 .5rem 1rem #dc354526}.navbar.hide-navbar{transform:translateY(-100%)}.navbar img{height:50px;width:90px}.navbar img:hover{height:50px;width:90px;box-shadow:0 .5rem 1rem #dc354526}.nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:20px}.nav-menu li a{padding:10px;background:#1d1d22;font-size:20px;cursor:pointer;text-decoration:none;color:#fff}.nav-menu li a:hover{padding:10px 20px;border:1px solid #dc3545;box-shadow:0 .5rem 1rem #dc354526}.nav-connect{padding:10px;background:#1d1d22;font-size:20px;cursor:pointer;transition:.5s;box-shadow:0 .5rem 1rem #dc354526;border:1px solid #dc3545}.nav-connect:hover{transform:scale(1.05);border:none}.nav-mob-open,.nav-mob-close{display:none}@media (max-width: 768px){.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 50px;position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#1d1d22;transition:transform .3s ease;box-shadow:0 .5rem 1rem #dc354526}.navbar img{height:40px;width:70px}.nav-connect{display:none}.nav-mob-open{display:block;position:fixed;right:30px}.nav-mob-close{display:block;position:relative;top:30px;left:290px;width:30px}.no-scroll{overflow:hidden;height:100vh}.nav-menu{position:fixed;flex-direction:column;align-items:start;top:0;gap:30px;background-color:#1d1d22;width:350px;height:100%;z-index:2;transition:right .5s;right:-350px;transition:transform .3s ease}.nav-menu li{font-size:20px;padding-left:100px;flex-direction:row;gap:20px}}.footer{background-color:#32323c;padding:40px;flex-shrink:0;text-align:center}.footer-bottom{display:flex;justify-content:center;font-size:18px;color:#fff}.hero{display:flex;align-items:center;flex-direction:column;gap:35px}.hero img{margin-top:150px;border-radius:50%;height:280px;width:280px}.hero h1{text-align:center;width:70%;font-size:3em;font-weight:600}.hero h1 span{background:#ccd6f6;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{width:80%;text-align:center;font-size:24px;line-height:40px}.hero-action{display:flex;align-items:center;gap:25px;font-size:24px;font-weight:500;margin-bottom:50px}.hero-connect{padding:10px;background:#1d1d22;border:1px solid #dc3545;cursor:pointer;box-shadow:0 .5rem 1rem #dc354526;font-size:20px;color:#fff;text-decoration:none}.anchor-link{text-decoration:none;color:inherit}.hero-resume{padding:10px;border-radius:0;cursor:pointer;box-shadow:0 .5rem 1rem #dc354526;font-size:20px}.hero-resume a{text-decoration:none;color:#fff}.hero-connect:hover{border:none;transition:.3s;transform:scale(1.05)}.hero-resume:hover{gap:30px;transform:scale(1.05);transition:.3s;border:2px solid #dc3545;box-shadow:0 .5rem 1rem #dc354526}@media (max-width: 768px){.hero img{width:200px;height:200px}.hero h1{margin-top:20px;width:90%;font-size:50px}.hero p{width:60%;font-size:18px;line-height:32px;margin:10px 0}.hero-action{gap:16px;font-size:18px;font-weight:500;margin-bottom:50px}.hero-connect,.hero-resume{padding:16px 25px;border-radius:0}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.about-title h1{padding:0 30px;font-size:48px;font-weight:600;text-transform:uppercase}.about-section{display:flex;gap:80px;width:100%;justify-content:center}.about-right{display:flex;flex-direction:column;gap:80px;width:100%}.about-para{display:flex;flex-direction:column;gap:20px;font-size:20px;font-weight:500;text-align:center}.about-para h1{color:#ccd6f6}.about-skills-section h1{display:flex;flex-direction:column;gap:20px;font-size:35px;font-weight:500;text-align:center;color:#ccd6f6;margin-bottom:100px}.about-skills{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;width:100%;justify-items:center}.about-skill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:.3s}.about-skill img{height:50px;width:50px}.about-skill p{font-size:18px;font-weight:500;text-align:center}.about-skill hr{outline:none;border:none;width:50%;height:8px;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%)}.about-skill:hover{transform:scale(1.05);transition:.3s}.about-showmore-link{text-decoration:none;color:inherit;display:flex;justify-content:center;align-items:center;width:100%}.about-showmore{display:flex;gap:15px;width:180px;border-radius:0;padding:10px;font-size:22px;font-weight:500;transition:.6s;cursor:pointer;box-shadow:0 .5rem 1rem #dc354526;justify-content:center}.about-showmore:hover{gap:30px;transition:.3s;border:2px solid #dc3545;box-shadow:0 .5rem 1rem #dc354526}@media (max-width: 768px){.about{gap:60px;margin:50px 20px}.about-title h1{font-size:30px;padding:0;text-align:center;text-transform:uppercase}.about-section{flex-direction:column;gap:40px}.about-right{width:100%;padding:0 10px}.about-para{font-size:16px;line-height:28px}.about-para h1{font-size:25px}.about-skills{grid-template-columns:repeat(2,1fr)}.about-skill img{height:30px;width:30px}.about-skill p{font-size:16px;min-width:120px}.about-skill hr{height:6px}.about-showmore{width:160px;padding:10px;font-size:18px;margin:30px auto;cursor:pointer;box-shadow:0 .5rem 1rem #dc354526}}@media (max-width: 1024px){.about{margin:60px 50px;gap:70px}.about-title h1{font-size:40px}.about-section{flex-direction:row;gap:40px}.about-para{font-size:18px}.about-skill img{height:40px;width:40px}.about-skill p{font-size:20px}.about-skill hr{height:7px}.about-showmore{width:180px;font-size:20px}}.project{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.project-title{position:relative}.project-title h1{padding:0 30px;font-size:48px;font-weight:600;text-transform:uppercase}.project-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.project-container img{box-sizing:border-box;width:419px;height:280px;transition:.3s;cursor:pointer}.project-container img:hover{transform:scale(1.1);border:4px solid #ffff;border-radius:10px;transition:.3s}.project-showmore-link{text-decoration:none;color:inherit;display:flex;justify-content:center;align-items:center;width:100%}.project-showmore{display:flex;gap:15px;width:160px;border-radius:0;padding:15px;font-size:22px;font-weight:500;transition:.6s;cursor:pointer;box-shadow:0 .5rem 1rem #dc354526}.project-showmore:hover{gap:30px;transition:.3s;border:2px solid #dc3545;box-shadow:0 .5rem 1rem #dc354526}@media (max-width:768px){.project{gap:50px;margin:50px 70px;align-items:start}.project-title{width:100%}.project-title h1{font-size:30px;display:flex;justify-content:center;align-items:center;text-transform:uppercase}.project-container{grid-template-columns:1fr 1fr;gap:30px}.project-container img{width:100%;height:100%}.project-showmore{padding:16px 25px;font-size:18px;margin:50px auto;width:140px;cursor:pointer;box-shadow:0 .5rem 1rem #dc354526}}.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:48px;font-weight:600;text-transform:uppercase}.contact-section{display:flex;gap:150px}.contact-left{display:flex;flex-direction:column;gap:30px}.contact-left h1{font-size:35px;font-weight:700}.contact-left p{max-width:550px;color:#d8d8d8;font-size:20px;line-height:35px}.contact-details{display:flex;flex-direction:row;gap:30px;color:#d8d8d8}.contact-detail{border-radius:5px;box-shadow:0 .5rem 1rem #dc354526}.contact-detail img{box-sizing:border-box;width:50px;height:50px}.contact-detail:hover{transform:scale(1.1);transition:.3s;border:2px solid #dc3545}.contact-right{display:flex;flex-direction:column;align-items:start;gap:30px}.contact-right label{color:#d8d8d8;font-size:22px;font-weight:500}.contact-right input{border:none;width:700px;height:78px;padding-left:20px;border-radius:4px;background:#32323c;color:#a0a0a0;font-family:Outfit;font-size:20px}.contact-right textarea{width:650px;border:none;padding:25px;border-radius:4px;background:#32323c;color:#a0a0a0;font-family:Outfit;font-size:20px}.contact-submit{border:none;color:#fff;background:#1d1d22;box-shadow:0 .5rem 1rem #dc354526;font-size:16px;padding:10px;margin-bottom:50px;cursor:pointer;transition:.3s}.contact-submit:hover{transform:scale(1.1);transition:.3s;border:2px solid #dc3545}@media (max-width:768px){.contact{gap:50px;margin:50px 70px;align-items:start}.contact-title{width:100%}.contact-title h1{font-size:30px;text-align:center;display:flex;justify-content:center;align-items:center;text-transform:uppercase}.contact-section{flex-direction:column}.contact-left h1{font-size:25px}.contact-left p{font-size:18px}.contact-details{gap:20px}.contact-detail img{box-sizing:border-box;width:40px;height:40px}.contact-right label{font-size:20px}.contact-right input{width:100%;font-size:20px}.contact-right textarea{width:95%;font-size:20px}.contact-submit{font-size:16px;padding:15px 30px}.contact-submit:hover{transform:scale(1.1);transition:.3s;border:2px solid #dc3545}}.education-container{margin:40px;text-align:center;min-height:100vh}.education-content{display:flex;justify-content:space-between;margin-top:30px}.university-list{width:25%;display:flex;flex-direction:column;align-items:end;gap:10px}.university-list button{background-color:#212225;color:#fff;border:1px dashed #fff;padding:20px;cursor:pointer;font-size:20px;transition:.3s;width:300px}.university-list button:hover{background-color:#dc3545;transform:scale(1.05)}.university-list button.selected{border:2px solid #dc3545;color:#fff}.education-details{width:70%;text-align:left;padding:20px;border-radius:8px;background-color:#1d1d22}.education-details h2{font-size:2em;margin-bottom:15px}.education-details p{font-size:18px;line-height:1.6}.education-details strong{color:#dc3545}@media (max-width: 1200px){.education-content{flex-direction:column;align-items:center}.university-list{width:100%;align-items:center}.university-list button{width:100%;font-size:18px;padding:15px}.education-details{width:100%;margin-top:20px;text-align:center}}@media (max-width: 768px){.education-container{margin-top:200px;text-align:center;min-height:100vh}.university-list button{font-size:16px;padding:12px}.education-details{padding:15px}.education-details h2{font-size:1.6em}.education-details p{font-size:16px}}@media (max-width: 480px){.education-container{margin-top:200px;text-align:center;min-height:100vh}.university-list{width:100%}.university-list button{font-size:14px;padding:10px}.education-details{padding:10px}.education-details h2{font-size:1.4em}.education-details p{font-size:14px}}.experience{display:flex;align-items:center;flex-direction:column;margin:3000px}.research-page{background-color:#1d1d22;color:#9ea3ba;padding:20px;margin-top:100px;min-height:79vh;overflow:auto;box-sizing:border-box}.research-page h1{text-align:center;margin-bottom:20px;font-size:2rem;color:#9ea3ba;display:flex;justify-content:center;align-items:center;height:50px}.research-list{display:flex;flex-direction:column;gap:10px;margin:50px auto;max-width:800px;width:90%}.research-item{background-color:#1d1d22;padding:10px;border:1px dashed #dc3545}.research-title{cursor:pointer;font-size:1.2rem;color:#9ea3ba;padding:10px;margin:0}.research-title.active{background-color:#561d11;color:#9ea3ba}.research-details{padding:10px;background-color:#444;margin-top:10px;border-radius:5px;word-wrap:break-word}footer{background-color:#1d1d22;color:#9ea3ba;text-align:center;padding:10px 0;position:relative;bottom:0;width:100%}@media (max-width: 768px){.research-page{margin-top:90px;padding-bottom:80px;min-height:100vh}.research-page h1{color:red}.research-list{margin:20px auto;width:95%;gap:15px}.research-title{font-size:1rem;padding:8px}.research-details{font-size:.9rem;padding:8px}}@media (max-width: 480px){.research-page{margin-top:100px;padding-bottom:100px;min-height:78vh}.research-title{font-size:.9rem;padding:6px}.research-details{font-size:.8rem;padding:6px}}body,html{margin:0;padding:0;min-height:100%;display:flex;flex-direction:column}.blog-page{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:90vh;padding:20px 0;margin-top:60px}.blog-page h1{text-align:center;margin:0;padding:20px 0}.blog-list{display:flex;flex-direction:column;gap:15px;margin:0 auto;width:90%;max-width:800px}.blog-item{background-color:#1d1d22;padding:15px;border:1px dashed #dc3545;border-radius:5px}.blog-title{font-size:22px;font-weight:700;cursor:pointer;margin:0;padding-bottom:10px}.blog-title.active{color:#dc3545}.blog-details{margin-top:10px;font-size:16px}.no-posts{margin-top:20px;font-size:20px;color:#dc3545;font-weight:700;text-align:center}@media (max-width: 768px){.blog-list{width:95%}.blog-title{font-size:20px}.blog-details{font-size:14px}.no-posts{font-size:18px}}@media (max-width: 480px){.blog-title{font-size:18px}.blog-details{font-size:14px}.blog-list{width:100%}.blog-page{margin-top:70px}}.project-details-page{padding:40px 20px;background-color:#1d1d22;color:#fff;min-height:100vh}.project-details-title{text-align:center;margin-bottom:50px;font-size:2.5em;color:#fff;margin-top:50px}.project-details-container{display:flex;gap:30px}.project-list{width:25%;display:flex;flex-direction:column;gap:15px}.project-list-item{padding:15px 20px;background-color:#32323c;border:1px dashed white;color:#fff;cursor:pointer;font-size:16px;transition:.3s}.project-list-item:hover{background-color:#dc3545;transform:scale(1.05)}.project-list-item.selected{border:2px solid #dc3545}.project-details{width:75%;padding:20px;background-color:#32323c;border-radius:8px;overflow-wrap:break-word;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-image{width:60%;height:auto;margin:20px 0;border-radius:8px}.project-technologies{margin-top:20px}.tech-icons{display:flex;gap:15px;flex-wrap:wrap;justify-content:flex-start}.tech-icon{width:50px;height:50px;transition:.3s;object-fit:contain;display:block}.tech-icon:hover{transform:scale(1.2)}@media (max-width: 768px){.project-details-container{flex-direction:column;align-items:center}.project-list{width:100%;align-items:center}.project-list-item{width:90%;font-size:14px;text-align:center}.project-details{width:100%;margin-top:20px}.tech-icons{justify-content:center;gap:10px}.tech-icon{width:35px;height:35px}.project-details-title{font-size:2em;margin-top:100px}}@media (max-width: 480px){.project-details-title{font-size:2em;margin-top:80px}.project-list-item{font-size:12px;padding:10px}.project-details{padding:15px}.project-image{margin:15px 0}.tech-icon{width:30px;height:30px}}