:root{--bg-color: #FFFFFF;--text-color: #1A1A1A;--card-bg: #E5E5E5;--font-main: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--container-padding: 1rem;--section-gap: 2.5rem}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}img{max-width:100%;display:block}a{color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.container{width:100%;padding:1rem;min-height:100vh;display:flex;flex-direction:column}section{margin-bottom:var(--section-gap)}.experience-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.project-card{width:100%}.project-card .project-image{height:250px;border-radius:12px}.interests-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.hero-header{display:flex;flex-direction:row;align-items:center;text-align:left;gap:1rem}.footer-content{display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){:root{--container-padding: 2rem;--section-gap: 3rem}.container{max-width:800px;margin:0 auto;padding:2rem}.experience-item{flex-direction:row;justify-content:space-between;align-items:baseline}.project-card .project-image{height:350px}.interests-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.footer-content{flex-direction:row;justify-content:space-between;align-items:flex-start}.hero-header{flex-direction:row;align-items:center;text-align:left;gap:1.5rem}}@media(min-width:1024px){:root{--section-gap: 4rem}.container{max-width:1100px}.project-card .project-image{height:400px}.interests-grid{grid-template-columns:repeat(6,1fr)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bbb}@keyframes spin{to{transform:rotate(360deg)}}.container{will-change:contents}
