body{font-family:'Open Sans',sans-serif;color:#e0e0e0;line-height:1.6;background-color:#121212;margin:0;padding:0;background-image:url(images/perlin_6_purple.webp);background-size:100% auto;background-position-x:center;background-position-y:0;will-change:background-position}body::before{content:'';position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:repeating-linear-gradient(rgb(255 255 255 / .04) 0 1px,transparent 1px 40px),repeating-linear-gradient(90deg,rgb(255 255 255 / .04) 0 1px,transparent 1px 40px);mask-image:radial-gradient(circle at center,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 100%);z-index:0;pointer-events:none}.container{max-width:60rem;margin:0 auto;padding:40px 20px}.top-nav{display:flex;justify-content:center;align-items:center;gap:2.5rem;padding:2rem 0;margin-bottom:0rem}.nav-tab{color:rgb(255 255 255 / .85);text-decoration:none;font-size:1.1rem;transition:transform 0.2s ease,text-shadow 0.2s ease,color 0.2s ease}.nav-tab:hover{color:#fff;transform:scale(1.05);text-shadow:0 0 10px rgb(255 255 255 / .6)}.nav-tab.active{color:#fff;font-weight:700;border-bottom:2px solid #fff;padding-bottom:4px}.page-section{display:none;opacity:0;transition:opacity 0.4s ease}.page-section.active-page{display:block;opacity:1}.page-section.fading-out{opacity:0}h1,h2,h3,h4,h5,h6{font-family:'Monsterrat',sans-serif}h1{color:#fff;font-size:3.5rem;margin-top:0;margin-bottom:1rem}h2{color:#fff;font-size:2rem;margin-top:1.5em;margin-bottom:.5em}h3{color:#fff;font-size:1.5rem;margin-top:1.5em;margin-bottom:.5em}h4{color:#fff;font-size:1.2rem;margin-top:1.5em;margin-bottom:.5em}h5{color:#d6d6d6;font-size:1em;margin-top:.1em;margin-bottom:.1em}h6{color:#d6d6d6;font-size:1.6em;margin-top:.3em;margin-bottom:.4em}header{margin-bottom:40px;border-bottom:2px solid;border-image:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .2) 15%,rgb(255 255 255 / .2) 85%,transparent 100%) 1;padding-bottom:20px}hr{border:none!important;height:1.5px!important;background:linear-gradient(90deg,transparent 0%,rgb(255 255 255 / .2) 15%,rgb(255 255 255 / .2) 85%,transparent 100%)!important;margin:3rem 0}.subtitle{font-size:1.5rem;color:#a0a0a0;font-weight:600}::-webkit-scrollbar{width:thin}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #6b6b6b;border-radius:10px}::-webkit-scrollbar-thumb{background:#121212;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6b6b6b}.project-card{display:flex;flex-direction:column;gap:1.5rem;background-color:rgb(18 18 18 / .75);color:#fff;border:1px solid rgb(255 255 255 / .1);padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 4px 12px rgb(107 33 168 / .4);transition:transform 0.2s ease,box-shadow 0.2s ease}.project-card h3,.course-item h4{margin-top:0;margin-bottom:1rem;gap:0;color:#fff}.project-card h5{margin-bottom:0rem}.project-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgb(139 92 246 / .5)}.project-card:has(.project-media){flex-direction:row;align-items:stretch;padding:1.5rem}.project-media{min-width:0;flex:0 0 35%;border-radius:6px;overflow:hidden;position:relative}.project-media img{object-fit:contain;width:100%;height:100%;transition:transform 0.4s ease}.project-media a{display:block;width:100%;height:100%}.project-card:hover .project-media img{transform:scale(1.03)}.project-info{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:0rem}.project-content{margin-top:-2.5rem}.project-content p{color:#d0d0d0;line-height:1.6;margin-bottom:.5rem;margin-top:1.5rem}.project-links{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:.5rem}.btn-link{color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;font-family:'Montserrat',sans-serif;border-bottom:2px solid #fff0;padding-bottom:2px;transition:color 0.2s ease,border-color 0.2s ease}.btn-link:hover,.btn-link:focus{color:#b088f0;border-bottom-color:#b088f0}.btn-link i{margin-left:.4rem}.course-grid-4x{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;column-gap:2rem;row-gap:1rem;max-width:65rem;margin:0 auto}.course-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background-color:rgb(18 18 18);border:1px solid rgb(255 255 255 / .1);border-radius:8px;padding:2rem 1rem;text-align:center;cursor:pointer;z-index:1;transition:transform 0.2s ease,box-shadow 0.2s ease,z-index 0s}.course-name{font-size:1.2rem;font-weight:700;color:#fff;margin:0;overflow-wrap:break-word;word-wrap:break-word;transition:transform 0.3s ease}.course-tile:hover .course-name,.course-tile:focus .course-name,.course-tile.touch-open .course-name{transform:scale(1.1)}.course-tile:hover,.course-tile:focus,.course-tile.touch-open{z-index:10;transform:scale(1.05) translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .5);border-radius:8px 8px 0 0;border-bottom-color:#fff0}.course-topics{position:absolute;top:100%;left:-1px;right:-.5px;box-sizing:border-box;background-color:rgb(18 18 18);border:1px solid rgb(255 255 255 / .1);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 10px 20px rgb(0 0 0 / .5);max-height:0;opacity:0;overflow:hidden;padding:0 1rem;color:#fff;transition:max-height 0.4s ease,opacity 0.2s ease,padding 0.4s ease}.course-topics p{color:#e0e0e0;font-size:.9rem;margin:0;line-height:1.4}.course-tile:hover .course-topics,.course-tile:focus .course-topics,.course-tile.touch-open .course-topics{max-height:500px;opacity:1;padding:1rem;transition:max-height 0.4s ease,opacity 0.4s ease,padding 0.4s ease}body::after{content:'';position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff0;pointer-events:none;z-index:5;transition:background-color 0.5s ease}body:has(.course-tile:hover)::after,body:has(.course-tile:focus)::after,body:has(.course-tile.touch-open)::after{background-color:rgb(0 0 0 / .25);z-index:7}@media (max-width:900px){.course-grid-4x{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.course-grid-4x{grid-template-columns:1fr}}.card-link{text-decoration:none;color:inherit;display:block}.resume-container{display:flex;flex-direction:column;gap:2rem;max-width:60rem;margin:3rem auto 0 auto}.resume-item{padding:0 1rem;border-left:2px solid rgb(255 255 255 / .1);transition:transform 0.3s ease,border-color 0.3s ease}.resume-item:hover,.resume-item:focus{transform:translateX(10px);border-left:2px solid rgb(138 43 226 / .8)}.resume-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dashed rgb(255 255 255 / .15);padding-bottom:.8rem;margin-bottom:1.5rem}.resume-left h3{margin:0;color:#fff;font-size:1.4rem}.resume-organization{margin:.3rem 0 0 0;color:#b088f0;font-size:1.1rem;font-weight:600}.resume-date{color:#a0a0a0;font-family:'Montserrat',sans-serif;font-size:.95rem;font-weight:500}.resume-bullets{margin:0;padding-left:1.2rem;color:#d0d0d0}.resume-bullets li{margin-bottom:.8rem;line-height:1.6}.resume-bullets li:last-child{margin-bottom:0}@media (max-width:768px){.resume-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.deep-link{color:#b088f0;text-decoration:none;border-bottom:1px dotted #b088f0;transition:color 0.2s ease,border-color 0.2s ease}.deep-link:hover{color:#c7b3e8;border-bottom:1px solid #c7b3e8}@keyframes target-pulse{0%{background-color:#fff0}15%{background-color:rgb(138 43 226 / .25);border-left-color:rgb(138 43 226)}100%{background-color:#fff0}}.target-highlight{animation:target-pulse 2s ease-out}.contact-icons{display:flex;justify-content:center;align-items:center;gap:3rem;margin:3rem auto 0 auto;position:relative}.contact-icon{color:rgb(255 255 255 / .85);text-decoration:none;font-size:2.5rem;cursor:pointer;text-shadow:0 0 2px rgb(255 255 255 / .1);transition:transform 0.2s ease,text-shadow 0.2s ease,color 0.2s ease}.contact-icon:hover{color:#fff;transform:scale(1.15);text-shadow:0 0 10px rgb(255 255 255 / .4)}.copy-message{visibility:hidden;opacity:0;position:absolute;top:-45px;left:50%;transform:translateX(-50%);background-color:rgb(18 18 18 / .9);color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-family:'Open Sans',sans-serif;white-space:nowrap;z-index:10;transition:opacity 0.3s ease,visibility 0.3s ease}.copy-message.show{visibility:visible;opacity:1}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:65rem;margin:3rem auto}.gallery-item img{width:100%;display:block;transition:transform 0.3s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-item figcaption{padding:1rem;text-align:center;color:#e0e0e0;font-size:.9rem;font-family:'Montserrat',sans-serif;border-top:1px solid rgb(255 255 255 / .05)}.research-label{font-size:1rem;text-align:center;color:#a0a0a0;letter-spacing:.06em;text-transform:uppercase;margin-top:.2rem;margin-bottom:.8rem}.tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tag{font-size:13px;color:#eeedfe;background:rgb(107 33 168 / .4);border-radius:999px;padding:5px 14px;transition:transform 0.2s ease,text-shadow 0.2s ease,color 0.2s ease}.tag:hover{transform:scale(1.05);text-shadow:0 0 10px rgb(255 255 255 / .4)}footer{margin-top:50px;text-align:center;font-size:.9rem;color:#666;border-top:1px solid #333;padding-top:20px}@keyframes fadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in-text{opacity:0;animation:fadeIn 1.5s ease-out forwards}.delay-1{animation-delay:0.2s}.delay-2{animation-delay:0.6s}.delay-3{animation-delay:1.0s}.scroll-reveal{opacity:0;transform:translateY(40px);transition:opacity 0.8s ease-out,transform 0.8s ease-out}.scroll-reveal.is-visible{opacity:1;transform:none}@media (max-width:768px){h1{font-size:2.2rem}h2{font-size:1.6rem}h3{font-size:1.3rem}.top-nav{flex-wrap:wrap;gap:1rem 1.5rem;padding:1.5rem 1rem}.nav-tab{font-size:.95rem;text-align:center;line-height:1.2;flex:0 1 28%}.contact-icons{gap:2rem;margin-top:2rem}.container{padding:0 1.5rem}.project-card:has(.project-media){flex-direction:column;padding:1.5rem}.project-card{flex-direction:column;padding:1.5rem;gap:1.5rem}.project-media{height:200px}}