@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Outfit:wght@300;400;600;900&display=swap');
:root{--bg:#080808;--bg2:#111;--acc:#00ff9d;--acc2:#7a00ff;--txt:#ccc;--txt2:#888;--brd:#1a1a1a}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--txt);font:17px/1.9 'Outfit',system-ui,sans-serif;padding:0}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
nav{background:#0d0d0d;border-bottom:1px solid var(--brd);padding:14px 40px;display:flex;align-items:center;gap:30px;font-family:'JetBrains Mono',monospace;font-size:13px;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}
.nav-logo{color:var(--acc);font-weight:700;font-size:15px}
nav a{color:var(--txt2)}nav a:hover{color:var(--acc);text-decoration:none}
.container{max-width:820px;margin:0 auto;padding:40px 24px 80px}
h1{font-size:2.1rem;font-weight:900;line-height:1.3;margin-bottom:12px;color:#fff;font-family:'Outfit',sans-serif}
h2{font-size:1.25rem;color:var(--acc);margin:35px 0 12px;font-family:'JetBrains Mono',monospace;border-left:3px solid var(--acc);padding-left:12px}
h3{font-size:1.05rem;color:#ddd;margin:22px 0 8px;font-weight:700}
p{margin-bottom:20px;color:var(--txt);line-height:1.9}
.meta{color:var(--txt2);font-size:12px;font-family:'JetBrains Mono',monospace;margin-bottom:32px;display:flex;gap:16px;flex-wrap:wrap;border-left:3px solid var(--acc);padding-left:14px;line-height:1.6}
.cat{background:var(--acc);color:#000;font-size:11px;font-family:'JetBrains Mono',monospace;padding:4px 12px;border-radius:3px;display:inline-block;margin-bottom:14px;font-weight:700;letter-spacing:1px}
.hero{border-bottom:1px solid var(--brd);padding-bottom:30px;margin-bottom:40px}
article p+h2{margin-top:40px}
ul,ol{margin:0 0 20px 22px}li{color:var(--txt);margin-bottom:7px;line-height:1.8}
strong{color:#fff}
blockquote{border-left:3px solid var(--acc);padding:14px 22px;margin:28px 0;color:var(--txt2);font-style:italic;background:#0d0d0d;border-radius:0 6px 6px 0}
.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:10px}
@media(max-width:600px){.card-grid{grid-template-columns:1fr}}
.card{border:1px solid var(--brd);border-left:4px solid var(--acc);padding:20px;border-radius:5px;transition:.25s;display:block;color:inherit}
.card:hover{border-left-color:var(--acc);background:var(--bg2);transform:translateY(-2px);text-decoration:none}
.card .tag{color:var(--txt2);font-size:11px;font-family:'JetBrains Mono',monospace;margin-bottom:8px;display:block}
.card h3{color:#fff;font-size:1rem;margin:6px 0 8px;line-height:1.4}
.card p{font-size:13px;color:var(--txt2);margin-bottom:10px}
.card .read{color:var(--acc);font-size:12px;font-family:'JetBrains Mono',monospace}
.author-box{border:1px solid var(--brd);border-radius:6px;padding:24px;margin-top:50px;background:#0d0d0d}
.author-box h3{color:var(--acc);font-family:'JetBrains Mono',monospace;margin-bottom:10px}
.related{margin-top:40px}
.related h3{color:var(--acc);font-family:'JetBrains Mono',monospace;margin-bottom:14px;font-size:14px;letter-spacing:1px}
.related-list a{display:block;color:var(--txt);font-size:14px;padding:10px 0;border-bottom:1px solid var(--brd);transition:.2s}
.related-list a:hover{color:var(--acc);padding-left:8px;text-decoration:none}
.tag-pill{display:inline-block;background:#1a1a1a;border:1px solid #333;color:var(--txt2);font-size:11px;padding:3px 10px;border-radius:20px;margin:3px;font-family:'JetBrains Mono',monospace}
footer{border-top:1px solid var(--brd);padding:24px;text-align:center;color:var(--txt2);font-size:13px;font-family:'JetBrains Mono',monospace}
.blog-hero{background:linear-gradient(135deg,#0d0d0d,#111);border:1px solid var(--brd);border-radius:8px;padding:40px;margin-bottom:40px}
.blog-hero h1{font-size:2.4rem}
.search-bar{background:#111;border:1px solid var(--brd);border-radius:6px;padding:12px 18px;width:100%;color:#fff;font-size:15px;margin-bottom:30px;font-family:'Outfit',sans-serif}
.search-bar:focus{outline:none;border-color:var(--acc)}