* { margin:0; padding:0; box-sizing:border-box }
body { font-family: 'Courier New', Courier, monospace; background:#06090f; color:#dbeafe; line-height:1.7; font-size:15px }
a { color:#60a5fa; text-decoration:none }
a:hover { color:#93c5fd; text-decoration:underline }
.wrap { max-width:760px; margin:0 auto; padding:0 24px }
header { border-bottom:1px solid #60a5fa22; 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:#93c5fd; letter-spacing:-.5px }
.logo span { color:#64748b }
nav a { color:#64748b; font-size:.85rem; margin-left:18px }
nav a:hover { color:#60a5fa }
h1 { font-size:1.9rem; font-weight:700; color:#93c5fd; margin:32px 0 12px; line-height:1.25 }
h2 { font-size:1.25rem; font-weight:700; color:#60a5fa; margin:28px 0 10px }
h3 { font-size:1rem; font-weight:700; color:#93c5fd; margin:20px 0 8px }
p { margin:0 0 16px; color:#dbeafecc }
.hero { padding:52px 0 40px; border-bottom:1px solid #60a5fa22 }
.hero .tag { display:inline-block; background:#60a5fa18; color:#60a5fa; border:1px solid #60a5fa40; padding:3px 10px; border-radius:4px; font-size:.8rem; margin-bottom:14px }
.hero p { font-size:1.05rem; color:#dbeafebb; max-width:580px }
.install { background:#0e1724; border:1px solid #60a5fa30; border-left:3px solid #60a5fa; border-radius:4px; padding:14px 18px; margin:18px 0; font-size:.9rem; overflow-x:auto }
.install code { color:#93c5fd; white-space:pre }
.features { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; margin:24px 0 }
.feature { background:#0e1724; border:1px solid #60a5fa20; border-radius:6px; padding:18px }
.feature h3 { margin-top:0 }
.posts { margin:12px 0 }
.post-item { padding:14px 0; border-bottom:1px solid #60a5fa15 }
.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:#dbeafecc }
.prose code { background:#0e1724; color:#93c5fd; padding:2px 6px; border-radius:3px; font-size:.9em }
.prose pre { background:#0e1724; border:1px solid #60a5fa25; border-radius:4px; padding:16px; overflow-x:auto; margin:16px 0 }
.prose pre code { background:none; padding:0 }
footer { border-top:1px solid #60a5fa22; padding:24px 0; margin-top:52px; color:#64748b; font-size:.82rem }
footer .wrap { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap }