@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,700;1,400&family=Syne:wght@400;600;700;800&display=swap");:root{--bg: #0a0c0f;--bg-panel: #0f1117;--bg-card: #13161d;--bg-hover: #1a1e28;--border: #1e2330;--border-bright:#2a3040;--text: #c8d0e0;--text-dim: #5a6480;--text-muted: #3a4055;--green: #4ade80;--green-dim: #1a4a2e;--cyan: #22d3ee;--cyan-dim: #0a3040;--amber: #fbbf24;--amber-dim: #3a2a08;--red: #f87171;--purple: #a78bfa;--accent: var(--cyan);--accent-dim: var(--cyan-dim);--font-mono: 'JetBrains Mono', 'Fira Code', monospace;--font-display: 'Syne', sans-serif;--font-body: 'JetBrains Mono', monospace;--radius: 4px;--radius-lg: 8px;--sidebar-w: 260px;--header-h: 56px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-color:var(--border-bright) var(--bg);scrollbar-width:thin}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.03) 2px, rgba(0,0,0,0.03) 4px);pointer-events:none;z-index:1000}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:#e8edf5}h1{font-size:2rem;margin-bottom:1rem}h2{font-size:1.4rem;margin:2rem 0 0.75rem;padding-bottom:0.4rem;border-bottom:1px solid var(--border)}h3{font-size:1.1rem;margin:1.5rem 0 0.5rem;color:var(--cyan)}h4{font-size:0.95rem;margin:1.2rem 0 0.4rem;color:var(--text)}p{margin-bottom:1rem}a{color:var(--cyan);text-decoration:none;transition:color 0.15s, opacity 0.15s}a:hover{color:#fff}strong{color:#e8edf5;font-weight:600}em{color:var(--amber);font-style:italic}ul,ol{padding-left:1.5rem;margin-bottom:1rem}li{margin-bottom:0.25rem}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}code{font-family:var(--font-mono);font-size:0.85em;background:var(--bg-card);color:var(--green);padding:0.15em 0.4em;border-radius:var(--radius);border:1px solid var(--border)}pre{background:var(--bg-panel) !important;border:1px solid var(--border);border-left:3px solid var(--cyan);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;overflow-x:auto;margin:1.25rem 0;position:relative}pre code{background:none;border:none;padding:0;font-size:0.88rem;color:var(--text);line-height:1.6}.highlight .k{color:var(--purple)}.highlight .s{color:var(--green)}.highlight .s1{color:var(--green)}.highlight .s2{color:var(--green)}.highlight .c{color:var(--text-dim);font-style:italic}.highlight .c1{color:var(--text-dim);font-style:italic}.highlight .n{color:var(--text)}.highlight .o{color:var(--cyan)}.highlight .na{color:var(--amber)}.highlight .nb{color:var(--cyan)}.highlight .nf{color:var(--amber)}.highlight .m{color:#f9a8d4}.highlight .mi{color:#f9a8d4}.highlight table{border:none;width:100%}.highlight .gutter{color:var(--text-muted);border-right:1px solid var(--border);padding-right:1rem;user-select:none;width:1%;white-space:nowrap}.highlight .code{padding-left:1rem}blockquote{border-left:3px solid var(--amber);background:var(--bg-card);padding:0.75rem 1.25rem;margin:1.25rem 0;border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--text-dim)}blockquote p:last-child{margin-bottom:0}table{width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:0.88rem}th{background:var(--bg-card);color:var(--cyan);font-weight:600;text-align:left;padding:0.6rem 1rem;border:1px solid var(--border);font-family:var(--font-display);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.05em}td{padding:0.6rem 1rem;border:1px solid var(--border)}tr:hover td{background:var(--bg-hover)}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.site-header{height:var(--header-h);background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1.5rem;position:sticky;top:0;z-index:100;gap:1.5rem}.site-header .logo{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:#fff;letter-spacing:-0.02em;white-space:nowrap;display:flex;align-items:center;gap:0.5rem}.site-header .logo .tld{color:var(--cyan)}.site-header .logo::before{content:'★';color:var(--cyan);font-size:0.9rem;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%, 100%{opacity:1}50%{opacity:0.4}}.header-nav{display:flex;align-items:center;gap:0.25rem;flex:1;overflow-x:auto}.header-nav a{color:var(--text-dim);font-size:0.8rem;padding:0.3rem 0.75rem;border-radius:var(--radius);border:1px solid transparent;transition:all 0.15s;white-space:nowrap;font-family:var(--font-mono)}.header-nav a:hover,.header-nav a.active{color:var(--cyan);border-color:var(--border);background:var(--bg-hover)}.header-search{margin-left:auto;position:relative}.header-search input{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:0.78rem;padding:0.3rem 0.75rem 0.3rem 2rem;border-radius:var(--radius);width:180px;transition:all 0.2s}.header-search input:focus{outline:none;border-color:var(--cyan);width:220px}.header-search .search-icon{position:absolute;left:0.6rem;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:0.7rem}.content-area{display:flex;flex:1}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg-panel);border-right:1px solid var(--border);padding:1.5rem 0;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar-section{margin-bottom:0.5rem}.sidebar-section-title{font-family:var(--font-display);font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-muted);padding:0.5rem 1.25rem;margin-top:0.75rem}.sidebar-section-title:first-child{margin-top:0}.sidebar a{display:flex;align-items:center;gap:0.6rem;color:var(--text-dim);font-size:0.82rem;padding:0.35rem 1.25rem;transition:all 0.12s;border-left:2px solid transparent}.sidebar a:hover{color:var(--text);background:var(--bg-hover);border-left-color:var(--border-bright)}.sidebar a.active{color:var(--cyan);background:var(--cyan-dim);border-left-color:var(--cyan)}.sidebar a .icon{font-size:0.8rem;width:16px;text-align:center;opacity:0.7}.page-content{flex:1;max-width:860px;padding:2.5rem 3rem;min-width:0}.page-content.full-width{max-width:100%}.breadcrumb{display:flex;align-items:center;gap:0.4rem;font-size:0.75rem;color:var(--text-muted);margin-bottom:1.5rem;font-family:var(--font-mono)}.breadcrumb a{color:var(--text-dim)}.breadcrumb a:hover{color:var(--cyan)}.breadcrumb .sep{color:var(--text-muted)}.breadcrumb .current{color:var(--text)}.page-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.page-header .category-tag{display:inline-block;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;padding:0.2rem 0.6rem;border-radius:var(--radius);background:var(--cyan-dim);color:var(--cyan);border:1px solid var(--cyan);margin-bottom:0.75rem}.page-header h1{font-size:1.9rem;margin-bottom:0.5rem}.page-meta{display:flex;align-items:center;gap:1rem;font-size:0.75rem;color:var(--text-muted)}.page-meta .meta-item{display:flex;align-items:center;gap:0.35rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:1rem;margin:1.5rem 0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;transition:all 0.2s;display:flex;flex-direction:column;gap:0.5rem;position:relative;overflow:hidden}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, var(--cyan), transparent);opacity:0;transition:opacity 0.2s}.card:hover{border-color:var(--border-bright);background:var(--bg-hover);transform:translateY(-2px)}.card:hover::before{opacity:1}.card-icon{font-size:1.4rem;margin-bottom:0.25rem}.card-title{font-family:var(--font-display);font-size:0.95rem;font-weight:700;color:#e8edf5}.card-desc{font-size:0.78rem;color:var(--text-dim);line-height:1.5}.card-count{margin-top:auto;font-size:0.72rem;color:var(--text-muted)}.post-list{display:flex;flex-direction:column;gap:0}.post-item{display:flex;align-items:flex-start;gap:1.25rem;padding:1.25rem 0;border-bottom:1px solid var(--border);transition:all 0.15s}.post-item:hover .post-title{color:var(--cyan)}.post-date{font-size:0.72rem;color:var(--text-muted);min-width:80px;padding-top:0.2rem;font-family:var(--font-mono)}.post-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:#e0e6f0;margin-bottom:0.3rem;transition:color 0.15s}.post-excerpt{font-size:0.8rem;color:var(--text-dim);line-height:1.5}.post-tags{display:flex;gap:0.4rem;margin-top:0.5rem;flex-wrap:wrap}.tag{font-size:0.68rem;padding:0.15rem 0.5rem;border-radius:2px;border:1px solid var(--border-bright);color:var(--text-dim)}.tag.proxmox{border-color:#4ade80;color:#4ade80;background:rgba(74,222,128,0.06)}.tag.network{border-color:var(--cyan);color:var(--cyan);background:rgba(34,211,238,0.06)}.tag.k8s{border-color:var(--purple);color:var(--purple);background:rgba(167,139,250,0.06)}.tag.windows{border-color:var(--amber);color:var(--amber);background:rgba(251,191,36,0.06)}.tag.linux{border-color:var(--red);color:var(--red);background:rgba(248,113,113,0.06)}.toc-box{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--cyan);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin:1.5rem 0;font-size:0.82rem}.toc-box .toc-title{font-family:var(--font-display);font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--cyan);margin-bottom:0.75rem}.toc-box ol,.toc-box ul{margin:0;padding-left:1.25rem}.toc-box li{margin-bottom:0.2rem}.toc-box a{color:var(--text-dim)}.toc-box a:hover{color:var(--cyan)}.callout{border-radius:var(--radius-lg);padding:1rem 1.25rem;margin:1.25rem 0;border:1px solid;font-size:0.88rem}.callout p:last-child{margin-bottom:0}.callout-title{font-family:var(--font-display);font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.4rem}.callout.note{background:rgba(34,211,238,0.05);border-color:rgba(34,211,238,0.3)}.callout.note .callout-title{color:var(--cyan)}.callout.warn{background:rgba(251,191,36,0.05);border-color:rgba(251,191,36,0.3)}.callout.warn .callout-title{color:var(--amber)}.callout.danger{background:rgba(248,113,113,0.05);border-color:rgba(248,113,113,0.3)}.callout.danger .callout-title{color:var(--red)}.callout.tip{background:rgba(74,222,128,0.05);border-color:rgba(74,222,128,0.3)}.callout.tip .callout-title{color:var(--green)}.status{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.72rem;font-weight:600;padding:0.2rem 0.6rem;border-radius:2px;text-transform:uppercase;letter-spacing:0.06em}.status::before{content:'●';font-size:0.5rem}.status.done{color:var(--green);background:rgba(74,222,128,0.1);border:1px solid rgba(74,222,128,0.3)}.status.wip{color:var(--amber);background:rgba(251,191,36,0.1);border:1px solid rgba(251,191,36,0.3)}.status.planned{color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border)}.hero{padding:3rem 0 2rem;border-bottom:1px solid var(--border);margin-bottom:2.5rem}.hero-eyebrow{font-size:0.72rem;color:var(--cyan);text-transform:uppercase;letter-spacing:0.15em;margin-bottom:0.75rem;font-family:var(--font-mono)}.hero-eyebrow::before{content:'// ';color:var(--text-muted)}.hero h1{font-size:2.8rem;font-weight:800;letter-spacing:-0.03em;margin-bottom:1rem;line-height:1.1}.hero h1 .highlight{color:var(--cyan);position:relative}.hero-desc{font-size:0.95rem;color:var(--text-dim);max-width:520px;line-height:1.7;margin-bottom:1.75rem}.hero-actions{display:flex;gap:0.75rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.55rem 1.25rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:0.82rem;font-weight:500;border:1px solid;transition:all 0.15s;cursor:pointer}.btn-primary{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}.btn-primary:hover{background:#67e8f9;color:var(--bg)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border-bright)}.btn-secondary:hover{border-color:var(--cyan);color:var(--cyan)}.terminal-prompt{font-family:var(--font-mono);font-size:0.78rem;color:var(--text-dim);margin-bottom:1.5rem;display:flex;gap:0.5rem}.terminal-prompt .prompt-user{color:var(--green)}.terminal-prompt .prompt-host{color:var(--cyan)}.terminal-prompt .prompt-path{color:var(--purple)}.terminal-prompt .prompt-sym{color:var(--text-dim)}.site-footer{background:var(--bg-panel);border-top:1px solid var(--border);padding:1.5rem 3rem;display:flex;align-items:center;justify-content:space-between;font-size:0.75rem;color:var(--text-muted)}.site-footer a{color:var(--text-dim)}.site-footer a:hover{color:var(--cyan)}@media (max-width: 900px){.sidebar{display:none}.page-content{padding:1.5rem}.hero h1{font-size:2rem}}@media (max-width: 600px){.header-nav{display:none}.page-content{padding:1rem}.site-footer{flex-direction:column;gap:0.5rem;text-align:center}}