:root{font-size:1.1rem}@media screen and (min-width: 1024px){:root{font-size:1.1rem}body{overflow-x:hidden}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000}.logo{display:flex;align-items:center;gap:1rem}.logo img{height:40px}.logo h1{font-size:2rem;color:#333}.highlight-lab{color:#3498db}.nav-links{display:flex;gap:1rem;list-style:none;white-space:nowrap}.nav-links a{text-decoration:none;color:#2c3e50;font-weight:500;font-size:1.1rem;transition:color .3s}.nav-links .nav-item{display:flex;align-items:center;position:relative}.nav-links .nav-link{display:block;line-height:1;padding:.25rem .35rem}.logo{display:flex;align-items:center;gap:.5rem;flex-shrink:0;max-width:200px}.nav-links a:hover{color:#3498db}.about-dropdown{position:relative}.about-dropdown>a{display:inline-block;padding:.25rem .35rem}.about-dropdown .dropdown-menu,.publications-dropdown .dropdown-menu{position:absolute;top:110%;left:0;min-width:180px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 20px #00000014;border-radius:10px;padding:.5rem;display:none;z-index:1200}.about-dropdown.open .dropdown-menu,.publications-dropdown:hover .dropdown-menu{display:block;animation:fadeDown .12s ease-out}.dropdown-menu a{display:block;text-decoration:none;color:#2c3e50;padding:.5rem .75rem;border-radius:6px;transition:background .2s,color .2s}.dropdown-menu a:hover{background:#f5f6fa;color:#3498db}@keyframes fadeDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.banner{background:linear-gradient(135deg,#3498db,#2c3e50);color:#fff;padding:8rem 2rem;margin-top:74px;text-align:center;min-height:80vh;display:flex;align-items:center;justify-content:center}.banner-content h2{font-size:3rem;margin-bottom:1.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.banner-main-text{font-size:1.5rem;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.banner-sub-text{font-size:1.3rem;margin-bottom:1rem;color:#ffffffe6}.banner-highlight{font-size:1.2rem;margin-bottom:2.5rem;color:gold;font-weight:600}.banner-buttons{display:flex;gap:1rem;justify-content:center}.primary-btn,.secondary-btn{padding:.8rem 2rem;border-radius:5px;font-weight:600;cursor:pointer;transition:transform .2s}.primary-btn{background-color:#3498db;border:none;color:#fff}.secondary-btn{background-color:transparent;border:2px solid white;color:#fff}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px)}.tools-section,.resources-section,.about-section,.research-section{padding:4rem 2rem;margin-bottom:1rem}.team-section{margin-top:74px;padding:4rem 2rem}.section-title,.section-subtitle{scroll-margin-top:90px}.section-subtitle{text-align:left;font-size:1.5rem;margin-bottom:1rem;color:#2c3e50}#publications-past{scroll-margin-top:90px}.team-section .members-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1200px){.team-section .members-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.team-section .members-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.team-section .members-grid{grid-template-columns:1fr}}.team-section .member-card{height:auto;min-height:300px}.section-title{text-align:center;font-size:2rem;margin-bottom:1rem;color:#2c3e50}.section-description{text-align:center;max-width:800px;margin:0 auto 2rem;color:#666;line-height:1.8}.tools-filter,.resources-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.filter-btn,.tab-btn{padding:.5rem 1.5rem;border:none;background-color:#f5f6fa;border-radius:20px;cursor:pointer;transition:all .3s}.filter-btn.active,.tab-btn.active{background-color:#3498db;color:#fff}.tools-grid,.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem}.tool-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .3s;cursor:pointer}.tool-card:hover{transform:translateY(-5px)}.tool-icon img{width:60px;height:60px;margin-bottom:1rem}.tool-links{display:flex;gap:1rem;margin-top:1rem}.tool-link{text-decoration:none;color:#3498db;font-weight:500}.github-link img{width:24px;height:24px}.members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1rem;max-width:1200px;margin:0 auto}.member-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .3s,box-shadow .3s;text-align:center;cursor:pointer;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.member-avatar img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:1rem}.member-info h3{margin-bottom:.5rem;color:#2c3e50}.member-description{color:#666;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.7rem}.member-email{color:#666;font-size:.9rem;line-height:1.6;word-break:break-word;overflow-wrap:anywhere;max-width:100%;white-space:normal}.team-section .member-email .member-email-link{padding:0;background:none;border-radius:0;white-space:normal;word-break:break-all;overflow-wrap:anywhere;display:inline;text-decoration:none;color:#306c96;font-weight:700}.member-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.member-avatar img{width:100px;height:100px;border-radius:50%;margin-bottom:1rem}.member-info h3{font-size:1.4rem;margin-bottom:.5rem;color:#2c3e50}.member-title{color:#3498db;font-weight:500;margin-bottom:.5rem}.member-description{color:#666;font-size:.9rem;line-height:1.6;margin-top:.5rem}.research-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem}.research-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .3s;display:flex;flex-direction:column;height:350px}.research-card:hover{transform:translateY(-5px)}.research-icon{width:40%;height:180px;display:flex;justify-content:center;align-items:center;margin:0 auto;padding-bottom:1rem;overflow:hidden;border-bottom:1px solid transparent}.research-icon img{max-width:100%;max-height:100%;object-fit:contain}.research-info{flex:1;display:flex;flex-direction:column;text-align:left;padding-top:1rem;border-top:1px solid transparent}.research-info h3{font-size:1.4rem;margin-top:0;margin-bottom:.5rem;color:#2c3e50;height:40px;display:flex;align-items:left;justify-content:flex-start}.research-info p{color:#666;margin-bottom:1rem;flex:1;overflow-y:auto}.research-funding{color:#3498db;font-weight:500}.resource-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.publications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem}.publication-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;transition:transform .3s}.publication-card:hover{transform:translateY(-5px)}.publication-title{font-size:1.2rem;margin-bottom:1rem}.publication-title a{color:#2c3e50;text-decoration:none;transition:color .3s}.publication-title a:hover{color:#3498db}.publication-title a.publication-title-link{color:#306c96;font-style:italic;text-decoration:none}.publication-title a.publication-title-link:hover{text-decoration:underline}.past-layout{display:grid;grid-template-columns:220px 1fr;gap:2rem;align-items:start}.timeline{position:relative}.timeline-years{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.timeline-year-btn{display:block;width:100%;padding:.5rem .8rem;border:1px solid #e0e0e0;background-color:#fff;border-radius:6px;cursor:pointer;color:#2c3e50;text-align:left;transition:all .2s ease}.timeline-year-btn:hover{background-color:#f7faff}.timeline-year-btn.active{background-color:#f0f7fc;border-color:#306c96;color:#306c96;font-weight:600}.citation-list{display:flex;flex-direction:column;gap:.5rem}.citation-item{padding:8px 0;border-bottom:1px dashed #eee}.citation-title-link{color:#306c96;font-style:italic;text-decoration:none}.citation-title-link:hover{text-decoration:underline}@media (max-width: 768px){.past-layout{grid-template-columns:1fr}}.publication-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;color:#666;font-size:.9rem}.meta-item{display:flex;align-items:center;gap:.5rem}.publication-links{display:flex;gap:1rem}.publication-link{padding:.5rem 1rem;background-color:#f5f6fa;border-radius:5px;color:#3498db;text-decoration:none;font-weight:500;transition:background-color .3s}.publication-link:hover{background-color:#e2e8f0}.view-all-link{display:block;width:fit-content;margin:2rem auto 0;padding:.8rem 2rem;background-color:#3498db;color:#fff;border-radius:5px;text-decoration:none;transition:all .3s}.view-all-link:hover{background-color:#2980b9;transform:translateY(-2px)}.view-all-link:hover{background-color:#2980b9}.resource-image{position:relative;height:200px}.resource-image img{width:100%;height:100%;object-fit:cover}.resource-badge{position:absolute;top:1rem;right:1rem;background-color:#3498db;color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.9rem}.resource-info{padding:1.5rem}.resource-meta{display:flex;gap:1rem;margin:1rem 0;color:#666;font-size:.9rem}.resource-meta img{width:16px;height:16px;vertical-align:middle;margin-right:.3rem}.resource-link{display:inline-block;text-decoration:none;color:#3498db;font-weight:500;margin-top:.5rem}.loading{text-align:center;padding:2rem;color:#666}.error-boundary{text-align:center;padding:2rem;color:#e74c3c}.error-boundary button{margin-top:1rem;padding:.5rem 1rem;background-color:#e74c3c;color:#fff;border:none;border-radius:5px;cursor:pointer}.teaching-section{padding:4rem 2rem;background-color:#f8f9fa}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem}.course-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s}.course-card:hover{transform:translateY(-5px)}.course-image{position:relative;height:200px}.course-image img{width:100%;height:100%;object-fit:cover}.course-level{position:absolute;top:1rem;right:1rem;background-color:#3498db;color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.9rem}.course-info{padding:1.5rem}.course-info h3{margin-bottom:1rem;color:#2c3e50}.course-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;color:#666;font-size:.9rem}.course-description{color:#666;margin-bottom:1.5rem;line-height:1.6}.course-btn{display:inline-block;padding:.8rem 1.5rem;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.course-btn:hover{background-color:#2980b9}sasa.news-section{padding:4rem 2rem;position:relative;overflow:hidden}.news-container{display:flex;max-width:1200px;margin:2rem auto;gap:2rem;box-shadow:0 4px 10px #0000001a;border-radius:10px;overflow:hidden;background-color:#fff}.news-carousel{flex:0 0 50%;position:relative;overflow:hidden;height:400px}.carousel-inner{display:flex;height:100%;transition:transform .5s ease}.carousel-item{flex:0 0 100%;height:100%}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background-color:#3498dbb3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:2;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.carousel-control:hover{background-color:#2980b9e6}.carousel-control.prev{left:10px}.carousel-control.next{right:10px}.carousel-indicators{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:10px}.indicator{width:12px;height:12px;border-radius:50%;background-color:#ffffff80;border:none;cursor:pointer;transition:background-color .3s}.indicator.active{background-color:#3498db}.news-list{flex:0 0 50%;display:flex;flex-direction:column;overflow-y:auto;max-height:400px}.news-list-item{padding:1.5rem;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .3s}.news-list-item:hover{background-color:#f8f9fa}.news-list-item.active{background-color:#f0f7fc;border-left:4px solid #3498db}.news-image{position:relative;height:100%;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover}.news-category{position:absolute;top:1rem;right:1rem;background-color:#3498dbe6;color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem}.news-date{color:#666;font-size:.9rem;margin-bottom:.5rem;display:block}.news-title{font-size:1.2rem;margin-bottom:.8rem;color:#2c3e50}.news-description{color:#666;font-size:.95rem;margin-bottom:1rem;line-height:1.5}.news-btn{background-color:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.news-btn:hover{background-color:#2980b9}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:none;border:none;cursor:pointer;padding:0;z-index:10}.hamburger span{width:100%;height:2px;background-color:#2c3e50;transition:all .3s ease-in-out}.hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width: 768px){.hamburger{display:flex}.nav-links{display:none;position:fixed;top:74px;left:0;right:0;background-color:#fff;padding:1rem;box-shadow:0 2px 4px #0000001a;flex-direction:column;align-items:center;gap:1rem}.nav-links.active{display:flex}.banner-content h2{font-size:1.5rem}.tools-grid,.resources-grid{grid-template-columns:1fr}}.tools-section,.about-section,.news-section{background-color:#fff;padding:5rem 2rem;margin-bottom:0;box-shadow:0 2px 4px #0000001a}.research-section,.resources-section,.publications-section,.teaching-section,.contact-section-container{background-color:#f2f2f2;padding:5rem 2rem;margin-bottom:0;box-shadow:0 2px 4px #0000001a}.footer{background-color:#fff;color:#333;padding:2rem;margin-top:auto;text-align:center}.contact-section{align-items:stretch;min-height:500px;display:flex;flex-wrap:wrap;max-width:1200px;margin:0 auto 2rem;gap:2rem}.map-section{flex:1 1 0;min-width:300px}.info-section{flex:1 1 0;min-width:300px;display:flex;flex-direction:column;gap:1.5rem}.map-wrapper{height:395px;position:relative}.map-container{width:100%;height:100%;position:absolute;top:0;left:0}.map-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.map-fallback img{max-width:100%;max-height:100%;object-fit:cover}.footer-card{background-color:#0000000d;border-radius:10px;padding:1.5rem;margin-bottom:1rem}.footer-card-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:1px solid rgba(0,0,0,.1)}.footer-card-header h3{font-size:1.3rem;font-weight:600;color:#2c3e50}.contact-list{list-style:none}.contact-list li{margin-bottom:.8rem;display:flex;align-items:center;gap:.8rem}.social-links{display:flex;flex-wrap:wrap;gap:.5rem}.social-link{display:flex;align-items:center;gap:.2rem;color:#333;text-decoration:none;padding:.5rem;border-radius:1px;transition:background-color .3s}.category-btn{display:block;font-size:1.1rem}.category-btn.active{color:#3498db;font-weight:600}.social-link:hover{background-color:#fff3}.social-link img{width:20px;height:20px}.footer-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.1);font-size:.9rem;color:#333}