:root{--acc:#00ff88;--bg:#050806;--fg:#e8f5ec;--mut:#8aa392}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
.hero{padding:64px 20px 32px;text-align:center;background:radial-gradient(ellipse at top,rgba(0,255,136,.12),transparent 60%)}
.hero h1{font-size:56px;margin:8px 0 0;color:var(--acc);letter-spacing:-2px}
.tag{font-size:20px;margin:6px 0}
.tag code{color:var(--acc)}
.sub{color:var(--mut);margin:0}
main{max-width:760px;margin:0 auto;padding:0 20px 48px}
h2{color:var(--acc);font-size:18px;margin:40px 0 12px;text-transform:uppercase;letter-spacing:2px}
.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.grid li{border:1px solid rgba(0,255,136,.25);border-left:3px solid var(--acc);border-radius:8px;padding:12px}
.grid b{display:block}
.grid span{color:var(--mut);font-size:14px}
.muted{color:var(--mut);font-size:14px}
form{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
input{flex:1 1 160px;padding:10px;border-radius:8px;border:1px solid rgba(0,255,136,.3);background:#000;color:var(--fg);font:inherit}
button{padding:10px 18px;border-radius:8px;border:0;background:var(--acc);color:#000;font:inherit;font-weight:700;cursor:pointer}
button:disabled{opacity:.5}
.entries{list-style:none;padding:0;margin:0}
.entries li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.entries b{color:var(--acc)}
.entries time{float:right;color:var(--mut);font-size:12px}
footer{text-align:center;color:var(--mut);padding:24px;font-size:13px}
footer a{color:var(--acc)}