@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#ececec;--bg-card:#e2e2e2;--bg-white:#fff;--text:#55575c;--text-h:#1a1a1a;--border:#dcdcdc;--accent:#29a3e0;--shadow:#0000000f 0 8px 20px -6px;--sans:"Inter", system-ui, sans-serif;font:17px/160% var(--sans);letter-spacing:.1px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{box-sizing:border-box;flex-direction:column;width:1200px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--sans);color:var(--text-h);margin:0 0 8px;font-weight:600}h1{letter-spacing:-1px;margin:16px 0;font-size:42px}h2{letter-spacing:-.5px;font-size:34px;font-weight:700}p{margin:0}a{color:inherit}@media (width<=1024px){:root{font-size:16px}h1{font-size:30px}h2{font-size:26px}}.navbar{background:var(--bg-white);z-index:10;box-shadow:var(--shadow);justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.brand{color:var(--text-h);font-size:18px;font-weight:700}.brand-accent{color:var(--accent)}.nav-links{gap:36px;display:flex}.nav-link{color:var(--text);font-size:15px;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-h)}.nav-link.active{color:var(--accent)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--text-h);border-radius:2px;width:22px;height:2px}.hero{flex:1;justify-content:space-between;align-items:center;gap:40px;padding:80px 60px;display:flex}.hero-text{max-width:560px}.accent-dash{background:var(--accent);width:28px;height:3px;margin-bottom:18px;display:inline-block}.tagline{color:var(--text-h);margin-bottom:16px;font-size:18px;display:block}.bio{margin-bottom:16px;line-height:165%;display:block}.welcome{margin-bottom:24px;display:block}.social-row{gap:14px;margin-bottom:28px;display:flex}.social-row.large{margin-top:20px}.social-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.social-icon svg{width:20px;height:20px}.social-icon.github{background:#1a1a1a}.social-icon.linkedin{background:#0a66c2}.connect-btn{background:var(--bg-white);color:var(--text-h);box-shadow:var(--shadow);border-radius:8px;padding:16px 40px;font-weight:600;text-decoration:none;display:inline-block}.hero-image img{object-fit:cover;width:320px;height:380px;box-shadow:var(--shadow);border-radius:6px}.split-section{justify-content:space-between;align-items:center;gap:60px;min-height:60vh;padding:80px 60px;display:flex}.split-section.reverse{flex-direction:row-reverse}.hero-compact{flex:none;padding:60px 60px 40px}.split-section.compact{min-height:auto;padding:40px 60px}.split-heading{flex:0 0 320px}.underline{background:var(--accent);width:60px;height:3px;margin-top:4px;display:block}.section-subtitle{max-width:260px;margin-top:16px;font-size:15px;line-height:160%}.split-cards{flex-direction:column;flex:1;gap:20px;max-width:480px;display:flex}.info-card{background:var(--bg-card);color:var(--text);border-radius:8px;padding:22px 24px;text-decoration:none}.info-card h3{color:var(--accent);margin:0 0 6px;font-size:18px;font-weight:600}.info-card p{margin:0;font-size:14px}.info-card .location{color:var(--text-h);margin-top:4px;font-weight:700}.about-bio{padding:60px 60px 80px}.about-text p{margin-bottom:16px;line-height:165%}.projects-page{flex:1;padding:60px}.filter-box{text-align:center;max-width:240px;margin:0 auto 40px}.filter-label{border-bottom:3px solid var(--accent);margin-bottom:16px;padding-bottom:8px;font-size:20px;display:inline-block}.filter-options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.filter-pill{background:var(--bg-card);font-family:var(--sans);color:var(--text);cursor:pointer;border:none;border-radius:6px;padding:10px 16px;font-size:14px}.filter-pill.active{background:var(--accent);color:#fff}.projects-grid-page{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1100px;margin:0 auto;display:grid}.project-tile{background:var(--bg-white);color:var(--text);box-shadow:var(--shadow);border-radius:8px;padding:22px;text-decoration:none}.project-tile h3{color:var(--accent);margin:0 0 8px;font-size:17px}.project-tile p{margin-bottom:12px;font-size:14px}.tag{border-radius:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.tag-project{color:var(--accent);background:#29a3e01f}.tag-course{color:#c58a1a;background:#e6a8281f}.connect-page{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:flex-start;gap:40px;padding:80px 60px;display:flex}.connect-left{max-width:400px}.connect-form{background:var(--bg-white);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:16px;width:100%;max-width:340px;padding:32px;display:flex}.connect-form input,.connect-form textarea{background:var(--bg-card);font-family:var(--sans);color:var(--text-h);resize:vertical;border:none;border-radius:6px;padding:14px;font-size:14px}.connect-form button{background:var(--bg-card);cursor:pointer;border:none;border-radius:6px;padding:14px;font-weight:600}.site-footer{text-align:center;width:100%;color:var(--text);margin-top:60px;font-size:14px}@media (width<=900px){.hero{text-align:center;flex-direction:column-reverse;padding:48px 24px}.social-row{justify-content:center}.split-section,.split-section.reverse{flex-direction:column;gap:24px;padding:48px 24px}.split-cards{max-width:100%}.connect-page{text-align:center;flex-direction:column;align-items:center;padding:48px 24px}}@media (width<=640px){.nav-toggle{display:flex}.nav-links{background:var(--bg-white);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:16px 24px;display:none;position:absolute;top:68px;left:0;right:0}.nav-links.open{display:flex}.hero-image img{width:200px;height:240px}}