:root{--bg:#fafaf8;--fg:#141414;--muted:#6b6b6b;--line:#e4e4df;--accent:#5b4bff;
font-family:ui-sans-serif,-apple-system,"SF Pro Text","Inter","Segoe UI",system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#0c0c0d;--fg:#ededeb;--muted:#8d8d8a;--line:#232325;--accent:#9d93ff}}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{background:var(--bg);color:var(--fg);line-height:1.55;-webkit-font-smoothing:antialiased;display:grid;place-items:center}
main{width:100%;max-width:32rem;padding:3rem 1.5rem}
a{color:inherit}
.mark{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--line);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:2rem}
h1{font-size:clamp(2.4rem,8vw,3.25rem);font-weight:650;letter-spacing:-.035em;line-height:1.05}
.bio{color:var(--muted);font-size:1.15rem;margin-top:.6rem}
.links{list-style:none;padding:0;margin:3rem 0 0;border-top:1px solid var(--line)}
.links a{display:flex;justify-content:space-between;padding:1.1rem .25rem;border-bottom:1px solid var(--line);text-decoration:none;font-weight:500;transition:padding .2s,color .2s}
.links a:hover,.links a:focus-visible{padding-left:.75rem;color:var(--accent)}
.meta{color:var(--muted);font-weight:400}
footer{margin-top:3rem;color:var(--muted);font-size:.8rem}