:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--surface:#131313;--border:#232323;--text:#e8e8e6;--text-dim:#8a8a86;--accent:#7fffa8;font-family:JetBrains Mono,SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;line-height:1.5}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text)}#root{min-height:100vh}a{color:inherit}.page{max-width:720px;margin:0 auto;padding:6rem 1.5rem 4rem}.hero{margin-bottom:4rem}.hero-eyebrow{color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;margin:0 0 .5rem;font-size:.8rem}.hero-role{color:var(--text-dim);margin:0 0 .75rem;font-size:.8rem}.hero-flag{vertical-align:-.1em;border-radius:2px;height:.85em;margin-left:.5rem}.hero-name{letter-spacing:-.02em;margin:0 0 .25rem;font-size:2.5rem;font-weight:600}.hero-tagline{color:var(--text-dim);margin:0 0 1.25rem;font-size:1rem}.hero-about-intro{color:var(--text-dim);margin:0 0 .5rem;font-size:.85rem}.about{margin-top:4rem}.hero-about{color:var(--text);margin:0;font-size:.95rem;line-height:1.6}.hero-links{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.hero-link{color:var(--accent);border-bottom:1px solid #0000;font-size:.9rem;text-decoration:none;display:inline-block}.hero-link:hover{border-bottom-color:var(--accent)}.section-title{color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;margin:0 0 1.5rem;font-size:.85rem;font-weight:500}.project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.project-card{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:1.25rem;text-decoration:none;transition:border-color .15s;display:block}.project-card:hover{border-color:var(--accent)}.project-card-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.5rem;display:flex}.project-name{font-size:.95rem;font-weight:600}.project-langs{flex-shrink:0;gap:.4rem;display:flex}.project-lang-icon{width:1.1rem;height:1.1rem}.project-description{color:var(--text-dim);margin:0;font-size:.85rem;line-height:1.5}.footer{border-top:1px solid var(--border);margin-top:4rem;padding-top:1.5rem}.footer a+a{margin-left:1rem}.footer a{color:var(--text-dim);font-size:.85rem;text-decoration:none}.footer a:hover{color:var(--accent)}