@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";

*{box-sizing:border-box;margin:0;padding:0}.top-nav{background-color:#007bff;justify-content:space-between;align-items:center;padding:25px 40px;display:flex}.social-icons{gap:25px;display:flex}.nav-icon{color:#fff;font-size:28px;transition:transform .2s,color .3s}.nav-icon:hover{color:#dfe3ee;transform:scale(1.1)}.nav-links{gap:25px;list-style:none;display:flex}.nav-links li{font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.nav-links li a{color:#fff;text-decoration:none;transition:color .3s}.nav-links li a:hover{color:#dfe3ee}p{margin-bottom:30px;line-height:1.6}@media (max-width:768px){.top-nav{flex-direction:column;gap:15px;padding:15px}.social-icons{gap:15px}.nav-icon{font-size:24px}.nav-links{gap:15px}.nav-links li{font-size:16px}}
.home-container{justify-content:center;align-items:center;gap:80px;height:90vh;padding:5% 10%;display:flex}.text-container{text-align:left;flex:1;min-width:400px}.text-container h1{margin-bottom:10px;font-family:Poppins,sans-serif;font-size:4rem;font-weight:700}.text-container .highlight{color:#007bff}.subtitle{color:#333;margin-top:10px;font-size:2.2rem;font-weight:700}.description{color:#222;opacity:.9;white-space:nowrap;margin-top:10px;font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:500;line-height:1.6}.avatar-container{flex:1;justify-content:center;display:flex}.profile-pic{object-fit:cover;border-radius:50%;width:340px;height:340px}@media (max-width:768px){.home-container{flex-direction:column-reverse;gap:30px;height:auto;min-height:100vh;padding:20px}.text-container{min-width:unset;text-align:center;width:100%}.text-container h1{font-size:2.5rem}.subtitle{font-size:1.8rem}.description{margin:10px auto;font-size:1.2rem}.profile-pic{width:200px;height:200px}.button-container{flex-direction:column;align-items:center;gap:10px}.btn{width:100%;max-width:250px;font-size:1rem}}.button-container{gap:15px;margin-top:20px;display:flex}.btn{color:#090909;background-color:#ffd301;border-radius:5px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .3s}.btn:hover{background-color:#0056b3}
.about-container{justify-content:space-between;align-items:flex-start;gap:80px;height:auto;padding:5% 10%;display:flex}.about-left{text-align:left;flex:1}.about-left h1{margin-bottom:15px;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700}.about-left p{color:#1a1818;margin-bottom:15px;font-family:Poppins,sans-serif;font-size:1.3rem;line-height:1.6}.about-right{text-align:left;flex:1}.about-right h1{margin-bottom:20px;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700}.tech-category{margin-bottom:25px}.tech-category h2{color:#000;margin-bottom:10px;font-size:1.8rem;font-weight:700}.tech-items{flex-wrap:wrap;gap:10px;display:flex}.tech-items span:nth-child(3n+1){background-color:#e63946}.tech-items span:nth-child(3n+2){background-color:#007bff}.tech-items span:nth-child(3n+3){background-color:#2a9d8f}.tech-items span{color:#fff;border-radius:8px;padding:10px 15px;font-size:1.2rem;font-weight:700}@media (max-width:768px){.about-container{flex-direction:column;gap:40px;padding:20px}.about-left,.about-right{text-align:center;width:100%}.about-left h1,.about-right h1{margin-bottom:20px;font-size:2.2rem}.about-left p{text-align:left;margin-bottom:15px;font-size:1rem}.tech-category{margin-bottom:30px}.tech-category h2{text-align:center;font-size:1.5rem}.tech-items{justify-content:center;gap:8px}.tech-items span{padding:8px 12px;font-size:.9rem}}
.projects-container{text-align:center;padding:3% 10%;font-family:Poppins,sans-serif}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;gap:30px;margin-top:20px;display:grid}.project-card{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;align-items:flex-end;width:100%;max-width:350px;min-height:450px;margin:0 auto;padding:20px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000001a}.project-card:before{content:"";background:linear-gradient(#0000 40%,#000c);border-radius:10px;width:100%;height:100%;transition:background .3s ease-in-out;position:absolute;top:0;left:0}.project-overlay{text-align:left;color:#fff;width:100%;padding:15px;font-size:.9rem;font-weight:700;transition:transform .3s ease-in-out;position:absolute;bottom:10px;left:0}.view-button{color:#000;text-transform:uppercase;cursor:pointer;text-align:center;background-color:#ff0;border:none;border-radius:5px;margin-top:10px;padding:8px 16px;font-size:1rem;font-weight:700;text-decoration:none;display:none}.project-card:hover:before{background:#000c}.project-card:hover .view-button{transition:opacity .3s ease-in-out;display:inline-block}.project-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}.tech-stack{flex-wrap:wrap;gap:8px;margin-top:10px;font-family:Trebuchet MS,sans-serif;display:flex}.tech-item{color:#fff;background-color:#007bff;border-radius:5px;padding:5px 10px;font-size:.9rem;font-weight:700}@media (max-width:768px){.projects-container{padding:2% 5%}.projects-grid{grid-template-columns:1fr}.project-card{width:100%;min-height:350px;margin:0 auto}.project-overlay h2{font-size:1.5rem}.project-overlay p{font-size:1rem}.tech-item{font-size:.8rem}}
.contact-container{justify-content:space-between;align-items:center;gap:50px;height:auto;padding:5% 10%;display:flex}.contact-info{text-align:left;flex:1}.contact-info h1{margin-bottom:15px;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700}.contact-info p{color:#0a0a0a;margin-bottom:10px;font-family:Poppins,sans-serif;font-size:1.3rem;line-height:1.6}.social-links{gap:15px;margin-top:10px;display:flex}.social-links a{color:#007bff;font-size:1.2rem;font-weight:700;text-decoration:none;transition:color .3s}.social-links a:hover{color:#0056b3}.contact-form{text-align:left;flex:1;font-family:Poppins,sans-serif}.contact-form h2{margin-bottom:15px;font-size:2rem;font-weight:700}.contact-form form{flex-direction:column;gap:15px;display:flex}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:5px;width:100%;padding:12px;font-family:Poppins,sans-serif;font-size:1.2rem}.contact-form textarea{resize:none;height:120px}.contact-form button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;padding:12px;font-size:1.2rem;transition:background .3s}.contact-form button:hover{background-color:#0056b3}.form-status{color:#28a745;margin-top:10px;font-size:1.2rem;font-weight:700}.form-status.error{color:#e63946}@media (max-width:768px){.contact-container{padding:2% 5%}.contact-info h1{font-size:2.5rem}.contact-info p{font-size:1.1rem}.contact-form h2{font-size:1.8rem}.contact-form input,.contact-form textarea{font-size:1rem}.download-resume{text-align:center;width:100%}}.download-resume{color:#fff;background-color:#007bff;border-radius:5px;margin-top:15px;padding:12px 20px;font-size:1.2rem;font-weight:700;text-decoration:none;transition:background .3s;display:inline-block}.download-resume:hover{background-color:#0056b3}
.research-container{max-width:1200px;min-height:90vh;margin:0 auto;padding:40px 20px}.research-header{text-align:center;border-bottom:2px solid #007bff;margin-bottom:40px;padding-bottom:30px}.research-header h1{color:#333;margin-bottom:10px;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700}.research-header h2{color:#007bff;margin-bottom:15px;font-family:Poppins,sans-serif;font-size:2rem}.research-subtitle{color:#666;margin-bottom:5px;font-size:1.2rem;font-weight:500}.research-team{color:#888;font-size:1.1rem;font-style:italic}.research-description{width:100%;margin-top:40px;margin-bottom:40px}.research-description h3{color:#333;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:1.8rem}.research-description p{color:#555;margin-bottom:30px;font-size:1.1rem;line-height:1.6}.research-actions{gap:15px;margin-top:30px;display:flex}.btn-primary,.btn-secondary{text-align:center;border-radius:5px;padding:12px 24px;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{color:#fff;background-color:#007bff}.btn-primary:hover{background-color:#0056b3;transform:translateY(-2px)}.btn-secondary{color:#333;background-color:#ffd301}.btn-secondary:hover{background-color:#e6be00;transform:translateY(-2px)}.research-preview{width:100%}.research-preview h3{color:#333;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:1.8rem}.pdf-container{border:2px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.pdf-container iframe{border:none;width:100%;height:800px}@media (max-width:768px){.research-container{padding:20px 15px}.research-header h1{font-size:2.2rem}.research-header h2{font-size:1.5rem}.research-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;font-size:1rem}.pdf-container iframe{height:600px}}@media (max-width:480px){.research-header h1{font-size:1.8rem}.research-header h2{font-size:1.3rem}.research-description h3,.research-preview h3{font-size:1.5rem}.pdf-container iframe{height:500px}}