:root{--bg-deep: #0a0a0c;--bg-surface: #0f1012;--bg-elevated: #161619;--bg-card: #1a1a1f;--border: #2a2a32;--border-bright: #3a3a45;--text-primary: #e8e8ed;--text-secondary: #8a8a96;--text-dim: #5a5a66;--green: #00ff9d;--green-dim: #00cc7d;--green-glow: rgba(0, 255, 157, .15);--cyan: #00d4ff;--cyan-dim: #00a8cc;--cyan-glow: rgba(0, 212, 255, .1);--amber: #ffb800;--red: #ff4757;--mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--sans: "Space Grotesk", system-ui, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--container-max: 1200px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--mono);background:var(--bg-deep);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.header{border-bottom:1px solid var(--border);background:#0a0a0ceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.nav{display:flex;align-items:center;justify-content:space-between;height:72px}.header-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.25rem;font-family:var(--mono)}.header-logo .ai{color:var(--green)}.header-logo .tag{font-size:.6875rem;color:var(--text-dim);border:1px solid var(--border);padding:2px 8px;border-radius:4px;font-weight:500;text-transform:lowercase}.nav-links{display:flex;gap:var(--space-6)}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.875rem;font-family:var(--mono);transition:color .2s ease}.nav-link:hover{color:var(--text-primary)}.hero{padding:var(--space-24) 0 var(--space-16);text-align:center;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--green-glow),transparent)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;font-family:var(--mono);letter-spacing:-.02em;margin-bottom:var(--space-6);color:var(--text-primary)}.hero-title .accent{color:var(--green)}.hero-subtitle{font-size:clamp(.9375rem,1.5vw,1.125rem);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7;font-family:var(--mono)}.posts{padding:var(--space-8) 0 var(--space-24)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-6)}.post-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--green),var(--cyan));opacity:0;transition:opacity .3s ease}.post-card:hover{transform:translateY(-4px);border-color:#00ff9d4d;box-shadow:0 20px 40px -10px #00000080}.post-card:hover:before{opacity:1}.post-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);font-size:.8125rem}.post-date{color:var(--green);font-family:var(--mono);font-weight:500}.post-category{color:var(--text-dim);text-transform:uppercase;font-size:.6875rem;font-weight:600;letter-spacing:.05em;font-family:var(--mono)}.post-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-3);line-height:1.4;color:var(--text-primary)}.post-title a{color:inherit;text-decoration:none}.post-title a:hover{color:var(--green)}.post-excerpt{color:var(--text-secondary);font-size:.875rem;line-height:1.7;margin-bottom:var(--space-4)}.read-more{color:var(--green);font-weight:500;font-size:.875rem;font-family:var(--mono);background:none;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:var(--space-2);transition:color .2s ease}.read-more:hover{color:var(--green-dim)}.blog-list .blog-header{text-align:center;padding:var(--space-16) 0 var(--space-8)}.blog-list .blog-header h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;font-family:var(--mono);color:var(--text-primary);margin-bottom:var(--space-4)}.blog-subtitle{color:var(--text-secondary);font-size:.9375rem;font-family:var(--mono)}.blog-post .post-nav{padding:var(--space-6) 0}.back-button{color:var(--green);background:none;border:1px solid var(--border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--mono);font-size:.875rem;cursor:pointer;transition:all .2s ease}.back-button:hover{border-color:var(--green);background:var(--green-glow)}.post-full .post-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.post-full .post-header h1{font-size:2rem;font-weight:700;margin-top:var(--space-4);line-height:1.3}.post-content{font-size:.9375rem;line-height:1.8;color:var(--text-secondary);max-width:800px}.post-content h2{color:var(--text-primary);font-size:1.5rem;margin:var(--space-8) 0 var(--space-4)}.post-content h3{color:var(--text-primary);font-size:1.25rem;margin:var(--space-6) 0 var(--space-3)}.post-content p{margin-bottom:var(--space-4)}.post-content ul,.post-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.post-content li{margin-bottom:var(--space-2)}.post-content strong{color:var(--text-primary)}.post-content em{color:var(--cyan);font-style:italic}.post-content code{font-family:var(--mono);background:var(--bg-elevated);padding:var(--space-1) var(--space-2);border-radius:4px;font-size:.875em;color:var(--green)}.post-content pre{background:var(--bg-surface);border:1px solid var(--border);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-4)}.post-content pre code{background:none;padding:0}.post-footer{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--border);color:var(--text-dim);font-size:.875rem}.post-modal{display:none;position:fixed;inset:0;z-index:200;background:#0a0a0ce6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;padding:var(--space-8)}.post-modal.active{display:block}.post-modal-content{max-width:800px;margin:0 auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-12);position:relative}.post-modal-close{position:absolute;top:var(--space-6);right:var(--space-6);background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:var(--space-2);line-height:1;transition:color .2s ease}.post-modal-close:hover{color:var(--text-primary)}.post-modal-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.post-modal-title{font-size:2rem;font-weight:700;margin-bottom:var(--space-4);line-height:1.3}.post-modal-body{font-size:.9375rem;line-height:1.8;color:var(--text-secondary)}.post-modal-body h2{color:var(--text-primary);font-size:1.5rem;margin:var(--space-8) 0 var(--space-4)}.post-modal-body h3{color:var(--text-primary);font-size:1.25rem;margin:var(--space-6) 0 var(--space-3)}.post-modal-body p{margin-bottom:var(--space-4)}.post-modal-body ul,.post-modal-body ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.post-modal-body li{margin-bottom:var(--space-2)}.post-modal-body strong{color:var(--text-primary)}.post-modal-body code{font-family:var(--mono);background:var(--bg-surface);padding:var(--space-1) var(--space-2);border-radius:4px;font-size:.875em;color:var(--green)}.post-modal-body pre{background:var(--bg-surface);border:1px solid var(--border);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-4)}.post-modal-body pre code{background:none;padding:0}.footer{border-top:1px solid var(--border);padding:var(--space-16) 0 var(--space-8);background:var(--bg-surface)}.footer-content{text-align:center}.footer-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4);font-weight:700;font-size:1.25rem;font-family:var(--mono)}.footer-brand .ai{color:var(--green)}.footer-text{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:.875rem}.footer-links{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-8)}.footer-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.875rem;font-family:var(--mono);transition:color .2s ease}.footer-links a:hover{color:var(--green)}.footer-copyright{color:var(--text-dim);font-size:.8125rem}@media(max-width:768px){.posts-grid{grid-template-columns:1fr}.hero{padding:var(--space-16) 0 var(--space-12)}.post-modal{padding:var(--space-4)}.post-modal-content{padding:var(--space-6)}.post-modal-title{font-size:1.5rem}.nav-links{gap:var(--space-4)}.nav-link{font-size:.8125rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-card{animation:fadeIn .6s ease forwards}.post-card:nth-child(1){animation-delay:.05s}.post-card:nth-child(2){animation-delay:.1s}.post-card:nth-child(3){animation-delay:.15s}.post-card:nth-child(4){animation-delay:.2s}.post-card:nth-child(5){animation-delay:.25s}.post-card:nth-child(6){animation-delay:.3s}