.navbar{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;background-color:var(--bg-primary-light);transition:background-color .3s;position:relative}.navbar.dark-mode{background-color:var(--bg-secondary-dark)}.nav-container{display:flex;justify-content:space-between;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 4rem);padding:0 2rem}.center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out}.page-title{font-size:2rem;font-weight:700;color:var(--text-header-primary-light);text-align:center;opacity:1;transition:opacity .3s ease-in-out}.page-title.hidden{opacity:0;pointer-events:none}.fade-in{opacity:1;transition:opacity .3s ease-in-out}.fade-out{opacity:0;transition:opacity .3s ease-in-out}.nav-links{display:flex;flex-direction:row;align-items:center;gap:1vw;opacity:0;visibility:hidden;max-width:70vw;overflow-x:auto;white-space:nowrap;padding-left:5vw;padding-right:5vw;-webkit-mask-image:linear-gradient(to right,#000,#0000);mask-image:linear-gradient(to right,#000,#0000);transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:10}.nav-links.open{opacity:1;visibility:visible}.nav-links a{color:var(--text-primary-light);text-decoration:none;font-size:1.2rem;transition:color .3s ease-in-out;cursor:pointer;padding:.5rem 1rem}.nav-links a:hover{color:var(--text-tertiary-light)}.dark-mode .nav-links a{color:var(--text-primary-dark)}.dark-mode .nav-links a:hover{color:var(--accent-primary-dark)}.menu-toggle{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:transform .3s ease-in-out;z-index:20}.menu-toggle:hover div{background-color:var(--text-tertiary-light)}.menu-toggle div{width:30px;height:3px;background-color:var(--text-primary-light);transition:transform .3s ease-in-out,opacity .3s ease-in-out,background-color .3s ease-in-out}.menu-toggle.open div:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.open div:nth-child(2){opacity:0}.menu-toggle.open div:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--text-primary-light);transition:color .3s;z-index:20}.theme-toggle.dark-mode{color:var(--text-primary-dark)}.theme-toggle:hover{color:var(--text-tertiary-light)}.nav-left{position:absolute;left:2rem}.nav-right{position:absolute;right:2rem}.home-container{padding:0 2rem 2rem}.scrollable-tiles-container{overflow-x:auto;white-space:nowrap;padding:1rem 0}.tiles{display:flex;flex-wrap:nowrap}.tile{display:flex;flex-direction:row;align-items:flex-start;background-color:#e9e9e9;border-radius:8px;margin-right:2%;padding:2%;min-width:300px;box-shadow:0 4px 8px #0000001a}.tile-image{width:150px;height:150px;object-fit:cover;border-radius:8px;margin-right:5%}.tile-content{display:flex;flex-direction:column}.tile-title{align-self:center;font-size:150%;font-weight:700;margin-bottom:0%;margin-top:0%}.tile-title a{text-decoration:none;color:var(--text-primary-light)}.tile-title a:hover{color:var(--text-secondary-light)}.tile-description{font-size:80%;white-space:pre-line;padding-right:2%}.resume-div{margin-top:2%}.resume{width:100%;height:500px;border:none}.about-container{padding:2rem}.profile-section{text-align:center}.profile-image{border-radius:50%;width:150px;height:150px}.tagline{font-size:1.2rem;color:var(--text-secondary-light)}.tagline.dark-mode{color:var(--text-secondary-dark)}.bio-section{margin-top:2rem}.skills-section{margin-top:1rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background-color:var(--accent-secondary-light);color:var(--bg-secondary-light);padding:.5rem 1rem;border-radius:.5rem}.skill-tag.dark-mode{background-color:var(--accent-secondary-dark);color:var(--bg-secondary-dark)}.contact-section{margin-top:2rem}.contact-links{display:flex;gap:1rem}.contact-link{color:var(--accent-primary-light);text-decoration:none}.contact-link.dark-mode{color:var(--accent-primary-dark)}.projects-container{padding:2rem}.projects-grid{display:flex;flex-wrap:wrap;gap:1rem}.project-card{background-color:var(--bg-secondary-light);padding:1rem;border-radius:.5rem;width:45%;transition:background-color .3s}.project-card.dark-mode{background-color:var(--bg-secondary-dark)}.project-technologies{display:flex;gap:.5rem;margin-top:.5rem}.tech-tag{background-color:var(--accent-secondary-light);color:var(--bg-secondary-light);padding:.5rem;border-radius:.5rem}.tech-tag.dark-mode{background-color:var(--accent-secondary-dark);color:var(--bg-secondary-dark)}.project-links{margin-top:1rem}.project-links a{color:var(--accent-primary-light)}.project-links a.dark-mode{color:var(--accent-primary-dark)}.research-container{padding:2rem}.publications-list{display:flex;flex-wrap:wrap;gap:1rem}.publication-card{background-color:var(--bg-secondary-light);padding:1rem;border-radius:.5rem;width:45%;display:flex;align-items:center;transition:background-color .3s}.publication-card.dark-mode{background-color:var(--bg-secondary-dark)}.publication-icon{margin-right:1rem;color:var(--accent-primary-light)}.publication-icon.dark-mode{color:var(--accent-primary-dark)}.publication-details{flex-grow:1}.publication-meta{display:flex;justify-content:space-between;margin-top:.5rem}.publication-link{color:var(--accent-primary-light);text-decoration:none}.publication-link.dark-mode{color:var(--accent-primary-dark)}body{width:100vw;background-color:#3d3d3d;margin:0;font-family:helvetica}.card-link{text-decoration:none}@media screen and (max-width: 767px){.wrapper{height:700px}}.content{max-width:1024px;width:100%;padding:250px 4% 0;margin:0 auto;display:flex;justify-content:space-evenly;align-items:center}@media screen and (max-width: 767px){.content{padding-top:300px;flex-direction:column}}.card{width:250px;height:250px;background-color:#292929;margin:10px;border-radius:10px;box-shadow:0 2px 10px #0000003d;border:2px solid rgba(7,7,7,.12);font-size:16px;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;transition:all .3s ease}.icon{margin:0 auto;width:100%;height:80px;max-width:80px;background:linear-gradient(90deg,#ff7e7e,#ff4848 40%,#00000047 60%);border-radius:100%;display:flex;justify-content:center;align-items:center;color:#fff;transition:all .8s ease;background-position:0px;background-size:200px}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.card .title{width:100%;margin:30px 0 0;text-align:center;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:4px}.card .text{width:80%;margin:20px auto 0;font-size:13px;text-align:center;color:#fff;font-weight:200;letter-spacing:2px;opacity:0;max-height:0;transition:all .3s ease}.card:hover{height:270px}.card:hover .info{height:90%}.card:hover .text{transition:all .3s ease;opacity:1;max-height:40px}.card:hover .icon{background-position:-120px;transition:all .3s ease}.card:hover .icon i{background:linear-gradient(90deg,#ff7e7e,#ff4848);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:1;transition:all .3s ease}:root{--bg-primary-light: #f4f4f6;--bg-secondary-light: #ffffff;--text-header-primary-light: #3b3b3b;--text-primary-light: #333333;--text-secondary-light: #666666;--text-tertiary-light: #8b8b8b;--accent-primary-light: #6a5acd;--accent-secondary-light: #a890f0;--bg-primary-dark: #121212;--bg-secondary-dark: #1e1e1e;--text-primary-dark: #e0e0e0;--text-secondary-dark: #b0b0b0;--accent-primary-dark: #8a79af;--accent-secondary-dark: #5d4da8}.light-mode{background-color:var(--bg-primary-light);color:var(--text-primary-light)}.dark-mode{background-color:var(--bg-primary-dark);color:var(--text-primary-dark)}body{font-family:Arial,sans-serif;margin:0;padding:0;transition:background-color .3s,color .3s}.page-header{color:var(--text-header-primary-light)}.regular-header-title a{color:var(--text-primary-light);text-decoration:none}.regular-header-title a:hover{color:var(--text-secondary-light)}.resume-div{display:flex;justify-content:center}.resume{width:80vw;height:60vmax}