@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#1a1a1a}.navbar img{transition:transform .3s ease}.navbar img:hover{transform:scale(1.1)}:root{--primary-color: #1a1a1a;--secondary-color: #f0f0f0;--accent-color: #ff6b6b;--transition-speed: .3s}.navbar{display:flex;align-items:center;justify-content:space-between;margin:0;padding:10px 170px;background-color:#fff;box-shadow:0 2px 10px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000}.nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:20px}.nav-menu li{display:flex;flex-direction:column;gap:5px;cursor:pointer;transition:color var(--transition-speed) ease}.nav-menu li:hover{color:var(--accent-color)}.anchor-link{text-decoration:none;color:var(--primary-color);transition:color var(--transition-speed) ease}.anchor-link:hover{color:var(--accent-color)}.nav-mob-open,.nav-mob-close{display:none;cursor:pointer;font-size:32px;color:var(--primary-color);transition:color var(--transition-speed) ease;background:none;border:none;padding:0}.nav-mob-open:hover,.nav-mob-close:hover{color:var(--accent-color)}@media (max-width: 768px){.navbar{padding:10px 50px}.nav-mob-open{display:block;position:fixed;right:30px;z-index:3}.nav-mob-close{display:block;position:relative;top:30px;left:290px;width:30px;z-index:3}.nav-menu{position:fixed;flex-direction:column;align-items:start;top:0;gap:30px;background-color:var(--secondary-color);width:350px;height:100%;z-index:2;transition:right var(--transition-speed) ease;right:-350px;padding-top:80px;box-shadow:-2px 0 10px #0000001a}.nav-menu li{font-size:30px;padding-left:100px;flex-direction:row;gap:20px;position:relative}.nav-menu li:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:var(--accent-color);transform:scaleX(0);transition:transform .3s ease}.nav-menu li:hover:after{transform:scaleX(1)}}.hero{display:flex;align-items:center;flex-direction:column;gap:35px}.hero img{margin-top:150px}.hero h1{text-align:center;width:70%;font-size:90px;font-weight:600}.hero h1 span{background:linear-gradient(270deg,green,red);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.typewriter{display:inline-block;overflow:hidden;white-space:nowrap;animation:typing 3.5s steps(30,end) infinite}@keyframes typing{0%{width:0}to{width:100%}}.hero p{width:50%;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:25px 45px;border-radius:50px;background:linear-gradient(264deg,#00008b,pink);cursor:pointer}.hero-resume{padding:25px 75px;border-radius:50px;border:2px solid white;cursor:pointer}.hero-connect:hover{border:2px solid green}.hero-resume:hover{border-color:#000}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;margin:80px 170px;padding:20px}.about-title{position:relative}.about-title h1{padding:0 30px;font-size:60px;font-weight:600;background:linear-gradient(90deg,#ff6b6b,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-section{display:flex;gap:60px;align-items:center}.about-left img{width:400px;border-radius:10px;box-shadow:0 4px 15px #0003}.about-right{display:flex;flex-direction:column;gap:30px}.about-para{display:flex;flex-direction:column;gap:20px;font-size:20px;font-weight:500;color:#333;line-height:1.6}.about-achievements{display:flex;width:100%;justify-content:space-around;margin-top:40px}.about-achievement{display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .3s ease}.about-achievement h1{font-size:50px;font-weight:700;background:linear-gradient(90deg,#ff6b6b,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-achievement p{font-size:20px;font-weight:500;color:#555}.about-achievement:hover{transform:scale(1.1)}@media (max-width: 768px){.about{margin:40px 20px;gap:40px}.about-title h1{font-size:40px;padding:0 10px}.about-section{flex-direction:column;gap:30px}.about-left img{width:100%;max-width:300px}.about-right{text-align:center}.about-para{font-size:18px}.about-achievements{display:flex;gap:30px}.about-achievement h1{font-size:40px}.about-achievement p{font-size:18px}}.experience{padding:20px;text-align:center}.experience-title h1{font-size:2.5rem;margin-bottom:20px;background:linear-gradient(90deg,#ff6b6b,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.experience-container{display:flex;flex-direction:column;align-items:center;gap:20px}.skill-category{background:#f4f4f4;border-radius:10px;padding:20px;width:80%;box-shadow:0 4px 8px #0000001a;cursor:pointer}.skill-header{display:flex;justify-content:space-between;align-items:center}.skill-header h2{font-size:1.8rem;margin:0;color:#333}.skill-icon,.program-icon{font-size:1.5rem;color:#333}.programs-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.program-item{background:#fff;border-radius:5px;padding:10px 15px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:10px}.program-item p{font-size:1rem;color:#555;margin:0}@media (max-width: 768px){.skill-category{width:100%}.skill-header h2{font-size:1.5rem}.program-item{padding:8px 12px}.program-item p{font-size:.9rem}}.projects{padding:20px;text-align:center}.projects-title h1{font-size:2.5rem;margin-bottom:20px}.projects-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.project-card{background:#f4f4f4;border-radius:10px;overflow:hidden;width:300px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column}.project-image{width:100%;height:200px;object-fit:contain;background-color:#fff}.project-content{padding:15px;flex-grow:1;display:flex;flex-direction:column;gap:10px}.project-content h2{font-size:1.5rem;margin:0}.project-content h3{font-size:1.2rem;margin:0;color:#555}.project-date{font-size:.9rem;color:#777}.project-abstract{font-size:1rem;color:#333;flex-grow:1}.read-more-btn{background:linear-gradient(264deg,#df8908 -5.09%,#b415ff);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;transition:.3s}.read-more-btn:hover{transform:scale(1.05)}.demo-link{display:inline-block;margin-top:10px;padding:10px 20px;background:#007bff;color:#fff;text-decoration:none;border-radius:5px;font-size:1rem;transition:.3s}.demo-link:hover{background:#0056b3}@media (max-width: 768px){.project-card{width:100%;max-width:400px}.project-image{height:150px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;margin:80px 170px;padding:20px}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:60px;font-weight:600;background:linear-gradient(90deg,#ff6b6b,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-section{display:flex;gap:100px}.contact-left{display:flex;flex-direction:column;gap:30px}.contact-left h1{font-size:60px;font-weight:700;background:linear-gradient(90deg,#ff6b6b,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{max-width:550px;color:#555;font-size:20px;line-height:35px}.contact-details{display:flex;flex-direction:column;gap:30px;color:#555;font-size:20px}.contact-detail{display:flex;align-items:center;gap:20px}.contact-detail svg{font-size:24px;color:#3b82f6}.contact-right{display:flex;flex-direction:column;align-items:start;gap:30px}.contact-right label{color:#555;font-size:22px;font-weight:500}.contact-right input,.contact-right textarea{border:none;width:100%;padding:20px;border-radius:4px;font-family:Outfit,sans-serif;font-size:20px;background:#f4f4f4;color:#333}.contact-right textarea{height:200px;resize:vertical}.contact-submit{border:none;color:#fff;border-radius:50px;background:linear-gradient(90deg,#ff6b6b,#3b82f6);font-size:22px;padding:20px 60px;cursor:pointer;transition:transform .3s ease}.contact-submit:hover{transform:scale(1.1)}@media (max-width: 768px){.contact{margin:40px 20px;gap:40px}.contact-title h1{font-size:40px;padding:0 10px}.contact-section{flex-direction:column;gap:40px}.contact-left h1{font-size:40px}.contact-left p,.contact-details{font-size:18px}.contact-right input,.contact-right textarea{width:100%;font-size:18px}.contact-submit{font-size:18px;padding:15px 40px}}.footer{margin:50px 170px;display:flex;flex-direction:column;gap:30px}.footer-top{display:flex;justify-content:space-between}.footer-top-left{font-size:20px;max-width:400px}.footer-top-left img{width:150px;margin-bottom:20px}.footer-top-left p{color:#a0a0a0;line-height:1.6}.footer-top-right{display:flex;align-items:center;gap:35px}.footer-email-input{display:flex;gap:15px;padding:15px 25px;border-radius:50px;background:#32323b;align-items:center}.footer-email-input input{outline:none;border:none;background:transparent;color:#a0a0a0;font-family:Outfit,sans-serif;font-size:18px;width:200px}.footer-email-input svg{color:#a0a0a0;font-size:20px}.footer-subscribe{font-size:18px;padding:15px 40px;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff);cursor:pointer;transition:transform .3s ease;color:#fff}.footer-subscribe:hover{transform:scale(1.1)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:18px;color:#a0a0a0}.footer-bottom-right{display:flex;gap:20px}.footer-bottom-right a{color:#a0a0a0;text-decoration:none;transition:color .3s ease}.footer-bottom-right a:hover{color:#b415ff}.social-icon{font-size:24px}@media (max-width: 768px){.footer{margin:30px 20px;gap:20px}.footer-top{flex-direction:column;gap:20px}.footer-top-left{text-align:center}.footer-top-right{flex-direction:column;gap:20px}.footer-email-input{width:100%;justify-content:center}.footer-subscribe{width:100%;text-align:center}.footer-bottom{flex-direction:column;gap:10px;text-align:center}.footer-bottom-right{justify-content:center}}