* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Georgia', 'Times New Roman', serif;line-height: 1.8;color: #2c3e50;background-color: #f8f9fa;}header {background: #ffffff;color: #2c3e50;padding: 1.5rem 0;border-bottom: 3px solid #34495e;box-shadow: 0 2px 5px rgba(0,0,0,0.05);}.header-container {max-width: 1200px;margin: 0 auto;padding: 0 2rem;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}.logo-section {display: flex;align-items: center;gap: 1.5rem;}.logo {width: 60px;height: 60px;border: 3px solid #34495e;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;color: #34495e;font-size: 1.8rem;font-family: 'Georgia', serif;background: #fff;}.project-title {font-size: 1.9rem;font-weight: 400;color: #34495e;letter-spacing: 0.5px;}.subtitle {font-size: 0.9rem;color: #7f8c8d;font-style: italic;margin-top: 0.2rem;}nav {margin-top: 0.5rem;}nav ul {list-style: none;display: flex;gap: 0;}nav ul li a {color: #34495e;text-decoration: none;font-weight: 400;padding: 0.7rem 1.5rem;font-family: 'Helvetica', 'Arial', sans-serif;font-size: 0.95rem;letter-spacing: 0.5px;border-left: 1px solid #e0e0e0;transition: all 0.3s ease;text-transform: uppercase;}nav ul li:first-child a {border-left: none;}nav ul li a:hover {background: #ecf0f1;color: #16a085;}.menu-toggle {display: none;background: none;border: 2px solid #34495e;color: #34495e;font-size: 1.3rem;cursor: pointer;padding: 0.5rem 1rem;border-radius: 3px;}.hero {max-width: 1200px;margin: 3rem auto;padding: 0 2rem;display: grid;grid-template-columns: 1.2fr 1fr;gap: 4rem;align-items: start;}.hero-content h2 {font-size: 2.3rem;color: #2c3e50;margin-bottom: 1.5rem;font-weight: 400;line-height: 1.3;border-left: 4px solid #16a085;padding-left: 1.5rem;}.hero-content p {font-size: 1.05rem;line-height: 1.9;color: #4a5568;margin-bottom: 1.3rem;text-align: justify;}.hero-content .abstract {background: #fff;padding: 1.5rem;border-left: 3px solid #16a085;margin-top: 2rem;box-shadow: 0 2px 8px rgba(0,0,0,0.05);}.hero-content .abstract strong {color: #16a085;font-size: 0.9rem;text-transform: uppercase;letter-spacing: 1px;}.hero-image {width: 100%;border: 1px solid #d0d0d0;box-shadow: 0 3px 10px rgba(0,0,0,0.08);background: #fff;}.hero-image img {width: 100%;height: 450px;object-fit: cover;display: block;}.hero-image .caption {background: rgba(255,255,255,0.95);padding: 0.8rem 1.5rem;text-align: center;border-top: 2px solid #d0d0d0;font-style: italic;font-size: 0.9rem;color: #2c3e50;font-family: 'Helvetica', sans-serif;}footer {background: #34495e;color: #ecf0f1;text-align: center;padding: 2.5rem;margin-top: 5rem;font-family: 'Helvetica', 'Arial', sans-serif;}footer p {margin-bottom: 0.5rem;font-size: 0.95rem;}footer .collaborators {max-width: 1200px;margin: 2rem auto 1.5rem;padding-top: 2rem;border-top: 1px solid #526577;}footer .collaborators h3 {font-size: 1rem;font-weight: 400;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 1.5rem;color: #bdc3c7;}footer .logos-container {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 2.5rem;margin-bottom: 1rem;}footer .logo-item {display: flex;flex-direction: column;align-items: center;gap: 0.5rem;}footer .logo-box {width: 120px;height: 80px;background: #fff;border-radius: 4px;display: flex;align-items: center;justify-content: center;padding: 1rem;transition: transform 0.3s ease, box-shadow 0.3s ease;}footer .logo-box:hover {transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0,0,0,0.3);}footer .logo-box img {max-width: 100%;max-height: 100%;object-fit: contain;}footer .logo-placeholder {font-size: 0.75rem;color: #95a5a6;font-weight: 600;}footer .org-name {font-size: 0.75rem;color: #bdc3c7;max-width: 120px;text-align: center;}footer .affiliations {margin-top: 1rem;font-size: 0.85rem;color: #bdc3c7;font-style: italic;}@media (max-width: 768px) {footer .logos-container {gap: 1.5rem;}footer .logo-box {width: 100px;height: 70px;}footer .org-name {max-width: 100px;font-size: 0.7rem;}}@media (max-width: 768px) {body {font-size: 0.95rem;}.header-container {flex-direction: column;align-items: flex-start;}.menu-toggle {display: block;position: absolute;top: 1.5rem;right: 2rem;}nav {width: 100%;display: none;}nav.active {display: block;}nav ul {flex-direction: column;gap: 0;margin-top: 1rem;border-top: 1px solid #e0e0e0;}nav ul li {width: 100%;}nav ul li a {display: block;padding: 1rem;border-left: none;border-bottom: 1px solid #e0e0e0;}.hero {grid-template-columns: 1fr;gap: 2rem;margin: 2rem auto;}.hero-content h2 {font-size: 1.9rem;}.hero-content p {text-align: left;}.hero-image {height: 300px;}.project-title {font-size: 1.5rem;}}@media (max-width: 480px) {.hero-content h2 {font-size: 1.6rem;}.hero-content p {font-size: 0.95rem;}.logo {width: 50px;height: 50px;font-size: 1.5rem;}}.controls {background: #fff;padding: 1.5rem;margin-top: 1.5rem;margin-bottom: 1.5rem;border: 1px solid #d0d0d0;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 1rem;}.search-box {display: flex;gap: 0.5rem;flex: 1;max-width: 400px;}.search-box input {flex: 1;padding: 0.7rem 1rem;border: 2px solid #d0d0d0;font-size: 0.9rem;}.search-box input:focus {outline: none;border-color: #16a085;}.btn {padding: 0.7rem 1.5rem;border: none;cursor: pointer;font-size: 0.9rem;text-transform: uppercase;letter-spacing: 0.5px;transition: all 0.3s ease;font-weight: 500;}.btn-primary {background: #16a085;color: #fff;}.btn-primary:hover {background: #138d75;}.btn-secondary {background: #34495e;color: #fff;}.btn-secondary:hover {background: #2c3e50;}.btn-small {padding: 0.4rem 0.8rem;font-size: 0.8rem;}.btn-edit {background: #3498db;color: #fff;}.btn-edit:hover {background: #2980b9;}.btn-delete {background: #e74c3c;color: #fff;}.btn-delete:hover {background: #c0392b;}.data-table {background: #fff;border: 1px solid #d0d0d0;overflow-x: auto;}table {width: 100%;border-collapse: collapse;}thead {background: #ecf0f1;border-bottom: 2px solid #34495e;}thead th {padding: 1rem;text-align: left;font-weight: 600;color: #2c3e50;text-transform: uppercase;font-size: 0.85rem;letter-spacing: 0.5px;}tbody tr {border-bottom: 1px solid #ecf0f1;transition: background 0.2s ease;}tbody tr:hover {background: #f8f9fa;}tbody td {padding: 1rem;color: #4a5568;font-size: 0.9rem;}.actions {display: flex;gap: 0.5rem;}.form-group {margin-bottom: 1.5rem;}.form-group label {display: block;margin-bottom: 0.5rem;font-weight: 500;color: #2c3e50;font-size: 0.9rem;}.form-group input,.form-group select,.form-group textarea {width: 100%;padding: 0.7rem;border: 2px solid #d0d0d0;font-size: 0.9rem;font-family: inherit;}.form-group textarea {min-height: 100px;resize: vertical;}.form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline: none;border-color: #16a085;}.page-header {text-align: center;margin-top: 2rem;margin-bottom: 4rem;padding-bottom: 2rem;border-bottom: 3px solid #34495e;}.page-header h1 {font-size: 3rem;font-weight: 400;color: #2c3e50;margin-bottom: 1rem;}.page-header p {font-size: 1.2rem;color: #7f8c8d;max-width: 800px;margin: 0 auto;}.overview-block {background: #fff;padding: 2.5rem;border: 1px solid #d0d0d0;box-shadow: 0 2px 8px rgba(0,0,0,0.05);margin-bottom: 2rem;}.overview-block h3 {font-size: 1.5rem;font-weight: 400;color: #2c3e50;margin-bottom: 1rem;}.overview-block p {color: #4a5568;margin-bottom: 1rem;text-align: justify;}.stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;margin-bottom: 2rem;}.stat-card {background: #fff;padding: 2rem;border: 1px solid #d0d0d0;text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease;}.stat-card:hover {transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0,0,0,0.1);}.stat-card .number {font-size: 3rem;font-weight: bold;color: #16a085;margin-bottom: 0.5rem;font-family: 'Helvetica', 'Arial', sans-serif;}.stat-card .label {font-size: 1rem;color: #7f8c8d;text-transform: uppercase;letter-spacing: 1px;font-family: 'Helvetica', 'Arial', sans-serif;}.image-block {background: #fff;border: 1px solid #d0d0d0;margin-bottom: 2rem;}.image-block img {width: 100%;height: 400px;object-fit: cover;display: block;}.image-block .caption {padding: 1rem 1.5rem;font-style: italic;color: #4a5568;background: #f8f9fa;border-top: 2px solid #d0d0d0;font-size: 0.9rem;font-family: 'Helvetica', 'Arial', sans-serif;}.timeline {position: relative;padding-left: 3rem;}.timeline::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background: #16a085;}.timeline-item {position: relative;margin-bottom: 2.5rem;background: #fff;padding: 1.5rem;border: 1px solid #d0d0d0;}.timeline-item::before {content: '';position: absolute;left: -3.75rem;top: 1.5rem;width: 15px;height: 15px;background: #16a085;border-radius: 50%;border: 3px solid #fff;box-shadow: 0 0 0 3px #16a085;}.timeline-item .date {font-weight: bold;color: #16a085;margin-bottom: 0.5rem;font-size: 1.1rem;font-family: 'Helvetica', 'Arial', sans-serif;}.timeline-item h4 {font-size: 1.3rem;font-weight: 400;color: #2c3e50;margin-bottom: 0.75rem;}.timeline-item p {color: #4a5568;font-family: 'Helvetica', 'Arial', sans-serif;}.highlight-box {background: linear-gradient(135deg, #16a085 0%, #138d75 100%);color: #fff;padding: 2.5rem;margin-bottom: 2rem;border-left: 5px solid #0e6655;}.highlight-box h3 {font-size: 1.8rem;font-weight: 400;margin-bottom: 1rem;}.highlight-box p {font-size: 1.1rem;line-height: 1.8;font-family: 'Helvetica', 'Arial', sans-serif;}.research-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin-bottom: 2rem;}.research-card {background: #fff;border: 1px solid #d0d0d0;padding: 2rem;transition: transform 0.3s ease, box-shadow 0.3s ease;}.research-card:hover {transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0,0,0,0.1);}.research-card .icon {width: 60px;height: 60px;background: #ecf0f1;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;font-size: 1.8rem;color: #16a085;}.research-card h4 {font-size: 1.3rem;font-weight: 400;color: #2c3e50;margin-bottom: 1rem;}.research-card p {color: #4a5568;font-size: 0.95rem;font-family: 'Helvetica', 'Arial', sans-serif;}.quote-block {background: #f8f9fa;padding: 2.5rem;margin: 3rem 0;border-left: 5px solid #34495e;font-style: italic;}.quote-block p {font-size: 1.3rem;color: #2c3e50;margin-bottom: 1rem;line-height: 1.8;}.quote-block .author {font-size: 1rem;color: #7f8c8d;font-style: normal;font-family: 'Helvetica', 'Arial', sans-serif;}.column-block ul {list-style: none;padding-left: 0;}.column-block ul li {padding: 0.75rem 0;padding-left: 1.5rem;position: relative;color: #4a5568;font-family: 'Helvetica', 'Arial', sans-serif;}.column-block ul li::before {content: '▸';position: absolute;left: 0;color: #16a085;font-weight: bold;}@media (max-width: 768px) {.header-container {flex-direction: column;align-items: flex-start;}.page-header h1 {font-size: 2rem;}.page-header p {font-size: 1rem;}.section-header h2 {font-size: 1.7rem;}.two-column {grid-template-columns: 1fr;gap: 2rem;}.stats-grid {grid-template-columns: 1fr;}.research-grid {grid-template-columns: 1fr;}.timeline {padding-left: 2rem;}.timeline-item::before {left: -2.75rem;}.overview-block,.column-block,.highlight-box {padding: 1.5rem;}.image-block img {height: 250px;}}.leader-card {background: #fff;border: 1px solid #d0d0d0;overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;}.leader-card:hover {transform: translateY(-5px);box-shadow: 0 5px 20px rgba(0,0,0,0.1);}.leader-card .photo {width: 100%;height: 300px;background: linear-gradient(135deg, #ecf0f1 0%, #bdc3c7 100%);display: flex;align-items: center;justify-content: center;font-size: 4rem;color: #7f8c8d;border-bottom: 3px solid #16a085;}.leader-card .info {padding: 2rem;}.leader-card .name {font-size: 1.6rem;font-weight: 400;color: #2c3e50;margin-bottom: 0.3rem;}.leader-card .role {font-size: 1rem;color: #16a085;font-weight: 500;margin-bottom: 0.5rem;font-family: 'Helvetica', 'Arial', sans-serif;text-transform: uppercase;letter-spacing: 0.5px;}.leader-card .institution {font-size: 0.95rem;color: #7f8c8d;font-style: italic;margin-bottom: 1rem;font-family: 'Helvetica', 'Arial', sans-serif;}.leader-card .bio {font-size: 0.95rem;color: #4a5568;line-height: 1.7;margin-bottom: 1rem;font-family: 'Helvetica', 'Arial', sans-serif;}.leader-card .contact {padding-top: 1rem;border-top: 1px solid #ecf0f1;font-size: 0.9rem;color: #7f8c8d;font-family: 'Helvetica', 'Arial', sans-serif;}.leader-card .contact a {color: #16a085;text-decoration: none;}.leader-card .contact a:hover {text-decoration: underline;}.leader-card .contact {padding-top: 1rem;border-top: 1px solid #ecf0f1;display: flex;gap: 1rem;justify-content: center;align-items: center;}.leader-card .contact a {display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.6rem 1.2rem;background: #f8f9fa;border: 1px solid #d0d0d0;color: #2c3e50;text-decoration: none;font-size: 0.85rem;font-weight: 500;transition: all 0.3s ease;}.leader-card .contact a:hover {background: #16a085;color: #fff;border-color: #16a085;transform: translateY(-2px);box-shadow: 0 3px 8px rgba(0,0,0,0.15);}.leader-card .contact a::before {font-size: 1.1rem;}.leader-card .contact a.website::before {content: '🌐';}.leader-card .contact a.instagram::before {content: '📷';}.text-teal {color: #16a085 !important;}