*{margin:0;padding:0;box-sizing:border-box}:root,:root[data-theme=dark]{--bg: #0d0f12;--fg: #e6e6e6;--muted: #8b949e;--soft: #b0b8c0;--border: #21262d;--surface: #161b22;--surface-hover: #30363d;--accent: #58a6ff;--danger: #f85149}:root[data-theme=light]{--bg: #fafafa;--fg: #1f2328;--muted: #57606a;--soft: #424a53;--border: #d0d7de;--surface: #ffffff;--surface-hover: #eaeef2;--accent: #0969da;--danger: #cf222e}body{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg);color:var(--fg);line-height:1.6}main{max-width:720px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.nav{display:flex;align-items:center;gap:.75rem;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:.5rem 1rem;margin-bottom:4rem}.logo{font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:1.1rem;color:var(--fg)}.logo:hover{text-decoration:none}.tabs{display:flex;gap:.25rem;margin:0 auto;flex-wrap:wrap;justify-content:center}.tabs a{color:var(--muted);padding:.3rem .7rem;border-radius:999px;font-size:.85rem}.tabs a:hover{text-decoration:none;color:var(--fg);background:var(--surface-hover)}.tabs a.active{color:var(--fg);background:var(--surface-hover)}.theme-toggle{background:none;border:none;font-size:1rem;cursor:pointer;padding:.2rem}.hero{margin-bottom:3rem}.avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid var(--border);margin-bottom:1.25rem}.greeting{color:var(--soft);font-size:1.1rem}h1{font-family:Georgia,Times New Roman,serif;font-size:2.4rem;font-weight:500;line-height:1.25;margin-top:.5rem}.title{color:var(--muted);margin-top:.25rem}.summary{margin-top:1rem;color:var(--soft)}section{margin-bottom:3rem}h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:1rem}.tech{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:1fr;gap:.75rem}.tech li{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid var(--border);border-radius:6px;font-size:.8rem;min-width:0;min-height:3rem}.tech span{overflow-wrap:anywhere;line-height:1.3}.tech img{width:20px;height:20px;flex-shrink:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.login{display:flex;flex-direction:column;gap:.5rem;max-width:280px;margin-bottom:1rem}.login input{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.5rem;color:var(--fg);font:inherit}.login button{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.5rem;color:var(--fg);font:inherit;cursor:pointer}.login button:hover{background:var(--surface-hover)}.login .link{background:none;border:none;color:var(--accent);text-align:left;padding:0;font-size:.8rem}.error{color:var(--danger);font-size:.8rem}