.blog-container{max-width:1200px;margin:0 auto;padding:120px 20px 80px;min-height:100vh}.blog-header-section{margin-bottom:60px;border-bottom:var(--border);padding-bottom:20px}.blog-title{font-family:var(--font-code);font-size:2.5rem;color:var(--white);margin-bottom:10px}.blog-subtitle{font-family:var(--font-body);color:var(--text-muted);font-size:1rem}.posts-grid{display:grid;grid-template-columns:1fr;gap:30px}.log-entry-card{display:block;text-decoration:none;background:var(--glass);border:1px solid rgba(255,255,255,0.05);padding:30px;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);position:relative;overflow:hidden}.log-entry-card:hover{transform:translateX(8px);border:var(--cyan);background:rgba(0,240,255,0.02)}.log-entry-card::before{content:"";position:absolute;top:0;left:0;bottom:0;width:2px;background:var(--cyan);transform:scaleY(0);transition:transform 0.3s ease}.log-entry-card:hover::before{transform:scaleY(1)}.entry-meta{font-family:var(--font-code);font-size:0.8rem;color:var(--cyan);margin-bottom:15px;display:flex;gap:15px}.entry-title{font-family:var(--font-body);font-size:1.8rem;color:var(--white);margin-bottom:15px;font-weight:700;line-height:1.3}.entry-desc{color:var(--text-muted);font-size:1rem;line-height:1.6;margin-bottom:20px}.entry-tags{display:flex;gap:10px;flex-wrap:wrap}.tag-chip{font-family:var(--font-code);font-size:0.75rem;color:var(--text-muted);border:1px solid rgba(255,255,255,0.1);padding:4px 10px;background:rgba(255,255,255,0.02)}.cmd-nav{margin-bottom:40px}.cmd-link{font-family:var(--font-code);color:var(--text-muted);text-decoration:none;font-size:0.9rem;transition:0.3s}.cmd-link:hover{color:var(--cyan)}.cmd-prompt{color:var(--green);margin-right:8px}.post-hero{margin-bottom:50px;text-align:left}.post-hero-title{font-family:var(--font-head);font-size:clamp(2rem,5vw,3.5rem);color:var(--white);line-height:1.1;margin-bottom:20px}.blog-window{background:var(--bg-dark);border:var(--border);overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.4)}.window-bar{background:rgba(255,255,255,0.03);padding:10px 15px;border-bottom:1px solid rgba(255,255,255,0.05);display:flex;align-items:center}.window-dots{display:flex;gap:8px;margin-right:20px}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.window-name{font-family:var(--font-code);font-size:0.8rem;color:var(--text-muted)}.markdown-body{padding:40px;color:var(--text-main);font-family:var(--font-body);font-size:1.125rem;line-height:1.8}.markdown-body h2{color:var(--white);font-family:var(--font-head);margin-top:50px;margin-bottom:20px;border-bottom:var(--border);padding-bottom:10px}.markdown-body h3{color:var(--cyan);font-family:var(--font-code);margin-top:30px;font-size:1.3rem}.markdown-body p{margin-bottom:25px}.markdown-body ul{padding-left:20px;margin-bottom:25px}.markdown-body li{margin-bottom:10px}.markdown-body a{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}.markdown-body strong{color:var(--white);font-weight:600}.markdown-body blockquote{border-left:4px solid var(--cyan);padding-left:20px;color:var(--text-muted);font-style:italic;margin:30px 0}.markdown-body pre{white-space:pre-wrap;white-space:-moz-pre-wrap;word-wrap:break-word;overflow-wrap:break-word;overflow-x:hidden;background:var(--glass)!important;padding:20px;overflow-x:auto;margin:30px 0;border:var(--border)}.markdown-body code{font-family:var(--font-code);font-size:0.9em}.markdown-body p code,.markdown-body li code{background:rgba(255,255,255,0.1);padding:2px 6px;color:var(--cyan)}.blink{animation:blink 1s step-end infinite;color:var(--cyan);font-weight:bold}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.codehilite{position:relative}.copy-btn{position:absolute;top:10px;right:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:var(--text-muted);font-family:var(--font-code);font-size:0.75rem;padding:5px 10px;cursor:pointer;transition:all 0.2s ease;opacity:0;z-index:10}.codehilite:hover .copy-btn{opacity:1}.copy-btn:hover{background:rgba(0,240,255,0.1);color:var(--cyan);border-color:var(--cyan)}.copy-btn.copied{background:rgba(0,255,0,0.1)!important;color:var(--green)!important;border-color:var(--green)!important}@media (max-width:768px){.copy-btn{opacity:1;top:5px;right:5px;padding:4px 8px;font-size:0.7rem}.blog-container{padding-top:100px;padding-left:15px;padding-right:15px}.markdown-body{padding:30px;font-size:.8rem}.posts-grid{gap:20px}.log-entry-card{padding:20px}}