:root{--bg:#0a0a0a;--text:#b0b0b0;--heading:#f0f0f0;--accent:#4fc3f7;--muted:#555;--card-bg:#141414;--border:#222;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}#app{max-width:640px;margin:0 auto;padding:4rem 2rem}header{margin-bottom:3rem}header h1{color:var(--heading);letter-spacing:.08em;font-size:2.5rem;font-weight:300}header h1 span{color:var(--accent)}header .tagline{color:var(--muted);margin-top:.5rem;font-size:1rem}section{margin-bottom:2.5rem}section h2{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:1rem;font-size:.85rem;font-weight:400}.links{flex-wrap:wrap;gap:.75rem;display:flex}.links a{color:var(--accent);border:1px solid var(--border);border-radius:6px;padding:.45rem 1rem;font-size:.9rem;text-decoration:none;transition:all .2s}.links a:hover{border-color:var(--accent);background:#4fc3f714}.project-list{flex-direction:column;gap:.75rem;display:flex}.project{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;transition:border-color .2s}.project:hover{border-color:var(--accent)}.project h3{color:var(--heading);margin-bottom:.25rem;font-size:1rem;font-weight:500}.project p{color:var(--muted);font-size:.85rem}.project .tag{color:var(--accent);background:#4fc3f71a;border-radius:3px;margin-top:.5rem;padding:.15rem .5rem;font-size:.75rem;display:inline-block}footer{border-top:1px solid var(--border);color:var(--muted);margin-top:3rem;padding-top:1.5rem;font-size:.8rem}