@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Outfit:wght@300;400;600;700;800&display=swap";:root{--bg:#0a0a0f;--bg-card:#111118;--bg-hover:#16161f;--border:#1e1e2e;--border-glow:#6c6cff33;--accent:#6c6cff;--accent-light:#a78bfa;--accent-dim:#6c6cff22;--text:#e2e2f0;--text-muted:#88a;--text-subtle:#55556a;--tag-bg:#1a1a2e;--code-bg:#0d0d14;--success:#22c55e;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px #00000080;--shadow-accent:0 0 40px #6c6cff1a;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,sans-serif;line-height:1.7}img{max-width:100%;display:block}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-light)}button{cursor:pointer;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{max-width:900px;margin:0 auto;padding:0 1.5rem}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0a0a0fd9;padding:1rem 0;position:sticky;top:0}.navbar__inner{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:0 1.5rem;display:flex}.navbar__logo{color:var(--text);letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800}.navbar__logo span{color:var(--accent)}.navbar__tag{color:var(--text-muted);background:var(--tag-bg);border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;font-family:JetBrains Mono,monospace;font-size:.7rem}.hero{text-align:center;padding:5rem 0 3rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#6c6cff1f 0%,#0000 70%);width:600px;height:400px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.hero__eyebrow{color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin-bottom:1.2rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.hero__title{letter-spacing:-1.5px;color:var(--text);margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:clamp(2.2rem,6vw,3.5rem);font-weight:800;line-height:1.1}.hero__title .grad{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__sub{color:var(--text-muted);max-width:480px;margin:0 auto;font-size:1.05rem}.section-heading{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:.6rem;margin-bottom:1.5rem;padding-bottom:.75rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;display:flex}.section-heading:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:1.2em;display:inline-block}.posts-grid{gap:1.25rem;padding-bottom:4rem;display:grid}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);cursor:pointer;padding:1.75rem;position:relative;overflow:hidden}.post-card:after{content:"";border-radius:var(--radius);background:linear-gradient(135deg, var(--accent-dim), transparent);opacity:0;transition:opacity var(--transition);position:absolute;inset:0}.post-card:hover{border-color:var(--accent);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.post-card:hover:after{opacity:1}.post-card__meta{color:var(--text-subtle);z-index:1;align-items:center;gap:.75rem;margin-bottom:.9rem;font-family:JetBrains Mono,monospace;font-size:.78rem;display:flex;position:relative}.post-card__meta .dot{color:var(--border)}.post-card__author-badge{color:var(--accent-light);font-weight:500}.post-card__title{color:var(--text);letter-spacing:-.3px;z-index:1;transition:color var(--transition);margin-bottom:.6rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.3;position:relative}.post-card:hover .post-card__title{color:var(--accent-light)}.post-card__excerpt{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;z-index:1;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.7;display:-webkit-box;position:relative;overflow:hidden}.post-card__footer{border-top:1px solid var(--border);z-index:1;justify-content:space-between;align-items:center;margin-top:1.2rem;padding-top:1rem;display:flex;position:relative}.post-card__comments{color:var(--text-subtle);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.post-card__read{color:var(--accent);transition:gap var(--transition);align-items:center;gap:.3rem;font-size:.78rem;font-weight:500;display:flex}.post-card:hover .post-card__read{gap:.6rem}.article-page{padding-bottom:4rem}.article-back{color:var(--text-muted);transition:color var(--transition);align-items:center;gap:.5rem;padding:2rem 0 1.5rem;font-size:.85rem;display:inline-flex}.article-back:hover{color:var(--accent-light)}.article-header{border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding-bottom:2rem}.article-header__meta{color:var(--text-subtle);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex}.article-header__meta .author{color:var(--accent-light)}.article-title{letter-spacing:-.8px;color:var(--text);margin-bottom:0;font-family:Outfit,sans-serif;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:800;line-height:1.2}.article-body{color:var(--text-muted);margin-bottom:3rem;font-size:1.05rem;line-height:1.85}.article-body>*+*{margin-top:1.25em}.article-body h1,.article-body h2,.article-body h3,.article-body h4{color:var(--text);letter-spacing:-.3px;margin-top:2em;font-family:Outfit,sans-serif;font-weight:700}.article-body h2{font-size:1.5rem}.article-body h3{font-size:1.2rem}.article-body strong{color:var(--text);font-weight:600}.article-body code{background:var(--code-bg);border:1px solid var(--border);color:var(--accent-light);border-radius:4px;padding:.15em .45em;font-family:JetBrains Mono,monospace;font-size:.88em}.article-body pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem;overflow-x:auto}.article-body pre code{color:var(--text);background:0 0;border:none;padding:0;font-size:.9rem}.article-body blockquote{border-left:3px solid var(--accent);color:var(--text-muted);padding-left:1rem;font-style:italic}.article-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.article-body ul,.article-body ol{padding-left:1.5rem}.comments-section{border-top:1px solid var(--border);padding-top:2.5rem}.comments-title{color:var(--text);align-items:center;gap:.5rem;margin-bottom:1.75rem;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;display:flex}.comments-title .count{background:var(--accent-dim);color:var(--accent);border-radius:999px;padding:.15rem .55rem;font-size:.85rem;font-weight:600}.comment-list{flex-direction:column;gap:1rem;margin-bottom:2.5rem;display:flex}.comment-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition);padding:1.1rem 1.25rem}.comment-item:hover{border-color:var(--border-glow)}.comment-item__header{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.comment-item__avatar{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:700;display:flex}.comment-item__username{color:var(--text);font-size:.85rem;font-weight:600}.comment-item__date{color:var(--text-subtle);margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.7rem}.comment-item__content{color:var(--text-muted);font-size:.9rem;line-height:1.65}.comment-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem}.comment-form__title{color:var(--text);margin-bottom:1.25rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.form-group{margin-bottom:1rem}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem;font-size:.78rem;font-weight:500;display:block}.form-input,.form-textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:.7rem 1rem;font-family:Inter,sans-serif;font-size:.9rem}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.btn{border-radius:var(--radius-sm);transition:all var(--transition);align-items:center;gap:.4rem;padding:.65rem 1.4rem;font-size:.88rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#7d7dff;transform:translateY(-1px);box-shadow:0 4px 14px #6c6cff59}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-success{color:var(--success);align-items:center;gap:.5rem;margin-top:.75rem;font-size:.85rem;display:flex}.form-error{color:#f87171;margin-top:.4rem;font-size:.82rem}.state-loading,.state-empty,.state-error{text-align:center;color:var(--text-muted);padding:4rem 1rem}.state-loading__spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.state-empty__icon,.state-error__icon{margin-bottom:.75rem;font-size:2.5rem}.state-error{color:#f87171}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-subtle);padding:2rem 0;font-family:JetBrains Mono,monospace;font-size:.72rem}.footer span{color:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.45s both fadeInUp}.fade-in-up:first-child{animation-delay:50ms}.fade-in-up:nth-child(2){animation-delay:.1s}.fade-in-up:nth-child(3){animation-delay:.15s}.fade-in-up:nth-child(4){animation-delay:.2s}.fade-in-up:nth-child(5){animation-delay:.25s}@media (width<=640px){.hero{padding:3.5rem 0 2rem}.post-card,.comment-form{padding:1.25rem}.article-body{font-size:.97rem}}