* { margin:0; padding:0; box-sizing:border-box }
body { font-family: 'Courier New', Courier, monospace; background:#02090f; color:#cffafe; line-height:1.7; font-size:15px }
a { color:#22d3ee; text-decoration:none }
a:hover { color:#67e8f9; text-decoration:underline }
.wrap { max-width:760px; margin:0 auto; padding:0 24px }
header { border-bottom:1px solid #22d3ee22; padding:20px 0 }
header .wrap { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap }
.logo { font-size:1.1rem; font-weight:700; color:#67e8f9; letter-spacing:-.5px }
.logo span { color:#64748b }
nav a { color:#64748b; font-size:.85rem; margin-left:18px }
nav a:hover { color:#22d3ee }
h1 { font-size:1.9rem; font-weight:700; color:#67e8f9; margin:32px 0 12px; line-height:1.25 }
h2 { font-size:1.25rem; font-weight:700; color:#22d3ee; margin:28px 0 10px }
h3 { font-size:1rem; font-weight:700; color:#67e8f9; margin:20px 0 8px }
p { margin:0 0 16px; color:#cffafecc }
.hero { padding:52px 0 40px; border-bottom:1px solid #22d3ee22 }
.hero .tag { display:inline-block; background:#22d3ee18; color:#22d3ee; border:1px solid #22d3ee40; padding:3px 10px; border-radius:4px; font-size:.8rem; margin-bottom:14px }
.hero p { font-size:1.05rem; color:#cffafebb; max-width:580px }
.install { background:#071522; border:1px solid #22d3ee30; border-left:3px solid #22d3ee; border-radius:4px; padding:14px 18px; margin:18px 0; font-size:.9rem; overflow-x:auto }
.install code { color:#67e8f9; white-space:pre }
.features { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; margin:24px 0 }
.feature { background:#071522; border:1px solid #22d3ee20; border-radius:6px; padding:18px }
.feature h3 { margin-top:0 }
.posts { margin:12px 0 }
.post-item { padding:14px 0; border-bottom:1px solid #22d3ee15 }
.post-item h3 { margin:0 0 4px; font-size:1rem }
.post-item .meta { color:#64748b; font-size:.8rem }
.prose h2 { margin-top:32px }
.prose p { color:#cffafecc }
.prose code { background:#071522; color:#67e8f9; padding:2px 6px; border-radius:3px; font-size:.9em }
.prose pre { background:#071522; border:1px solid #22d3ee25; border-radius:4px; padding:16px; overflow-x:auto; margin:16px 0 }
.prose pre code { background:none; padding:0 }
footer { border-top:1px solid #22d3ee22; padding:24px 0; margin-top:52px; color:#64748b; font-size:.82rem }
footer .wrap { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap }