@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#0a0e12;color:#f2f6fa;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;min-height:100dvh;overflow-x:hidden;line-height:1.6;scroll-behavior:smooth}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(90deg,rgba(57,255,20,.035) 1px,transparent 0),linear-gradient(180deg,rgba(57,255,20,.035) 1px,transparent 0);background-size:36px 36px;z-index:-2;pointer-events:none}.ambient-glow-1{top:-12%;left:-8%;width:48vw;height:48vw;background:radial-gradient(circle,rgba(57,255,20,.1) 0,transparent 70%);filter:blur(80px)}.ambient-glow-1,.ambient-glow-2{position:fixed;z-index:-1;pointer-events:none}.ambient-glow-2{bottom:-14%;right:-10%;width:55vw;height:55vw;background:radial-gradient(circle,rgba(0,200,255,.1) 0,transparent 70%);filter:blur(100px)}.factory-grid{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 0,rgba(58,66,80,.35),transparent 55%),repeating-linear-gradient(90deg,transparent,transparent 48px,hsla(0,0%,100%,.015) 0,hsla(0,0%,100%,.015) 49px)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;letter-spacing:-.02em}.app-container{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 4rem;min-height:100vh;display:flex;flex-direction:column}.main-logo{gap:24px;width:100%;margin-bottom:1rem}.main-logo,.main-logo .logo-item{display:flex;align-items:center;justify-content:center}.main-logo .logo-item{gap:12px}.main-logo .logo-item h1{margin-bottom:0!important}.main-logo .logo-item .logo-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#1a3a22,#39ff14);border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #39ff1459}.main-logo .logo-item .logo-icon svg{width:1.25rem;height:1.25rem;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.main-logo .header-links a{color:#c5d0dc;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;border:1px solid transparent;transition:all .25s ease}.main-logo .header-links a:hover{color:#f2f6fa;background:#39ff140f;border-color:#39ff1433}footer{margin-top:auto;padding-top:4rem;text-align:center;color:#8a96a4;font-size:.875rem;border-top:1px solid hsla(0,0%,100%,.06)}footer a{color:#c5d0dc;text-decoration:none;font-weight:500;transition:color .2s ease}footer a:hover{color:#39ff14}.blog-detail-container{max-width:860px!important}.blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding-bottom:1rem;border-bottom:1px solid rgba(57,255,20,.18)}.blog-header .back-link{display:flex;align-items:center;gap:.5rem;color:#c5d0dc;text-decoration:none;font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-weight:500;font-size:.82rem;letter-spacing:.04em;transition:all .25s ease}.blog-header .back-link svg{width:1.1rem;height:1.1rem;transition:transform .25s ease}.blog-header .back-link:hover{color:#39ff14}.blog-header .back-link:hover svg{transform:translate(-4px)}.blog-header .blog-brand .brand-chip{font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:.7rem;font-weight:600;letter-spacing:.14em;color:#39ff14;padding:.35rem .65rem;border:1px solid rgba(57,255,20,.35);border-radius:6px;background:#39ff140f;box-shadow:0 0 16px #39ff141f}.blog-main-content{width:100%}.blog-article{background:#0a0e12eb;border:1px solid rgba(57,255,20,.22);border-radius:14px;padding:0 2.25rem 2.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff0a}@media(max-width:768px){.blog-article{padding:0 1.25rem 1.5rem}}.blog-article .panel-chrome{display:flex;align-items:center;gap:.45rem;margin:0 -2.25rem 1.5rem;padding:.7rem 1.25rem;border-bottom:1px solid hsla(0,0%,100%,.08);background:linear-gradient(180deg,rgba(57,255,20,.06),transparent)}@media(max-width:768px){.blog-article .panel-chrome{margin:0 -1.25rem 1.25rem}}.blog-article .panel-chrome .chrome-dot{width:8px;height:8px;border-radius:50%;background:#3a4250;border:1px solid hsla(0,0%,100%,.12)}.blog-article .panel-chrome .chrome-dot:first-child{background:#ff5f57}.blog-article .panel-chrome .chrome-dot:nth-child(2){background:#febc2e}.blog-article .panel-chrome .chrome-dot:nth-child(3){background:#28c840}.blog-article .panel-chrome .chrome-label{margin-left:.55rem;font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:.68rem;letter-spacing:.12em;color:#8a96a4}.blog-article .panel-chrome .chrome-status{margin-left:auto;font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:.65rem;letter-spacing:.1em;color:#39ff14;text-shadow:0 0 8px rgba(57,255,20,.45)}.blog-article .article-meta-header .article-category{font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:.72rem;font-weight:600;letter-spacing:.14em;color:#39ff14;margin-bottom:.75rem}.blog-article .article-meta-header .article-title{font-size:2.35rem;line-height:1.28;color:#f2f6fa;margin-bottom:1.15rem;font-weight:700}@media(max-width:768px){.blog-article .article-meta-header .article-title{font-size:1.75rem}}.blog-article .article-meta-header .article-meta-info{display:flex;flex-wrap:wrap;gap:1.35rem;color:#8a96a4;font-size:.85rem;margin-bottom:1.15rem}.blog-article .article-meta-header .article-meta-info .meta-item{display:flex;align-items:center;gap:.35rem;font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:.78rem}.blog-article .article-meta-header .article-meta-info .meta-item svg{width:1rem;height:1rem;stroke:#00c8ff}.blog-article .article-meta-header .article-tags{display:flex;flex-wrap:wrap;gap:.45rem}.blog-article .article-meta-header .article-tags .article-tag{background:#00c8ff1a;border:1px solid rgba(0,200,255,.28);color:#8fe9ff;padding:.22rem .55rem;border-radius:999px;font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:.72rem;font-weight:500;transition:all .2s ease}.blog-article .article-meta-header .article-tags .article-tag:hover{background:#00c8ff2e;border-color:#00c8ff80;color:#e8faff}.blog-article .article-divider{border:none;height:1px;background:linear-gradient(90deg,#39ff1400 0,#39ff1459 50%,#39ff1400);margin:1.75rem 0 2rem}.markdown-body{color:#c5d0dc;font-size:1.05rem;line-height:1.85;letter-spacing:-.01em}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:#f2f6fa;margin-top:2.25rem;margin-bottom:1.125rem;font-weight:700;line-height:1.35}.markdown-body h1:first-child,.markdown-body h2:first-child,.markdown-body h3:first-child,.markdown-body h4:first-child,.markdown-body h5:first-child,.markdown-body h6:first-child{margin-top:0}.markdown-body h1{font-size:1.75rem}.markdown-body h2{font-size:1.4rem;border-bottom:1px solid rgba(57,255,20,.18);padding-bottom:.5rem}.markdown-body h3{font-size:1.2rem;color:#e8fff0}.markdown-body h4{font-size:1.08rem}.markdown-body p{margin-bottom:1.5rem;word-break:break-word}.markdown-body ol,.markdown-body ul{padding-left:1.5rem;margin-bottom:1.5rem}.markdown-body ol li,.markdown-body ul li{margin-bottom:.5rem}.markdown-body ol li::marker,.markdown-body ul li::marker{color:#39ff14}.markdown-body blockquote{margin:1.75rem 0;padding:.85rem 1.35rem;background:#39ff140d;border-left:3px solid #39ff14;border-radius:0 8px 8px 0;color:#f2f6fa;font-style:normal}.markdown-body blockquote p{margin-bottom:0}.markdown-body pre{background:#04080cd9!important;border:1px solid rgba(57,255,20,.18);border-radius:10px;padding:1.25rem;overflow-x:auto;margin-bottom:1.5rem;font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:.88rem;box-shadow:inset 0 0 0 1px #ffffff05}.markdown-body pre code{background:transparent!important;padding:0!important;border-radius:0!important;color:#d7ffe0!important;font-size:inherit}.markdown-body code{background:#39ff1414;color:#7dff9a;padding:.18rem .4rem;border-radius:.3rem;font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:.875em;border:1px solid rgba(57,255,20,.15)}.markdown-body a{color:#00c8ff;text-decoration:none;border-bottom:1px dashed rgba(0,200,255,.45);transition:all .2s ease}.markdown-body a:hover{color:#7de8ff;border-bottom-style:solid;border-bottom-color:#00c8ffcc}.markdown-body img{max-width:100%;border-radius:10px;border:1px solid rgba(57,255,20,.18);margin:1.75rem 0}.markdown-body hr{border:none;height:1px;background:#39ff142e;margin:2.25rem 0}.markdown-body table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.95rem}.markdown-body table td,.markdown-body table th{border:1px solid rgba(57,255,20,.15);padding:.65rem .75rem}.markdown-body table th{background:#39ff1414;color:#f2f6fa;font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:.82rem;letter-spacing:.04em}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;background:#0a0e12eb;border:1px dashed rgba(57,255,20,.22);border-radius:14px;max-width:600px;margin:3rem auto;gap:1.25rem}.error-container .system-label{font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:.75rem;letter-spacing:.14em;color:#39ff14}.error-container p{color:#c5d0dc;font-size:1.05rem}.tag-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.1rem;border-radius:8px;text-decoration:none;font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:.8rem;font-weight:600;letter-spacing:.06em;border:1px solid rgba(57,255,20,.35);background:#39ff141a;color:#39ff14;transition:all .2s ease}.tag-btn.active:hover,.tag-btn:hover{background:#39ff142e;border-color:#39ff1499;box-shadow:0 0 20px #39ff1433}
