@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Roboto&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Source Code Pro,monospace;margin:0}code{font-family:Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#090b20;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#ff0;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-color:#1565c0;--text-color:#a59797;--bg-color:#090b20;--menu-bg:hsla(0,0%,100%,.758)}body.dark-mode{--primary-color:#64b5f6;--text-color:#f5f5f5;--bg-color:#121212;--menu-bg:#121212e6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#090b20;background-color:var(--bg-color);color:#a59797;color:var(--text-color);font-family:Roboto,sans-serif;transition:background-color .3s,color .3s}.hamburger-checkbox{display:none}.header{align-items:center;background-color:#090b20;background-color:var(--bg-color);box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;left:0;padding:20px 40px;position:fixed;right:0;top:0;transition:background-color .3s;z-index:1000}.header:after{background:linear-gradient(180deg,#090b20,#0000);background:linear-gradient(to bottom,var(--bg-color),#0000);bottom:-100px;content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0;z-index:-1}.logo{color:#1565c0;color:var(--primary-color);cursor:pointer;font-family:Montserrat,sans-serif;font-size:calc(1.4vw + 10px)}.navbar{bottom:10px;display:flex;list-style:none}.navbar button{align-items:center;background:none;border:none;color:#a59797;color:var(--text-color);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:calc(.8vw + 6px);margin-left:20px;padding:10px 15px;transition:color .3s,background-color .3s}.navbar button.active,.navbar button:hover{background-color:#1565c0;background-color:var(--primary-color);border-radius:5px;color:#fff}.navbar button .icon{font-size:18px;margin-right:10px}.menu-icon{cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-around;position:relative;width:30px;z-index:1001}.menu-icon .bar{background-color:#1565c0;background-color:var(--primary-color);border-radius:4px;display:block;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);width:100%}.header-controls{align-items:center;display:flex}.theme-toggle{background:none;border:none;color:#a59797;color:var(--text-color);cursor:pointer;margin-left:20px}@media (max-width:768px){.header{padding:15px 20px}.logo{font-size:calc(2.5vw + 12px)}.menu-icon{display:flex;z-index:1000}.navbar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#090b20d9;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:999}.navbar button{font-size:calc(1vw + 14px);margin:8px 0;opacity:0;padding:16px;text-align:center;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease,background-color .3s ease,color .3s ease;width:80%}.navbar.open{right:0}.navbar.open button{opacity:1;transform:translateY(0);transition-delay:.2s}.navbar.open button:nth-child(2){transition-delay:.3s}.navbar.open button:nth-child(3){transition-delay:.4s}.navbar.open button:nth-child(4){transition-delay:.5s}.navbar.open button:nth-child(5){transition-delay:.6s}.hamburger-checkbox:checked~.menu-icon .bar:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-checkbox:checked~.menu-icon .bar:nth-child(2){opacity:0;transform:translateX(-10px)}.hamburger-checkbox:checked~.menu-icon .bar:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.navbar button:hover{background-color:initial;box-shadow:none;color:#a59797;color:var(--text-color);transform:none}.navbar button.active{background-color:#1565c0;background-color:var(--primary-color);box-shadow:0 4px 12px #1565c026;color:#fff;transform:scale(1.05)}}@media (max-width:480px){.header{padding:10px 20px}.logo{font-size:calc(4vw + 6px)}.navbar button{font-size:calc(3vw + 10px)}}.projects-section{background:#090b20;background:var(--color-bg);min-height:100vh;padding:6rem 2rem}.projects-content{margin:0 auto;max-width:1400px;overflow:hidden;padding:0 20px}.projects-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:5rem;margin-top:3rem;padding:0 1rem}.project-card{background:#141830;background:var(--color-card-bg);border:1px solid #61dafb1a;border-radius:20px;box-shadow:0 10px 30px #0003;color:#e2e8f0;color:var(--color-text);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{box-shadow:0 8px 25px #61dafb26;transform:translateY(-8px)}.project-image{background-color:#141830;background-color:var(--color-card-bg);border-bottom:1px solid #0000001a;border-bottom-left-radius:25px;border-bottom-right-radius:25px;border-top-left-radius:25px;border-top-right-radius:25px;height:250px;object-fit:cover;padding:1rem;width:100%}.project-info{display:flex;flex:1 1;flex-direction:column;padding:2rem}.project-info h3{color:#fff;color:var(--color-heading);font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.project-info p{color:#e2e8f0;color:var(--color-text);flex:1 1;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.technologies{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;list-style:none;margin:1.5rem 0;padding:0}.technologies li{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#61dafb14,#61dafb26);border:1px solid #61dafb26;border-radius:20px;color:#61dafb;color:var(--color-primary);font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.technologies li:hover{background:linear-gradient(135deg,#61dafb26,#61dafb40);box-shadow:0 2px 8px #61dafb26;transform:translateY(-1px)}.button-container{display:flex;gap:1rem;margin-top:1.5rem}.project-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#61dafb1a,#61dafb33);border:1px solid #61dafb4d;border-radius:8px;box-shadow:0 2px 10px #61dafb1a;color:#61dafb;color:var(--color-primary);display:inline-flex;flex:1 1;font-size:.95rem;font-weight:500;justify-content:center;padding:.8rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.project-button:hover{background:linear-gradient(135deg,#61dafb33,#61dafb4d);box-shadow:0 4px 15px #61dafb33;transform:translateY(-2px)}.project-button:active{transform:translateY(0)}.publications-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.publication-card{background:#141830;background:var(--color-card-bg);border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#e2e8f0;color:var(--color-text);display:flex;flex-direction:column;gap:1rem;height:100%;padding:2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.publication-card:hover{box-shadow:0 8px 25px #61dafb26;transform:translateY(-8px)}.publication-focus{color:#61dafb;color:var(--color-primary);font-size:1.1rem;font-weight:500;margin-bottom:.5rem;text-align:center}.publication-keywords{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.keyword-tag{background:#61dafb1a;border:1px solid #61dafb33;border-radius:20px;color:#61dafb;color:var(--color-primary);font-size:.85rem;padding:.4rem .8rem;transition:all .2s ease}.keyword-tag:hover{background:#61dafb33;transform:translateY(-1px)}.publication-card h3{color:#fff;color:var(--color-heading);font-size:1.3rem;line-height:1.4;margin:.5rem 0}.keywords{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.keyword{background:#61dafb1a;background:var(--color-primary-light);border-radius:20px;color:#61dafb;color:var(--color-primary);font-size:.85rem;font-weight:500;padding:.4rem .8rem}.publication-year{color:#94a3b8;color:var(--color-text-light);font-size:.9rem;font-weight:500;margin-top:1rem}.publication-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#61dafb1a,#61dafb33);border:1px solid #61dafb4d;border-radius:8px;box-shadow:0 2px 10px #61dafb1a;color:#61dafb;color:var(--color-primary);display:inline-flex;font-size:.9rem;font-weight:500;justify-content:center;margin-top:1.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.publication-link:hover{background:linear-gradient(135deg,#61dafb33,#61dafb4d);box-shadow:0 4px 15px #61dafb33;transform:translateY(-2px)}.publication-link:active{transform:translateY(0)}@media screen and (max-width:1200px){.projects-container{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}}@media screen and (max-width:768px){.projects-section{padding:4rem 1rem}.projects-container{gap:2rem;grid-template-columns:1fr}.project-card{max-width:100%}.project-info h3{font-size:1.3rem}.project-image{height:220px}}@media screen and (max-width:480px){.projects-container{grid-template-columns:1fr;padding:0 .5rem}.project-image{height:200px}.project-info{padding:1.5rem}}:root{--color-primary:#61dafb;--color-primary-dark:#4fa8c7;--color-primary-light:#61dafb1a;--color-bg:#090b20;--color-card-bg:#141830;--color-heading:#fff;--color-text:#e2e8f0;--color-text-light:#94a3b8}.projects-swiper{padding:2rem 1.5rem 4rem!important;position:relative}.swiper-button-next,.swiper-button-prev{background:#141830;background:var(--color-card-bg);border:2px solid #61dafb4d;border-radius:50%;color:#61dafb!important;color:var(--color-primary)!important;height:60px!important;opacity:.8;transition:all .3s ease;width:60px!important}.swiper-button-next:after,.swiper-button-prev:after{font-size:24px!important;font-weight:700;transition:transform .3s ease}.swiper-button-next:hover,.swiper-button-prev:hover{background:#61dafb26;box-shadow:0 0 20px #61dafb4d;opacity:1;transform:scale(1.1)}.swiper-button-next:hover:after{transform:translateX(3px)}.swiper-button-prev:hover:after{transform:translateX(-3px)}.swiper-button-next{right:0!important}.swiper-button-prev{left:0!important}.swiper-button-next:focus,.swiper-button-prev:focus{box-shadow:0 0 0 3px #61dafb4d;outline:none}.swiper-pagination-bullet{background:#61dafb!important;background:var(--color-primary)!important;opacity:.5}.swiper-pagination-bullet-active{opacity:1}.project-card{height:100%;margin:0}@media screen and (max-width:768px){.projects-swiper{padding:1rem .5rem 3rem!important}.swiper-button-next,.swiper-button-prev{display:none!important}}.footer{border-top:none;color:#fff;padding:20px;text-align:center}