*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d14;--surface: #14141f;--card: #1b1b2a;--border: #2a2a3e;--text: #dde1f0;--muted: #8b91b3;--dim: #6b7099;--purple: #8b7cf8;--blue: #4fa8f5;--green: #4ec98a;--orange: #f5a54f}html{font-size:16px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-size:15px;min-height:100vh}a{color:var(--purple);text-decoration:none}a:hover{color:var(--blue);text-decoration:underline}main{max-width:760px;margin:0 auto;padding:80px 28px 60px}header.site{max-width:760px;margin:0 auto;padding:28px 28px 0;display:flex;justify-content:space-between;align-items:center}header.site .brand{font-weight:600;letter-spacing:.01em;color:var(--text)}header.site .brand:hover{text-decoration:none;color:var(--purple)}header.site nav{display:flex;gap:20px;font-size:14px}header.site nav a{color:var(--muted)}header.site nav a:hover{color:var(--text);text-decoration:none}.hero h1{font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:12px}.hero h1 span{color:var(--purple)}.hero .tagline{font-size:17px;color:var(--muted);margin-bottom:20px}section{margin-top:56px}section h2{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--dim);margin-bottom:18px}.now p{color:var(--text);font-size:15px}.now .when{color:var(--dim);font-size:13px;margin-top:8px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 600px){.projects{grid-template-columns:1fr}}.project{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px 18px;transition:border-color .15s}.project:hover{border-color:var(--purple)}.project h3{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--text)}.project p{font-size:13px;color:var(--muted);margin-bottom:10px;line-height:1.5}.project .meta{display:flex;gap:12px;font-size:11px;color:var(--dim);flex-wrap:wrap}.project .meta .status{color:var(--green)}.project .meta .status.archived{color:var(--dim)}.project .meta .stack{color:var(--blue)}.posts{display:flex;flex-direction:column;gap:14px}.post-item{padding:12px 0;border-bottom:1px solid var(--border)}.post-item:last-child{border-bottom:none}.post-item .post-title{display:block;font-size:15px;font-weight:500;color:var(--text);margin-bottom:4px}.post-item .post-title:hover{color:var(--purple);text-decoration:none}.post-item .post-meta{font-size:12px;color:var(--dim)}.contact a{font-size:15px}.contact .row{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.contact .label{color:var(--dim);margin-right:6px}footer{max-width:760px;margin:80px auto 0;padding:28px;border-top:1px solid var(--border);color:var(--dim);font-size:12px;display:flex;justify-content:space-between}.post-content{max-width:680px}.post-content h1{font-size:28px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px;line-height:1.2}.post-content .post-header-meta{color:var(--dim);font-size:13px;margin-bottom:40px}.post-content .post-header-meta .tag{display:inline-block;margin-left:10px;padding:2px 8px;background:var(--card);border-radius:4px;font-size:11px;color:var(--blue)}.post-content h2{font-size:20px;font-weight:600;margin:36px 0 14px;color:var(--text);text-transform:none;letter-spacing:normal}.post-content h3{font-size:16px;font-weight:600;margin:28px 0 10px;color:var(--text)}.post-content p{margin-bottom:16px}.post-content ul,.post-content ol{margin:0 0 16px 20px}.post-content li{margin-bottom:6px}.post-content code{background:var(--card);padding:1px 6px;border-radius:3px;font-size:13px;color:var(--orange);font-family:SF Mono,Menlo,monospace}.post-content pre{background:var(--card);padding:16px;border-radius:6px;overflow-x:auto;margin-bottom:20px;border:1px solid var(--border)}.post-content pre code{background:transparent;padding:0;color:var(--text);font-size:13px}.post-content blockquote{border-left:3px solid var(--purple);padding-left:16px;margin:20px 0;color:var(--muted);font-style:italic}.post-content hr{border:none;border-top:1px solid var(--border);margin:32px 0}.back-link{display:inline-block;margin-bottom:32px;color:var(--muted);font-size:13px}.back-link:hover{color:var(--purple);text-decoration:none}