:root{--bg: #0a0a0a;--fg: #e0e0e0;--accent: #00f3ff;--muted: #555}body{background:var(--bg);color:var(--fg);font-family:JetBrains Mono,monospace;max-width:720px;margin:0 auto;padding:80px 20px;line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased}h1{font-size:24px;font-weight:700;margin-bottom:40px;color:#fff;letter-spacing:-.5px;position:relative;display:inline-block}h1:after{content:"_";color:var(--accent);animation:blink 1s step-end infinite}p{margin-bottom:32px;max-width:600px}.nav{margin-top:60px;padding:0;list-style:none;display:flex;gap:20px}.nav li{display:inline-block}a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--muted);transition:all .2s ease;padding-bottom:2px}.nav a{border-bottom:none;padding:4px 8px;border:1px solid transparent}.nav a:hover{background-color:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:0 0 10px #00f3ff66}.footer{margin-top:100px;padding-top:30px;border-top:1px solid #222;font-size:14px;color:var(--muted);display:flex;gap:30px}.footer a{color:var(--muted);border-bottom:none}.footer a:hover{color:var(--accent)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}::selection{background:var(--accent);color:var(--bg)}.blog-list{margin-top:40px}article{margin-bottom:60px;border-left:2px solid #222;padding-left:20px}article h2{font-size:18px;margin-top:5px;margin-bottom:10px;color:#fff}.date{color:var(--accent);font-size:12px;display:block;margin-bottom:5px}.nav a.active{color:var(--accent);border-bottom:1px solid var(--accent)}