:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;--bg-primary: #0a0a0a;--text-primary: #ffffff;--text-secondary: #a8a8a8;--accent-cyan: #00d4ff;--accent-cyan-hover: #00b8e6;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary)}a{color:var(--accent-cyan);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-cyan-hover)}button{font-family:inherit;cursor:pointer;border:none;transition:all .2s ease}button:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;color:var(--text-primary)}p{margin:0;color:var(--text-primary)}.landing{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;position:relative;text-align:center}.landing__content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:800px;margin:0 auto}.landing__greeting{font-size:1.5rem;font-weight:400;color:var(--text-primary);margin-bottom:.5rem}.landing__name{font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.landing__tagline{font-size:1.25rem;color:var(--text-secondary);font-weight:400;margin-bottom:2rem;line-height:1.6}.landing__links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.landing__button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background-color:transparent;border:none;transition:all .2s ease;text-decoration:none;opacity:.7}.landing__button:hover{opacity:1;transform:translateY(-2px) scale(1.1)}.landing__button:active{transform:translateY(0) scale(1.05)}.landing__icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.landing__icon img{width:24px;height:24px;object-fit:contain;transition:all .2s ease;filter:brightness(0) invert(1) opacity(.6)}.landing__button:hover .landing__icon img{filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(160deg);opacity:1}.landing__nav{padding:1.5rem 2rem;margin-top:auto;margin-bottom:1rem}.landing__nav-list{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.landing__nav-link{font-size:1rem;font-weight:500;color:var(--text-primary);padding:.5rem 0;position:relative;transition:color .2s ease;text-decoration:none}.landing__nav-link:hover{color:var(--accent-cyan)}.landing__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-cyan);transition:width .2s ease}.landing__nav-link:hover:after{width:100%}.landing__scroll-indicator{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;opacity:.6;transition:opacity .5s ease,transform .3s ease,visibility .5s ease;animation:bounce 2s infinite;visibility:visible}.landing__scroll-indicator:hover{opacity:1;color:var(--accent-cyan)}.landing__scroll-indicator--hidden{opacity:0;visibility:hidden;pointer-events:none;animation:none}.landing__scroll-indicator svg{display:block}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@media(max-width:768px){.landing{padding:1.5rem}.landing__greeting{font-size:1.25rem}.landing__name{font-size:2.25rem}.landing__tagline{font-size:1.125rem;margin-bottom:1.5rem}.landing__links{margin-bottom:2rem;gap:.875rem}.landing__icon img{width:22px;height:22px}.landing__nav{padding:1rem;margin-bottom:.5rem}.landing__nav-list{gap:2rem}.landing__nav-link{font-size:.9375rem}.landing__scroll-indicator{bottom:.5rem}}.project-card{background-color:#ffffff05;border:1px solid rgba(168,168,168,.1);border-radius:8px;padding:0;transition:all .2s ease;display:flex;flex-direction:column;height:100%;overflow:hidden}.project-card:hover{border-color:var(--accent-cyan);background-color:#00d4ff0d;transform:translateY(-2px)}.project-card__image-wrapper{width:100%;height:200px;overflow:hidden;background-color:#ffffff08;border-bottom:1px solid rgba(168,168,168,.1);position:relative}.project-card__image{width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.project-card:hover .project-card__image{filter:blur(4px)}.project-card__icons-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:1rem;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.project-card:hover .project-card__icons-overlay{opacity:1;pointer-events:all}.project-card__icon-link{width:48px;height:48px;border-radius:50%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;color:var(--text-primary);text-decoration:none;transition:all .2s ease;cursor:pointer}.project-card__icon-link:hover{background-color:#00d4ffe6;transform:scale(1.1)}.project-card__icon-link img{width:20px;height:20px;filter:brightness(0) invert(1)}.project-card__icon-link--external svg{width:20px;height:20px}.project-card__title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);padding:1.5rem 1.5rem 0;line-height:1.3}.project-card__description{font-size:.875rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1rem;flex-grow:1;padding:0 1.5rem;word-wrap:break-word;overflow-wrap:break-word}.project-card__technologies{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 1.5rem 1.5rem}.project-card__tech-tag{font-size:.75rem;padding:.2rem .6rem;background-color:#a8a8a81a;border:1px solid rgba(168,168,168,.2);border-radius:4px;color:var(--text-secondary)}@media(max-width:768px){.project-card__image-wrapper{height:160px}.project-card__title{padding:1.25rem 1.25rem 0;font-size:1.125rem}.project-card__description{padding:0 1.25rem;font-size:.8125rem;line-height:1.55}.project-card__technologies{padding:0 1.25rem 1.25rem}.project-card__tech-tag{font-size:.7rem;padding:.15rem .5rem}}.projects{padding:4rem 1.5rem;max-width:1300px;margin:0 auto}.projects__container{width:100%}.projects__title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;color:var(--text-primary)}.projects__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}@media(max-width:768px){.projects{padding:3rem 1.5rem}.projects__title{font-size:2rem;margin-bottom:2rem}.projects__grid{grid-template-columns:1fr;gap:1.5rem}}.technologies{padding:4rem 2rem;max-width:800px;margin:0 auto}.technologies__container{width:100%}.technologies__title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--text-primary)}.technologies__categories{display:flex;flex-direction:column;gap:2rem}.technologies__category{width:100%}.technologies__category-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.technologies__pills{display:flex;flex-wrap:wrap;gap:.5rem}.technologies__pill{font-size:.875rem;padding:.35rem .75rem;background-color:#a8a8a81a;border:1px solid rgba(168,168,168,.2);border-radius:4px;color:var(--text-secondary);transition:border-color .2s ease,background-color .2s ease}.technologies__pill:hover{border-color:var(--accent-cyan);background-color:#00d4ff14;color:var(--text-primary)}@media(max-width:768px){.technologies{padding:3rem 1.5rem}.technologies__title{font-size:2rem;margin-bottom:1.5rem}.technologies__categories{gap:1.5rem}.technologies__category-title{font-size:1.125rem;margin-bottom:.75rem}.technologies__pill{font-size:.8125rem;padding:.25rem .6rem}}.experiences{padding:4rem 2rem;max-width:800px;margin:0 auto}.experiences__container{width:100%}.experiences__title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--text-primary)}.experiences__subsection{margin-bottom:3rem}.experiences__subsection:last-child{margin-bottom:0}.experiences__subsection-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.experiences__list{list-style:none;margin:0;padding:0;position:relative;padding-left:1.5rem;border-left:2px solid var(--accent-cyan)}.experiences__item{position:relative;padding-bottom:2rem}.experiences__item:last-child{padding-bottom:0}.experiences__dot{position:absolute;left:-1.5rem;top:.25rem;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background-color:var(--accent-cyan)}.experiences__item-content{margin-left:.5rem}.experiences__item-date{display:block;font-size:.875rem;color:var(--accent-cyan);margin-bottom:.25rem}.experiences__item-title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.experiences__item-org{font-size:.9375rem;color:var(--text-secondary);margin-bottom:.75rem}.experiences__item-description{margin:0;padding-left:1.25rem;font-size:.9375rem;line-height:1.6;color:var(--text-secondary)}.experiences__item-description li{margin-bottom:.25rem}.experiences__item-description li:last-child{margin-bottom:0}@media(max-width:768px){.experiences{padding:3rem 1.5rem}.experiences__title{font-size:2rem;margin-bottom:1.5rem}.experiences__subsection-title{font-size:1.25rem;margin-bottom:1rem}.experiences__list{padding-left:1.25rem}.experiences__dot{left:-1.25rem;width:10px;height:10px}.experiences__item-title{font-size:1rem}.experiences__item-description{font-size:.875rem}}.about{padding:4rem 2rem;max-width:800px;margin:0 auto}.about__container{width:100%}.about__title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--text-primary)}.about__content{text-align:center}.about__bio{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);max-width:700px;margin:0 auto}@media(max-width:768px){.about{padding:3rem 1.5rem}.about__title{font-size:2rem;margin-bottom:1.5rem}.about__bio{font-size:1rem;line-height:1.7}}.contact{padding:4rem 2rem;max-width:800px;margin:0 auto}.contact__container{width:100%;text-align:center}.contact__title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.contact__subtitle{font-size:1.125rem;color:var(--text-secondary);line-height:1.7}.contact__email-link{color:var(--accent-cyan);text-decoration:none;transition:color .2s ease}.contact__email-link:hover{color:var(--accent-cyan-hover);text-decoration:underline}@media(max-width:768px){.contact{padding:3rem 1.5rem}.contact__title{font-size:2rem}.contact__subtitle{font-size:1rem}}.footer{padding:2rem;border-top:1px solid rgba(168,168,168,.2);margin-top:4rem}.footer__container{max-width:1200px;margin:0 auto;text-align:center}.footer__text{font-size:.875rem;color:var(--text-secondary)}#root{width:100%;min-height:100vh;background-color:var(--bg-primary)}.App{width:100%;min-height:100vh}