@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg:#08080f;--bg-subtle:#0c0c16;--bg-card:#111119;--bg-card-hover:#17172a;--border:hsla(0,0%,100%,.06);--border-hover:hsla(0,0%,100%,.12);--accent:#6366f1;--accent-hover:#818cf8;--accent-glow:rgba(99,102,241,.12);--accent-soft:rgba(99,102,241,.06);--gradient:linear-gradient(135deg,#6366f1,#a855f7);--text:#f0f0f8;--text-secondary:#9898b0;--text-dim:#5a5a72;--font-display:"Outfit",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"JetBrains Mono",monospace;--max-width:1200px;--content-width:740px;--ease-out:cubic-bezier(0.16,1,0.3,1)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}::selection{background:rgba(99,102,241,.3);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:3px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--text)}.container{max-width:var(--max-width)}.container,.content-container{margin:0 auto;padding:0 clamp(20px,4vw,48px)}.content-container{max-width:var(--content-width)}.category-label{display:inline-block;font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.category-badge{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:13px;font-weight:500;padding:8px 18px;border-radius:100px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);transition:all .3s var(--ease-out);cursor:pointer}.category-badge:hover{background:var(--accent-soft);border-color:rgba(99,102,241,.2);color:var(--text)}.category-badge.active{background:var(--accent);border-color:var(--accent);color:#fff}.post-card{transition:all .5s var(--ease-out);cursor:pointer}.post-card:hover{transform:translateY(-3px)}.post-card:hover .post-card-image img{transform:scale(1.04)}.post-card:hover .post-card-title{color:var(--accent-hover)!important}.featured-card{transition:all .5s var(--ease-out);cursor:pointer}.featured-card:hover .featured-image img{transform:scale(1.03)}.article-body h2{font-size:1.75rem;margin:3rem 0 1.25rem}.article-body h3{font-size:1.35rem;margin:2rem 0 .75rem}.article-body p{margin-bottom:1.5rem;color:var(--text-secondary);line-height:1.9;font-size:17px}.article-body ol,.article-body ul{margin-bottom:1.5rem;padding-left:1.75rem;color:var(--text-secondary)}.article-body li{margin-bottom:.5rem;line-height:1.8}.article-body blockquote{border-left:3px solid var(--accent);padding:1.25rem 1.75rem;margin:2rem 0;background:var(--bg-card);border-radius:0 12px 12px 0;color:var(--text-secondary);font-style:italic;font-size:18px;line-height:1.7}.article-body a{color:var(--accent-hover);text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:rgba(99,102,241,.3);text-decoration-color:rgba(99,102,241,.3)}.article-body a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.article-body code{font-family:var(--font-mono);font-size:.85em;padding:.2em .5em;border-radius:6px;color:#a78bfa}.article-body code,.article-body pre{background:var(--bg-card);border:1px solid var(--border)}.article-body pre{border-radius:14px;padding:1.5rem;overflow-x:auto;margin:2rem 0}.article-body pre code{background:none;padding:0;border:none;font-size:.85rem;line-height:1.7;color:var(--text-secondary)}.article-body img{border-radius:14px;margin:2rem 0}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:0}@media (max-width:768px){.article-body h2{font-size:1.5rem}.article-body h3{font-size:1.2rem}.featured-grid{grid-template-columns:1fr!important}.desktop-nav{display:none!important}.mobile-toggle{display:block!important}}