*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fafafa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.main-nav{background:#fff;border-bottom:1px solid #e5e5e5;padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.logo-img{height:50px;object-fit:contain;width:auto}.nav-links{display:flex;flex-wrap:wrap;gap:2rem;list-style:none}.nav-links a{color:#666;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-links a.active{color:#2c3e50}@media (hover:hover) and (pointer:fine){.nav-links a:hover{color:#2c3e50}}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.5rem}.menu-toggle span{background:#2c3e50;border-radius:2px;height:3px;transition:all .3s ease;width:25px}.about-hero{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 80px);padding:4rem 2rem;position:relative}.about-container{grid-gap:5rem;align-items:center;display:grid;gap:5rem;grid-template-columns:300px 1fr;max-width:1100px;width:100%}.about-photo{border-radius:50%;box-shadow:0 10px 40px #0000001a;height:300px;overflow:hidden;width:300px}.about-photo img{height:100%;object-fit:cover;width:100%}.about-content h1{color:#2c3e50;font-size:2.8rem;font-weight:700;letter-spacing:-1px;margin-bottom:.5rem}.subtitle{color:#7f8c8d;font-size:1.1rem;font-weight:400;margin-bottom:2rem}.bio{color:#555;font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.social-links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.social-links a{border:2px solid #e5e5e5;border-radius:4px;color:#2c3e50;font-size:.95rem;font-weight:500;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-links a:hover{background:#2c3e50;border-color:#2c3e50;color:#fff}.page-section{background:#fff;flex:1 1;overflow:hidden;padding:4rem 2rem;position:relative}.page-container{margin:0 auto;max-width:1100px}.page-title{color:#2c3e50;font-size:2.5rem;margin-bottom:1rem;text-align:center}.page-intro{color:#666;font-size:1.1rem;line-height:1.8;margin:0 auto 3rem;max-width:800px;text-align:center}.featured-presentation{grid-gap:3rem;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 10px 40px #667eea4d;display:grid;gap:3rem;grid-template-columns:400px 1fr;margin:3rem 0;padding:3rem}.presentation-thumbnail{border-radius:8px;box-shadow:0 8px 24px #0003;height:300px;overflow:hidden;width:100%}.presentation-thumbnail img{height:100%;object-fit:cover;width:100%}.presentation-content{color:#fff}.presentation-content h2{color:#fff;font-size:2rem;margin-bottom:.5rem}.presentation-subtitle{color:gold;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.presentation-description{color:#fff;font-size:1.05rem;line-height:1.8;margin-bottom:2rem}.presentation-button{background:#fff;border-radius:6px;box-shadow:0 4px 12px #0000001a;color:#667eea;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.presentation-button:hover{background:gold;box-shadow:0 6px 20px #0003;color:#2c3e50;transform:translateY(-2px)}.section-divider{color:#2c3e50;font-size:1.8rem;margin:4rem 0 2rem;position:relative;text-align:center}.section-divider:after{background:#667eea;border-radius:2px;content:"";display:block;height:3px;margin:1rem auto 0;width:100px}.projects-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;margin-top:3rem}.project-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.project-card h2{color:#2c3e50;font-size:1.5rem;margin-bottom:.5rem}.project-meta{color:#7f8c8d;font-size:.95rem;margin-bottom:1rem}.project-description{color:#555;line-height:1.7;margin-bottom:1.5rem}.project-metrics h3{color:#2c3e50;font-size:1.1rem;margin-bottom:.75rem}.project-metrics ul{list-style:none;padding:0}.project-metrics li{color:#555;padding:.4rem 0 .4rem 1.5rem;position:relative}.project-metrics li:before{color:#667eea;content:"✓";font-weight:700;left:0;position:absolute}.timeline{margin-top:3rem;padding-left:2rem;position:relative}.timeline:before{background:#e5e5e5;bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:3rem;position:relative}.timeline-item:before{background:#667eea;border:3px solid #fff;border-radius:50%;content:"";height:12px;left:-2.5rem;position:absolute;top:0;width:12px}.timeline-content h2{color:#2c3e50;font-size:1.4rem;margin-bottom:.3rem}.timeline-content h3{color:#667eea;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.timeline-period{color:#7f8c8d;font-size:.9rem;margin-bottom:.3rem}.timeline-location{color:#999;font-size:.85rem;margin-bottom:1rem}.timeline-description{color:#555;line-height:1.7;margin-bottom:1rem}.timeline-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.skill-tag{background:#e8eaf6;border-radius:4px;color:#667eea;font-size:.85rem;font-weight:500;padding:.3rem .8rem}.section-block{margin-bottom:4rem}.section-heading{color:#2c3e50;font-size:1.8rem;margin-bottom:2rem;text-align:center}.cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{background:#f8f9fa;border-radius:8px;border-top:4px solid #667eea;padding:2rem}.info-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:.5rem}.card-institution{color:#667eea;font-weight:600;margin-bottom:.5rem}.card-period{color:#7f8c8d}.card-grade,.card-period{font-size:.9rem;margin-bottom:.5rem}.card-grade{color:#27ae60;font-weight:600}.card-description{color:#555;font-size:.95rem;line-height:1.6;margin-top:1rem}.certifications-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.cert-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:1.5rem}.cert-item h3{color:#2c3e50;font-size:1.1rem;margin-bottom:.5rem}.cert-item p{color:#666;font-size:.9rem}.cert-badge{background:#27ae60;border-radius:4px;color:#fff;display:inline-block;font-size:.85rem;margin-top:.5rem;padding:.3rem .8rem}.recommendations-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;margin-top:3rem}.recommendation-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:2.5rem}.recommendation-text{color:#555;font-size:1.1rem;font-style:italic;line-height:1.8;margin-bottom:2rem}.recommendation-author h3{color:#2c3e50;font-size:1.2rem;margin-bottom:.3rem}.recommendation-author p{color:#666;font-size:.95rem}.recommendation-author .company{color:#667eea;font-weight:600}.articles-grid{grid-gap:2rem;display:grid;gap:2rem;margin-top:3rem}.article-card{background:#f8f9fa;border-radius:8px;border-top:4px solid #667eea;padding:2rem}.article-card h2{color:#2c3e50;font-size:1.4rem;margin-bottom:.5rem}.article-date{color:#7f8c8d;font-size:.9rem;margin-bottom:1rem}.article-excerpt{color:#555;line-height:1.7;margin-bottom:1.5rem}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{background:#e8eaf6;border-radius:4px;color:#667eea;font-size:.85rem;padding:.3rem .8rem}.article-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.article-link:hover{color:#2c3e50}.linkedin-cta{background:#f8f9fa;border-radius:8px;margin-top:4rem;padding:3rem;text-align:center}.linkedin-cta p{color:#555;font-size:1.2rem;margin-bottom:1.5rem}.cta-button{background:#667eea;border-radius:4px;color:#fff;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:background .3s ease}.cta-button:hover{background:#5568d3}.contact-section{background:#fff}.contact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.contact-card{background:#f8f9fa;border-radius:8px;border-top:4px solid #667eea;padding:2rem;text-align:center}.contact-card h2{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem}.contact-card a,.contact-card p{color:#555;font-size:1rem;line-height:1.6;text-decoration:none}.contact-card a:hover{color:#667eea}.contact-note{color:#7f8c8d;font-size:.85rem;margin-top:.5rem}.main-footer{background:#fff;border-top:1px solid #e5e5e5;margin-top:auto;padding:2rem;text-align:center}.main-footer p{color:#999;font-size:.9rem}@media screen and (max-width:968px){.nav-container{justify-content:space-between}.menu-toggle{display:flex}.nav-links{background:#fff;box-shadow:0 4px 12px #0000001a;display:none;flex-direction:column;left:0;max-height:calc(100vh - 80px);overflow-y:auto;padding:1rem;position:fixed;right:0;top:80px}.nav-links.open{display:flex}.nav-links li{text-align:center;width:100%}.nav-links a{display:block;font-size:1rem;padding:1rem}.about-hero{min-height:auto}.about-container{gap:3rem;grid-template-columns:1fr;text-align:center}.about-photo{height:250px;margin:0 auto;width:250px}.social-links{justify-content:center}.about-content h1{font-size:2.2rem}.page-title{font-size:2rem}.featured-presentation{gap:2rem;grid-template-columns:1fr;padding:2rem}.presentation-thumbnail{height:250px}.presentation-content h2{font-size:1.6rem}}@media screen and (max-width:768px){.about-hero{padding:2rem 1.5rem}.about-photo{height:200px;width:200px}.about-content h1{font-size:1.8rem}.bio{font-size:1rem}.social-links{flex-direction:column;gap:1rem}.social-links a{display:block}.page-section{padding:3rem 1.5rem}.cards-grid,.contact-grid{grid-template-columns:1fr}.featured-presentation{padding:1.5rem}.presentation-thumbnail{height:200px}.presentation-content h2{font-size:1.4rem}.presentation-description{font-size:.95rem}}@media screen and (max-width:480px){.nav-links{align-items:center;flex-direction:column;gap:.5rem}.page-title{font-size:1.6rem}.article-card,.project-card,.recommendation-card{padding:1.5rem}}.certifications-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:3rem}.cert-card{background:#f8f9fa;border-radius:8px;border-top:3px solid #667eea;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.cert-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.cert-thumbnail{background:#e8eaf6;cursor:pointer;height:150px;overflow:hidden;position:relative}.cert-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.cert-thumbnail:hover img{transform:scale(1.05)}.cert-overlay{background:#667eeae6;bottom:0;color:#fff;font-size:.85rem;font-weight:600;left:0;opacity:0;padding:.5rem;position:absolute;right:0;text-align:center;transition:opacity .3s ease}.cert-thumbnail:hover .cert-overlay{opacity:1}.cert-content{padding:1rem}.cert-content h3{color:#2c3e50;font-size:1rem;line-height:1.3;margin-bottom:.5rem}.cert-issuer{color:#667eea;font-size:.85rem;font-weight:600;margin-bottom:.3rem}.cert-date{color:#7f8c8d;font-size:.8rem;margin-bottom:.8rem}.cert-verify{color:#667eea;display:inline-block;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s ease}.cert-verify:hover{color:#2c3e50}.cert-modal{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:2000}.cert-modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:900px;overflow-y:auto;padding:2rem;position:relative;width:100%}.cert-modal-content img{border-radius:4px;height:auto;margin-bottom:1rem;width:100%}.cert-modal-content h3{color:#2c3e50;font-size:1.5rem;margin-bottom:.5rem}.cert-modal-content p{color:#666;font-size:1rem}.cert-modal-close{align-items:center;background:#667eea;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background .3s ease;width:40px}.cert-modal-close:hover{background:#2c3e50}@media screen and (max-width:768px){.certifications-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cert-thumbnail{height:120px}.cert-modal{padding:1rem}.cert-modal-content{padding:1.5rem}}.toolkit-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;margin-top:3rem}.toolkit-category{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:2rem}.toolkit-category h2{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1.5rem}.tools-list{display:flex;flex-wrap:wrap;gap:.75rem}.tool-tag{background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#555;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.tool-tag:hover{background:#667eea;border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#fff;transform:translateY(-2px)}@media screen and (max-width:768px){.toolkit-category{padding:1.5rem}.toolkit-category h2{font-size:1.2rem}.tool-tag{font-size:.85rem;padding:.5rem 1rem}}.animated-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.floating-shape{animation:float 20s ease-in-out infinite;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:50%;position:absolute}.shape-1{animation-delay:0s;animation-duration:8s;height:300px;left:5%;top:5%;width:300px}.shape-2{animation-delay:1.5s;animation-duration:6s;height:200px;right:10%;top:15%;width:200px}.shape-3{animation-delay:3s;animation-duration:10s;height:150px;left:15%;top:40%;width:150px}.shape-4{animation-delay:4.5s;animation-duration:7s;height:250px;right:20%;top:55%;width:250px}.shape-5{animation-delay:2s;animation-duration:9s;height:180px;left:50%;top:70%;width:180px}.shape-6{animation-delay:1s;animation-duration:7.5s;height:220px;left:45%;top:25%;width:220px}.shape-7{animation-delay:3.5s;animation-duration:8.5s;height:170px;right:15%;top:85%;width:170px}.shape-8{animation-delay:2.5s;animation-duration:6.5s;bottom:5%;height:190px;left:25%;width:190px}@keyframes float{0%{opacity:.4;transform:translate(0) scale(1) rotate(0deg)}25%{opacity:.7;transform:translate(200px,-150px) scale(1.3) rotate(90deg)}50%{opacity:.5;transform:translate(-180px,180px) scale(.7) rotate(180deg)}75%{opacity:.8;transform:translate(150px,200px) scale(1.2) rotate(270deg)}to{opacity:.4;transform:translate(0) scale(1) rotate(1turn)}}.about-container,.page-container{position:relative;z-index:1}@media screen and (max-width:768px){.shape-1{height:200px;width:200px}.shape-2{height:150px;width:150px}.shape-3{height:100px;width:100px}.shape-4{height:180px;width:180px}.shape-5{height:120px;width:120px}.shape-6{height:140px;width:140px}.shape-7{height:110px;width:110px}.shape-8{height:130px;width:130px}}
/*# sourceMappingURL=main.e9525286.css.map*/