:root{--bg: #111111;--accent: #FFFFFF;--text-primary: #f0f0f0;--text-secondary: #d0d0d0;--text-tertiary: #888;--code-bg: #1c1c1c;--rule: rgba(255, 255, 255, .15);--astro-code-color-text: #f0f0f0;--astro-code-color-background: #1c1c1c;--astro-code-token-constant: #e0e0e0;--astro-code-token-string: #c2d6a6;--astro-code-token-comment: #6f8190;--astro-code-token-keyword: #d9a8d2;--astro-code-token-parameter: #f0f0f0;--astro-code-token-function: #8fc7e6;--astro-code-token-string-expression: #c2d6a6;--astro-code-token-punctuation: #b8c2cc;--astro-code-token-link: #e0e0e0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg);color:var(--text-primary);line-height:1.7;font-size:16px;display:flex;flex-direction:column;min-height:100vh}h1{font-size:3rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem;background-image:linear-gradient(to right,transparent,var(--accent) 20%,var(--accent) 80%,transparent);background-repeat:no-repeat;background-size:100% 2px;background-position:0 100%;padding-bottom:.75rem;display:inline-block}h3{font-size:1.3rem;font-weight:600;margin-top:2rem;margin-bottom:1rem}p{margin-bottom:1.5rem;font-size:1rem}a{color:var(--accent);text-decoration:underline;text-decoration-color:#ffffff59;text-underline-offset:3px;transition:text-decoration-color .2s ease,opacity .2s ease}a:hover{text-decoration-color:var(--accent);opacity:1}header{padding:2rem 0;border-bottom:1px solid var(--rule);margin-bottom:4rem}header nav{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.site-title{font-size:1.25rem;font-weight:700;color:var(--accent)}.site-title a{color:inherit;text-decoration:none}.site-title a:hover{text-decoration:none;opacity:1}nav a{margin-left:2rem;font-size:.95rem;text-decoration:none}nav a:hover{text-decoration:underline}main{flex:1;max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.hero{margin-bottom:6rem;text-align:center}.hero h1{margin-bottom:1.5rem;color:#fff}.hero .subtitle{font-size:1.1rem;color:#b0b0b0;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto}.cta-group{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:3rem}.cta-button{display:inline-block;padding:.75rem 1.5rem;border:1px solid var(--accent);color:var(--accent);text-decoration:none;transition:all .3s ease;font-weight:500}.cta-button:hover{background-color:var(--accent);color:var(--bg);text-decoration:none;opacity:1}.hero-with-avatar{text-align:left}.hero-inner{display:flex;align-items:flex-start;gap:2.5rem;max-width:900px;margin:0 auto}.hero-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--accent)}.hero-text{flex:1}.hero-with-avatar{margin-bottom:3rem}.hero-with-avatar h1{font-size:2.5rem}.hero-with-avatar .subtitle{max-width:none;margin-left:0;margin-right:0;margin-bottom:1.25rem}.hero-now{color:var(--text-secondary);font-size:.95rem;margin-top:1.75rem;margin-bottom:0}.hero-with-avatar .cta-group{justify-content:flex-start;margin-bottom:0}.thread{max-width:900px;margin:0 auto 6rem}.timeline{list-style:none;max-width:720px;margin:0;padding:0;border-left:1px solid var(--rule)}.timeline-entry{position:relative;padding:0 0 2.5rem 2rem}.timeline-entry:last-child{padding-bottom:0}.timeline-entry:before{content:"";position:absolute;left:-5px;top:.45rem;width:9px;height:9px;border-radius:50%;background:var(--accent)}.timeline-body h3{font-size:1.1rem;margin:0 0 .4rem;color:var(--accent)}.timeline-body p{margin:0;color:var(--text-secondary)}#latest,.blog-index{max-width:900px;margin:0 auto}.blog-index .section-title{margin-top:0;margin-bottom:1rem}.page-dek{color:var(--text-secondary);font-size:1.1rem;max-width:60ch;margin-bottom:3rem}.section-title{font-size:1.8rem;margin-bottom:3rem;margin-top:4rem;border-bottom:2px solid var(--accent);padding-bottom:1rem;display:inline-block}.posts-list{display:grid;gap:3rem;margin-bottom:4rem}.post-card{padding:2rem;border-left:3px solid var(--accent);transition:transform .2s ease}.post-card:hover{transform:translate(8px)}.post-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff}.post-title a{color:inherit;text-decoration:none}.post-title a:hover{color:var(--accent);text-decoration:none;opacity:1}.post-meta{font-size:.9rem;color:var(--text-tertiary);margin-bottom:1rem}.post-excerpt{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.post-read-more{font-size:.95rem;font-weight:500}footer{margin-top:6rem;padding:3rem 2rem;border-top:1px solid var(--rule);text-align:center;color:var(--text-tertiary);font-size:.9rem}.footer-links{margin-bottom:2rem}.footer-links a{margin:0 1rem;font-size:.9rem}code{background-color:#ffffff14;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}pre{background-color:var(--code-bg);border-left:3px solid var(--accent);padding:1rem;border-radius:4px;overflow-x:auto;margin:2rem 0}pre code{background:none;padding:0;color:var(--text-primary);font-size:.9rem}.tags{margin-top:1.5rem}.tag{display:inline-block;background-color:#ffffff1f;color:var(--accent);padding:.4rem .8rem;margin-right:.5rem;margin-bottom:.5rem;border-radius:3px;font-size:.85rem;text-decoration:none}.tag:hover{background-color:#ffffff38;text-decoration:none;opacity:1}.prose{max-width:750px;margin:0 auto}.prose ul,.prose ol{margin:0 0 1.5rem 1.5rem}.prose li{margin-bottom:.5rem}.prose blockquote{border-left:3px solid var(--accent);padding-left:1rem;margin:0 0 1.5rem;color:var(--text-secondary);font-style:italic}.prose img{max-width:100%;height:auto}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}header nav{flex-direction:column;gap:1rem;text-align:center}nav a{margin-left:1rem}.cta-group{gap:1rem;flex-direction:column;align-items:center}.cta-button{width:100%;max-width:250px;text-align:center}.hero{margin-bottom:4rem}.hero-inner{flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.hero-with-avatar{text-align:center}.hero-with-avatar h1{font-size:2rem}.hero-with-avatar .cta-group{justify-content:center}.hero-avatar{width:120px;height:120px}.thread{margin-bottom:4rem}main{padding:0 1.5rem}header{margin-bottom:2rem}}