:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:Quicksand,sans-serif;line-height:1.6;color:#333;background:url(/static/background-DPmCuTA2.jpg) repeat;background-attachment:fixed;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}.container{width:100%;max-width:100%;margin:0 auto;padding:15px;flex:1;display:flex;flex-direction:column}.container-fluid{width:100%;padding:15px;margin:0 auto}main{width:100%;flex:1;background-color:#ffffffe6;padding:25px;border-radius:15px;box-shadow:0 5px 15px #0000001a;margin-bottom:20px;border:2px solid #D2B48C;overflow-x:hidden}section{width:100%;max-width:100%;margin-bottom:30px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap;width:100%}.profile-pic{flex:0 0 200px;margin-right:30px;margin-bottom:20px;max-width:100%}.profile-pic img{width:100%;max-width:200px;height:auto;border-radius:50%;border:2px solid #D2B48C;box-shadow:0 5px 15px #0000001a}.intro-text{flex:1;min-width:280px;max-width:100%}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;width:100%}.featured-item{width:100%;background-color:#f5f0e6;padding:20px;border-radius:10px;box-shadow:0 3px 10px #0000001a;transition:transform .3s ease;border:2px solid #D2B48C}.blog-posts{display:grid;grid-template-columns:1fr;gap:25px;width:100%}.blog-post{width:100%;background-color:#f5f0e6;padding:20px;border-radius:10px;box-shadow:0 3px 10px #0000001a;transition:transform .3s ease;border:2px solid #D2B48C}.publications-list{width:100%;max-width:1200px;margin:0 auto}.publication-item{width:100%;background-color:#f5f0e6;padding:20px;border-radius:10px;margin-bottom:20px;box-shadow:0 3px 10px #0000001a;border:2px solid #D2B48C}@media (min-width: 1200px){.container{max-width:1400px;padding:20px}}@media (min-width: 992px) and (max-width: 1199px){.container{max-width:1140px;padding:20px}}@media (min-width: 768px) and (max-width: 991px){.container{max-width:900px;padding:15px}.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 576px) and (max-width: 767px){.container{max-width:700px;padding:15px}.featured-grid{grid-template-columns:1fr}}@media (max-width: 575px){.container{width:100%;padding:10px}main{padding:15px}.intro{flex-direction:column;text-align:center;width:100%}.profile-pic{margin-right:0;margin-bottom:20px;width:100%;display:flex;justify-content:center}.profile-pic img{max-width:180px}h1{font-size:2rem}h2{font-size:1.7rem}h3{font-size:1.3rem}.featured-item,.blog-post,.publication-item{padding:15px}}.publication-title,.blog-post h3,.featured-item h3{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}a{word-wrap:break-word;overflow-wrap:break-word;color:#8b5a2b}h1,h2,h3{font-family:Pacifico,cursive;color:#8b5a2b;margin-bottom:20px;text-shadow:1px 1px 3px rgba(139,90,43,.2)}h1{font-size:2.5rem;text-align:center}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:15px}.highlight{color:#a67c52;font-weight:700}header{margin-bottom:40px;text-align:center;background-color:#ffffffe6;padding:20px;border-radius:15px;box-shadow:0 5px 15px #0000001a;border:2px solid #D2B48C}nav ul{display:flex;justify-content:center;list-style:none;margin-top:20px}nav ul li{margin:0 15px}nav ul li a{text-decoration:none;color:#666;font-weight:500;font-size:1.1rem;padding:8px 15px;border-radius:20px;transition:all .3s ease}nav ul li a:hover{color:#8b5a2b;background-color:#e6d7b8;border-bottom:2px solid #8B5A2B}nav ul li a.active{color:#8b5a2b;background-color:#e6d7b8;border-bottom:2px solid #8B5A2B}.social-links{margin-top:20px}.social-icon{display:inline-block;margin-right:15px;color:#8b5a2b;font-size:1.5rem;transition:transform .3s ease}.social-icon:hover{color:#8b5a2b;transform:scale(1.2)}.blog-intro{margin-bottom:30px;text-align:center}.post-meta{display:flex;margin-bottom:15px;font-size:.9rem;color:#666}.date{margin-right:15px}.category{background-color:#e6d7b8;color:#fff;padding:2px 10px;border-radius:15px;font-size:.8rem}.read-more{display:inline-block;color:#8b5a2b;text-decoration:none;font-weight:500;margin-top:10px;transition:color .3s ease}.read-more:hover{color:#8b5a2b;text-decoration:underline}.publications-intro{margin-bottom:30px;text-align:center}.orcid-info{display:inline-block;margin-top:10px;background-color:#f5f0e6;padding:10px 20px;border-radius:20px}.orcid-info a{display:flex;align-items:center;text-decoration:none;color:#333}.orcid-info img{margin-right:8px}.publication-title{font-weight:600;margin-bottom:10px}.publication-journal{font-style:italic;color:#666;margin-bottom:10px}.publication-authors{font-size:.9rem;margin-bottom:10px}.publication-date{font-size:.9rem;color:#666}.publication-doi{margin-top:10px}.publication-doi a{color:#8b5a2b;text-decoration:none}.publication-doi a:hover{text-decoration:underline}.loading{text-align:center;padding:30px}.spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(232,62,140,.3);border-radius:50%;border-top-color:#8b5a2b;animation:spin 1s ease-in-out infinite;margin-top:15px}@keyframes spin{to{transform:rotate(360deg)}}footer{text-align:center;padding:20px;background-color:#ffffffe6;border-radius:15px;box-shadow:0 5px 15px #0000001a;border:2px solid #D2B48C}.category-filter{margin:20px 0 30px;text-align:center}.filter-label{display:block;margin-bottom:10px;font-weight:500;color:#666}.filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.filter-btn{background-color:#f5f0e6;border:2px solid #D2B48C;color:#666;padding:8px 20px;border-radius:20px;cursor:pointer;font-family:Quicksand,sans-serif;font-size:.9rem;transition:all .3s ease}.filter-btn:hover{background-color:#e6d7b8;color:#333}.filter-btn.active{background-color:#8b5a2b;border-color:#8b5a2b;color:#fff}@media (max-width: 576px){.filter-buttons{flex-direction:column;align-items:center}.filter-btn{width:100%;max-width:250px}}.blog-post-page{width:100%;max-width:900px;margin:0 auto;padding:20px}.post-title{font-family:Pacifico,cursive;color:#8b5a2b;font-size:2.5rem;margin:20px 0;line-height:1.2}.post-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;font-size:.9rem;color:#666}.post-meta .category{background-color:#e6d7b8;padding:3px 10px;border-radius:15px;font-size:.8rem}.back-button{background-color:#f5f0e6;border:2px solid #D2B48C;color:#666;padding:8px 20px;border-radius:20px;cursor:pointer;font-family:Quicksand,sans-serif;font-size:.9rem;margin-bottom:20px;display:inline-block;transition:all .3s ease}.back-button:hover{background-color:#e6d7b8;color:#333}.post-featured-image{margin-bottom:20px;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px #0000001a}.post-featured-image img{width:100%;height:auto;display:block}.post-content{line-height:1.8}.post-content p{margin-bottom:1.5em}.post-content h2,.post-content h3,.post-content h4{margin-top:1.5em;margin-bottom:.8em}.post-content ul,.post-content ol{margin-left:1.5em;margin-bottom:1.5em}.post-content blockquote{border-left:4px solid #D2B48C;padding-left:1em;margin-left:0;margin-right:0;font-style:italic;color:#666}.post-content a{color:#a67c52;text-decoration:none}.post-content a:hover{text-decoration:underline}.not-found{text-align:center;padding:40px 20px}.not-found h2{margin-bottom:20px}.not-found p{margin-bottom:30px;color:#666}
