@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");body,html{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#070707;color:#ccd6f6;height:100vh;display:flex;overflow:hidden}.portfolio-container{width:100vw;height:100vh;display:flex;animation:fadeIn 1s ease-in-out}.sidebar{width:30%;height:100vh;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 40px;position:fixed;left:0;top:0}.profile-image{width:180px;height:auto;object-fit:cover;margin-bottom:8px}.sidebar h1{font-size:2rem;color:#fff;margin-top:0;margin-bottom:8px;text-align:center;overflow:hidden;white-space:nowrap;border-right:2px solid #fff;width:0;display:inline-block;animation:typing 3s steps(24) forwards,blink .7s step-end infinite alternate;text-decoration:underline;text-decoration-thickness:4px;-webkit-text-decoration-color:#B39DDB;text-decoration-color:#B39DDB}@keyframes typing{0%{width:0}to{width:20ch}}@keyframes blink{50%{border-color:transparent}}.sidebar h2{font-size:1.8rem;color:#fff;margin:12px auto}.sidebar h3{font-size:1.2rem;color:#8892b0;margin:0 auto}.sidebar p{font-size:1rem;color:#8892b0;text-align:center;max-width:80%;animation:fadeIn 1.8s ease-in-out}.social-icons{display:flex;justify-content:center;gap:15px;margin-top:8px}.social-icons a{color:#64ffda;transition:transform .3s ease-in-out,color .3s ease-in-out}.social-icons a:hover{transform:scale(1.2);color:#48e5c2}.main-content{width:70%;margin-left:30%;padding:0;height:100vh;overflow-y:auto;background:#070707;animation:slideInRight 1s ease-in-out}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.about-section,.achievements-section,.blog-section,.experience-section,.opensource-section,.projects-section,.publication-section,.skills-section{max-width:70%;margin:auto;padding-bottom:8px;opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease-in-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-section:first-child{animation-delay:.2s}.skills-section:nth-child(2){animation-delay:.4s}.projects-section:nth-child(3){animation-delay:.6s}.opensource-section:nth-child(4){animation-delay:.8s}.experience-section:nth-child(5){animation-delay:1s}.publication-section:nth-child(6){animation-delay:1.2s}.achievements-section:nth-child(7){animation-delay:1.4s}.blog-section:nth-child(8){animation-delay:1.6s}.about-section h2,.achievements-section h2,.blog-section h2,.experience-section h2,.opensource-section h2,.projects-section h2,.publication-section h2,.skills-section h2{font-size:2rem;color:#fff;padding-top:16px;margin-bottom:24px;text-decoration:underline;text-decoration-thickness:4px;-webkit-text-decoration-color:#B39DDB;text-decoration-color:#B39DDB}.about-section p,.skills-section p{font-size:1rem;color:#ccd6f6;line-height:1.6}.blog-section a{font-size:1rem;color:#64ffda;line-height:1.6;text-decoration:none}.blog-section a:hover{text-decoration:underline;color:#48e5c2}.project-item{display:flex;align-items:center;gap:15px;margin-bottom:20px}.project-item img{width:40px;height:40px;object-fit:contain}.project-item a{font-size:1.2rem;color:#64ffda;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:5px}.project-item a:hover{text-decoration:underline;color:#48e5c2}.project-item h3{font-size:1rem;color:#64ffda;margin-top:5px}.project-item p{font-size:1rem;color:#ccd6f6;margin-top:5px}.footer-section{text-align:center;padding:8px 20px 40px;background:#070707;color:#ccd6f6;margin-top:40px}.footer-section h2{font-size:1.8rem;color:#64ffda;margin-bottom:10px}.footer-section p{font-size:1rem;color:#8892b0;margin-bottom:15px}.footer-section .tech-stack{font-size:.9rem;color:#8892b0;margin-top:10px}@media screen and (max-width:1024px){.sidebar{width:35%;padding:20px}.main-content{width:65%;margin-left:35%;padding:20px}}@media screen and (max-width:768px){body,html{height:auto;overflow-y:auto!important}.portfolio-container{flex-direction:column;overflow-y:auto;height:auto}.about-section,.achievements-section,.blog-section,.experience-section,.opensource-section,.projects-section,.publication-section,.skills-section{max-width:90%}.sidebar{position:relative!important;text-align:center}.main-content,.sidebar{width:90%;height:auto;padding:20px}.main-content{margin-left:0;overflow-y:hidden}}@media screen and (max-width:480px){.sidebar h1{font-size:1.5rem}.sidebar p{font-size:.9rem}.social-icons a{font-size:24px}.about-section h2,.achievements-section h2,.blog-section h2,.experience-section h2,.opensource-section h2,.projects-section h2,.publication-section h2,.skills-section h2{font-size:1.5rem}.project-item a{font-size:1rem}.footer-section p{font-size:.7rem;color:#8892b0;margin-bottom:15px}.footer-section .tech-stack{font-size:.5rem;color:#8892b0;margin-top:10px}}