@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Syne:wght@400;600;700;800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #080c1e;--bg-surface: #0f1429;--bg-card: rgba(15, 20, 41, .85);--border: rgba(0, 255, 136, .2);--border-blue: rgba(0, 212, 255, .3);--green: #00ff88;--cyan: #00d4ff;--white: #f0f4f8;--muted: rgba(200, 215, 230, .55);--text: rgba(200, 215, 230, .88);--shadow-green: 0 0 30px rgba(0, 255, 136, .1);--shadow-cyan: 0 0 30px rgba(0, 212, 255, .1);--font-mono: "JetBrains Mono", "Courier New", monospace;--font-display: "Syne", sans-serif;--radius: 2px;--max-w: 1080px}html{font-size:16px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--green) var(--bg)}body{font-family:var(--font-mono);background-color:var(--bg);color:var(--text);line-height:1.75;min-height:100vh;background-image:linear-gradient(90deg,transparent 24%,rgba(0,255,136,.03) 25%,rgba(0,255,136,.03) 26%,transparent 27%,transparent 74%,rgba(0,255,136,.03) 75%,rgba(0,255,136,.03) 76%,transparent 77%),linear-gradient(rgba(0,255,136,.02) 1px,transparent 1px);background-size:60px 60px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#00ff8859;border-radius:3px}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.25rem}.site-header{position:sticky;top:0;z-index:100;background:#080c1ed1;border-bottom:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1rem}.brand{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--cyan);text-decoration:none;letter-spacing:.5px}.brand span{color:var(--green)}.site-nav{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end;align-items:center}.nav-link{font-size:.82rem;color:var(--text);text-decoration:none;letter-spacing:.4px;padding:.2rem 0;border-bottom:1px dashed rgba(0,212,255,.4);transition:color .15s,border-color .15s}.nav-link:hover,.nav-link[aria-current=page]{color:var(--cyan);border-bottom-style:solid}main{padding:2.5rem 0 4rem}.site-footer{border-top:1px solid var(--border);padding:1.8rem 0 2.4rem;margin-top:2rem}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;font-size:.82rem;color:var(--muted)}.hero{margin-bottom:3rem}.hero-card{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-green);padding:2.8rem;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),var(--cyan),transparent)}.hero-card:after{content:"";position:absolute;top:-80px;right:-80px;width:260px;height:260px;background:radial-gradient(circle,rgba(0,255,136,.04) 0%,transparent 70%);pointer-events:none}.kicker{font-size:.78rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);margin-bottom:.8rem;opacity:.8}.kicker:before{content:"> ";opacity:.5}.hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,4.5vw,3rem);color:var(--white);line-height:1.15;margin-bottom:1rem}.hero-title em{font-style:normal;color:var(--cyan)}.lede{font-size:.95rem;max-width:680px;color:var(--text);margin-bottom:1.6rem}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2rem}.btn{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;padding:.55rem 1.1rem;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.4px;border:1px solid var(--border-blue);color:var(--cyan);background:#00d4ff0d;transition:all .2s ease;border-radius:var(--radius)}.btn:hover{background:#00d4ff1f;box-shadow:0 0 20px #00d4ff33;transform:translateY(-1px)}.btn-primary{border-color:#00ff8873;color:var(--green);background:#00ff880d}.btn-primary:hover{background:#00ff881f;box-shadow:0 0 20px #0f83}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.2rem}.stat{border:1px solid var(--border);background:#0003;padding:.8rem 1rem}.stat-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:.25rem}.stat-value{display:block;color:var(--white);font-size:.9rem}.section{margin-top:2.8rem}.section-head{margin-bottom:1.2rem}.section-head h2{font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,1.55rem);color:var(--green);font-weight:700}.section-head p{margin-top:.35rem;font-size:.9rem;color:var(--muted);max-width:600px}.split{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.panel{border:1px solid var(--border);background:#00000026;padding:1.5rem}.panel h2{font-family:var(--font-display);font-size:1rem;color:var(--green);margin-bottom:.6rem;font-weight:700}.clean-list{list-style:none;padding:0}.clean-list li{padding:.35rem 0;font-size:.9rem;color:var(--text);border-bottom:1px dashed rgba(0,255,136,.1)}.clean-list li:before{content:"─ ";color:var(--green);opacity:.5}.cards-grid{display:grid;grid-template-columns:1fr;gap:1.2rem}.card{display:block;text-decoration:none;padding:1.5rem;border:1px solid var(--border);background:var(--bg-card);color:var(--text);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-2px);border-color:#0f86;box-shadow:0 8px 30px #00ff8814}.card-static{cursor:default}.card-static:hover{transform:none;box-shadow:none}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.card h3{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--white);margin-bottom:.5rem;line-height:1.3}.card p{font-size:.85rem;color:var(--muted);margin-bottom:0}.card-cta{display:inline-block;margin-top:1rem;font-size:.8rem;color:var(--cyan);letter-spacing:.5px}.badge{display:inline-flex;align-items:center;padding:3px 9px;font-size:.7rem;letter-spacing:.8px;text-transform:uppercase;border:1px solid rgba(0,255,136,.45);color:var(--green);border-radius:var(--radius)}.badge-alt{border-color:#00d4ff73;color:var(--cyan)}.muted{color:var(--muted);font-size:.85rem}.text-link{color:var(--cyan);text-decoration:none;border-bottom:1px dashed rgba(0,212,255,.5);transition:border-color .15s}.text-link:hover{border-bottom-style:solid}.page{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-green);padding:2.5rem;position:relative}.page:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent)}.page-head{margin-bottom:2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--border)}.page-head h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);color:var(--cyan);font-weight:800}.blog-post{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-green);padding:3rem;position:relative}.blog-post:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),var(--cyan),transparent)}.post-header{margin-bottom:2.5rem;padding-bottom:1.8rem;border-bottom:1px solid var(--border)}.post-header h1{font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.4rem);color:var(--cyan);font-weight:800;line-height:1.2;margin-bottom:.9rem}.post-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:.9rem}.post-meta-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--muted)}.post-meta-item .dot{width:4px;height:4px;background:var(--green);border-radius:50%;opacity:.5}.post-description{max-width:720px;font-size:.95rem;color:var(--text);margin-top:1rem}.top-nav{margin-top:1rem;font-size:.82rem}.top-nav a{color:var(--cyan);text-decoration:none;border-bottom:1px dashed rgba(0,212,255,.4)}.top-nav a:hover{border-bottom-style:solid}.post-content{max-width:820px;margin:0 auto}.post-content h2{font-family:var(--font-display);font-size:clamp(1.15rem,2.5vw,1.45rem);color:var(--green);font-weight:700;margin:2.8rem 0 1rem;padding-left:.8rem;border-left:3px solid var(--green)}.post-content h3{font-size:1rem;color:var(--cyan);margin:1.8rem 0 .6rem}.post-content p{margin-bottom:1.2rem;font-size:.95rem;line-height:1.85}.post-content ul,.post-content ol{padding-left:1.4rem;margin-bottom:1.2rem}.post-content li{margin-bottom:.45rem;font-size:.95rem}.post-content a{color:var(--cyan);text-decoration:none;border-bottom:1px dashed rgba(0,212,255,.5)}.post-content a:hover{border-bottom-style:solid}.post-content img{display:block;width:100%;max-width:100%;height:auto;margin:2rem auto;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 0 20px #00000080}.post-content code{font-family:var(--font-mono);background:#0006;padding:2px 7px;border-radius:3px;color:var(--cyan);font-size:.88em;word-break:break-word}.post-content pre{background:#00000080;border:1px solid var(--border);border-left:3px solid var(--green);padding:1.2rem 1.4rem;overflow-x:auto;margin:1.5rem 0;border-radius:var(--radius)}.post-content pre code{background:none;padding:0;color:var(--text);font-size:.88rem}.post-content strong{color:var(--white);font-weight:600}.toc{background:#00000040;border:1px solid var(--border);border-left:3px solid var(--cyan);padding:1.2rem 1.5rem;margin:1.5rem 0 2rem;list-style:none}.toc li{margin-bottom:.35rem}.toc a{color:var(--cyan);text-decoration:none;font-size:.85rem;opacity:.85;border-bottom:none}.toc a:hover{opacity:1;text-decoration:underline}@media(min-width:768px){.cards-grid{grid-template-columns:1fr 1fr 1fr}.mini-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.split,.mini-stats{grid-template-columns:1fr}.blog-post,.page,.hero-card{padding:1.6rem}.post-content h2{font-size:1.1rem}}@media(max-width:480px){html{font-size:14px}main{padding:1.6rem 0 3rem}.site-nav{gap:.6rem}}