*{margin:0;padding:0;box-sizing:border-box}:root{--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--bg-main:#fafbff;--bg-card:#ffffff;--text-primary:#2d3748;--text-secondary:#4a5568;--text-light:#718096;--border:#e2e8f0;--shadow:0 4px 6px rgba(0, 0, 0, 0.05);--shadow-hover:0 8px 25px rgba(0, 0, 0, 0.1)}body{font-family:inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-main);color:var(--text-primary);line-height:1.6}.header{background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,4%);position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px)}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;gap:2rem}.logo{color:var(--text-primary);font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:all .3s ease}.logo::before{content:"⚡";font-size:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(102,126,234,.2))}.logo:hover{transform:translateY(-1px)}.main-nav{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.875rem;border-radius:8px;transition:all .3s ease;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,8%)}.nav-link.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.nav-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);min-width:220px;opacity:0;visibility:hidden;transform:translateX(-50%)translateY(-8px);transition:all .3s ease;z-index:1000;margin-top:.5rem;border:1px solid var(--border)}.nav-item:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateX(-50%)translateY(0)}.dropdown-link{display:block;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:all .3s ease;border-radius:8px;margin:.25rem}.dropdown-link:hover{color:var(--text-primary);background:#f8fafc;transform:translateX(4px)}.header-actions{display:flex;align-items:center;gap:1rem}.search-container{position:relative}.search-input{background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:.5rem 1rem;color:var(--text-primary);width:240px;font-size:.875rem;transition:all .3s ease}.search-input::placeholder{color:var(--text-light)}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);width:280px}.search-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text-light);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.search-button:hover{color:#667eea;background:rgba(102,126,234,.1)}.theme-toggle,.mobile-menu-toggle{background:0 0;border:none;color:var(--text-light);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover,.mobile-menu-toggle:hover{color:var(--text-primary);background:rgba(102,126,234,.1)}.theme-toggle svg,.mobile-menu-toggle svg,.search-button svg{transition:all .2s ease}.theme-toggle:hover svg,.mobile-menu-toggle:hover svg,.search-button:hover svg{transform:scale(1.1)}.search-page{max-width:800px;margin:0 auto}.search-header{text-align:center;margin-bottom:3rem}.search-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.search-form{display:flex;gap:1rem;max-width:600px;margin:0 auto}.search-page-input{flex:1;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:1rem 1.5rem;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.search-page-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.search-page-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:12px;padding:1rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.search-page-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.3)}.search-results{margin-top:2rem}.search-info{background:var(--bg-card);border-radius:12px;padding:1.5rem;margin-bottom:2rem;border-left:4px solid #667eea}.search-loading,.search-error{text-align:center;padding:3rem;color:var(--text-light);font-size:1.1rem}.search-error{color:#ef4444}.search-list{display:flex;flex-direction:column;gap:1.5rem}.search-result{background:var(--bg-card);border-radius:12px;padding:1.5rem;border:1px solid var(--border);transition:all .3s ease}.search-result:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:#667eea}.result-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.result-title a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.result-title a:hover{color:#667eea}.result-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.875rem}.result-category{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.result-date{color:var(--text-light)}.result-summary{color:var(--text-secondary);line-height:1.6;margin:0}.result-summary mark{background:rgba(102,126,234,.2);color:#667eea;padding:.1rem .2rem;border-radius:3px}.no-results{text-align:center;padding:3rem}.no-results-content h3{color:var(--text-primary);margin-bottom:1rem}.category-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.5rem}.category-suggestion{background:var(--bg-card);color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;text-decoration:none;border:1px solid var(--border);transition:all .2s ease;font-size:.875rem}.category-suggestion:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.articles-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.article-card{background:var(--bg-card);border-radius:12px;padding:1.5rem;border:1px solid var(--border);transition:all .3s ease}.article-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:#667eea}.article-header{margin-bottom:1rem}.article-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.article-title a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.article-title a:hover{color:#667eea}.article-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-light)}.article-tags{display:flex;gap:.5rem}.tag{background:rgba(102,126,234,.1);color:#667eea;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.article-summary{margin-bottom:1rem}.article-summary p{color:var(--text-secondary);line-height:1.6;margin:0}.article-footer{display:flex;justify-content:flex-end}.read-more{color:#667eea;text-decoration:none;font-weight:500;transition:all .2s ease}.read-more:hover{color:#764ba2;transform:translateX(4px)}.empty-state{text-align:center;padding:4rem 2rem;margin-top:2rem}.empty-content h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.empty-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.updates-section{margin:3rem 0}.updates-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.update-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);margin-bottom:1rem;transition:all .3s ease}.update-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:#667eea}.update-date{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.875rem;font-weight:600;white-space:nowrap;min-width:60px;text-align:center}.update-content{flex:1}.update-title{margin-bottom:.5rem}.update-title a{color:var(--text-primary);text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .2s ease}.update-title a:hover{color:#667eea}.update-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.update-category{background:rgba(102,126,234,.1);color:#667eea;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.empty-updates{text-align:center;padding:2rem;color:var(--text-light);font-style:italic}.bg{color:#abb2bf;background-color:#282c34}.chroma{color:#abb2bf;background-color:#282c34;border-radius:8px}.chroma .x{color:inherit}.chroma .err{color:#e06c75}.chroma .cl{display:block}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:100%}.chroma .hl{background-color:#ffc}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#55595f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#55595f}.chroma .line{display:flex}.chroma .k{color:#c678dd;font-weight:700}.chroma .kc{color:#e5c07b}.chroma .kd{color:#c678dd;font-weight:700}.chroma .kn{color:#c678dd}.chroma .kp{color:#c678dd}.chroma .kr{color:#c678dd}.chroma .kt{color:#e5c07b}.chroma .n{color:#e06c75}.chroma .na{color:#e06c75}.chroma .nb{color:#e5c07b}.chroma .bp{color:#e06c75}.chroma .nc{color:#e5c07b;font-weight:700}.chroma .no{color:#e06c75;font-weight:700}.chroma .nd{color:#61afef;font-weight:700}.chroma .ni{color:#e06c75}.chroma .ne{color:#e06c75;font-weight:700}.chroma .nf{color:#61afef;font-weight:700}.chroma .fm{color:#56b6c2;font-weight:700}.chroma .nl{color:#e06c75;font-weight:700}.chroma .nn{color:#e06c75}.chroma .nx{color:#e06c75}.chroma .py{color:#e06c75}.chroma .nt{color:#e06c75}.chroma .nv{color:#e06c75}.chroma .vc{color:#e06c75}.chroma .vg{color:#e06c75}.chroma .vi{color:#e06c75}.chroma .vm{color:#e06c75}.chroma .l{color:#d19a66}.chroma .ld{color:#98c379}.chroma .s{color:#98c379}.chroma .sa{color:#98c379}.chroma .sb{color:#98c379}.chroma .sc{color:#98c379}.chroma .dl{color:#98c379}.chroma .sd{color:#98c379}.chroma .s2{color:#98c379}.chroma .se{color:#98c379}.chroma .s1{color:#98c379}.chroma .sh{color:#98c379}.chroma .si{color:#98c379}.chroma .sx{color:#98c379}.chroma .sr{color:#98c379}.chroma .ss{color:#98c379}.chroma .m{color:#d19a66}.chroma .mb{color:#d19a66}.chroma .mf{color:#d19a66}.chroma .mh{color:#d19a66}.chroma .mi{color:#d19a66}.chroma .il{color:#d19a66}.chroma .mo{color:#d19a66}.chroma .o{color:#56b6c2;font-weight:700}.chroma .ow{color:#56b6c2;font-weight:700}.chroma .p{color:#abb2bf}.chroma .c{color:#5c6370;font-style:italic}.chroma .ch{color:#5c6370;font-style:italic}.chroma .cm{color:#5c6370;font-style:italic}.chroma .c1{color:#5c6370;font-style:italic}.chroma .cs{color:#5c6370;font-weight:700;font-style:italic}.chroma .cp{color:#5c6370;font-weight:700}.chroma .cpf{color:#5c6370;font-weight:700}.chroma .g{color:inherit}.chroma .gd{color:#e06c75;background-color:#3c1f1e}.chroma .ge{font-style:italic}.chroma .gr{color:#e06c75}.chroma .gh{color:#61afef;font-weight:700}.chroma .gi{color:#98c379;background-color:#2c3e2d}.chroma .go{color:#5c6370}.chroma .gp{color:#5c6370}.chroma .gs{font-weight:700}.chroma .gu{color:#98c379;font-weight:700}.chroma .gt{color:#e06c75}.chroma .gl{text-decoration:underline}.code-container .chroma{background:0 0;color:inherit;margin:0;border-radius:0}.code-container .chroma pre{margin:0;padding:1.5rem 1.5rem 1.5rem 2rem;background:#282c34;overflow-x:auto;border-radius:0 0 8px 8px}.code-container .chroma code{background:0 0;color:inherit;padding:0;font-family:fira code,sf mono,Monaco,monospace;font-size:.875rem;line-height:1.6}.code-lang{position:relative}.code-container[data-lang=python] .code-lang::before{content:"🐍";margin-right:.5rem}.code-container[data-lang=javascript] .code-lang::before,.code-container[data-lang=js] .code-lang::before{content:"🟨";margin-right:.5rem}.code-container[data-lang=bash] .code-lang::before,.code-container[data-lang=shell] .code-lang::before{content:"💻";margin-right:.5rem}.code-container[data-lang=yaml] .code-lang::before,.code-container[data-lang=yml] .code-lang::before{content:"📄";margin-right:.5rem}.code-container[data-lang=docker] .code-lang::before,.code-container[data-lang=dockerfile] .code-lang::before{content:"🐳";margin-right:.5rem}.code-container[data-lang=sql] .code-lang::before{content:"🗄️";margin-right:.5rem}.code-container[data-lang=go] .code-lang::before{content:"🐹";margin-right:.5rem}.code-container[data-lang=rust] .code-lang::before{content:"🦀";margin-right:.5rem}.code-container[data-lang=php] .code-lang::before{content:"🐘";margin-right:.5rem}.container{max-width:1200px;margin:0 auto;padding:2rem}.main-content{background:var(--bg-card);border-radius:12px;padding:2.5rem;box-shadow:var(--shadow);min-height:60vh}.hero{background:var(--bg-card);padding:3rem 2rem;text-align:center;border-bottom:1px solid var(--border)}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-section{text-align:center;margin-bottom:4rem}.intro-title{font-size:1.75rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.intro-text{color:var(--text-secondary);font-size:1rem;line-height:1.7;max-width:600px;margin:0 auto}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.category-card{background:var(--bg-card);border-radius:12px;padding:1.5rem;border:1px solid var(--border);transition:all .3s ease;text-decoration:none;color:inherit;position:relative;overflow:hidden}.category-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.category-card:hover::before{transform:scaleX(1)}.category-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.category-icon{font-size:1.5rem;font-family:apple color emoji,segoe ui emoji,noto color emoji,sans-serif;color:unset!important;background:unset!important;background-image:unset!important;background-clip:unset!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;text-shadow:unset!important;filter:unset!important}.category-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:var(--text-primary)}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toc{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px;border:1px solid var(--border);padding:1.5rem;margin:2rem 0;position:sticky;top:80px;z-index:100;max-height:calc(100vh - 120px);overflow-y:auto;box-shadow:var(--shadow)}.toc-header{padding:0 0 1rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.toc h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.toc h3::before{content:"📋";font-size:1rem}.toc-content{display:flex;flex-direction:column;gap:.25rem}.toc a{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:all .3s ease;position:relative;border-radius:6px}.toc a:hover{color:var(--text-primary);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);transform:translateX(6px)}.code-container{position:relative;margin:2rem 0;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.code-header{background:linear-gradient(135deg,#2d3748 0%,#4a5568 100%);color:#fff;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;display:flex;align-items:center;justify-content:space-between}.code-title{display:flex;align-items:center;gap:.5rem}.code-title::before{content:"⚡";font-size:1rem}.code-block{background:#282c34;color:#abb2bf;padding:0;overflow-x:auto;font-family:fira code,sf mono,Monaco,monospace;font-size:.875rem;line-height:1.6;border-radius:0 0 8px 8px}.code-block pre{margin:0;padding:1rem 1rem 1rem 1.5rem;background:0 0;color:inherit}.code-block code{background:0 0;color:inherit;padding:0;font-size:inherit}.alert{padding:1.5rem 2rem;border-radius:12px;margin:2rem 0;position:relative;overflow:hidden}.alert::before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.alert.info{background:linear-gradient(135deg,#ebf8ff 0%,#bee3f8 100%);color:#2a69ac;border:1px solid #90cdf4}.alert.info::before{background:var(--gradient-accent)}.alert.warning{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);color:#92400e;border:1px solid #fbbf24}.alert.warning::before{background:var(--gradient-secondary)}.alert.success{background:linear-gradient(135deg,#f0fff4 0%,#c6f6d5 100%);color:#276749;border:1px solid #68d391}.alert.success::before{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%)}.site-footer{background:var(--gradient-primary);color:#fff;margin-top:4rem;position:relative}.site-footer .footer-content{max-width:1200px;margin:0 auto;padding:2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.site-footer .footer-links{display:flex;align-items:center;gap:1.5rem;list-style:none}.site-footer .footer-links a{color:rgba(255,255,255,.8);text-decoration:none;font-size:.875rem;transition:color .3s ease}.site-footer .footer-links a:hover{color:#fff}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;transition:all .3s ease;font-size:.875rem;border:none;cursor:pointer;text-align:center;justify-content:center}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.4)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow)}.btn-secondary:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:var(--shadow-hover)}.cta-section{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:16px;padding:2rem;text-align:center;border:1px solid var(--border);margin-top:2rem}.cta-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.cta-text{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.updates-section{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px;border:1px solid var(--border);padding:2rem;margin-bottom:3rem}.updates-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.update-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.update-item:last-child{border-bottom:none}.update-date{background:var(--gradient-primary);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;min-width:80px;text-align:center}.update-content{flex:1}.update-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.update-title a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.update-title a:hover{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.update-description{color:var(--text-secondary);font-size:.875rem}@media(max-width:968px){.header-content{flex-wrap:wrap;gap:1rem;padding:1rem}.main-nav{display:none;width:100%;order:3}.search-input{width:200px}.container{padding:1rem}.main-content{padding:1.5rem}.categories-grid{grid-template-columns:1fr}.site-footer .footer-content{flex-direction:column;text-align:center;gap:1rem}.article-layout{flex-direction:column}.toc-sidebar{flex:none;position:static;max-height:none;order:-1;margin-bottom:2rem}.toc{position:static;top:auto;max-height:none}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}}