:root{--bg: #0b0f19;--surface: #111827;--border: #1f2937;--text: #e5e7eb;--muted: #9ca3af;--accent: #38bdf8;--accent-strong: #0ea5e9;--radius-card: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 12% 0%,#141f35 0%,var(--bg) 42%);color:var(--text);line-height:1.6}code,pre,kbd,samp{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.container{width:min(980px,92vw);margin:0 auto}.site-header{border-bottom:1px solid var(--border);background:#0b0f19e6;backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:.95rem 0}.brand{font-weight:700;color:var(--text);text-decoration:none;letter-spacing:.02em}nav{display:flex;align-items:center;gap:1rem}a{color:var(--accent)}a:hover{color:#7dd3fc}nav a{text-decoration:none}.language-switcher{color:var(--muted);text-decoration:none}.language-switcher [aria-current=true]{color:var(--text);font-weight:700;text-decoration:underline}main{padding:2.4rem 0 3.2rem;min-height:calc(100vh - 140px)}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:clamp(2rem,4.8vw,3rem)}h2{font-size:clamp(1.5rem,3.3vw,2rem);margin-bottom:.9rem}p{color:var(--muted)}.hero{margin-bottom:2.25rem}.home-top-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;align-items:stretch;margin-bottom:1.5rem}.hero-compact{margin:0;border:1px solid var(--border);border-radius:20px;padding:clamp(1.2rem,2.5vw,1.8rem);background:linear-gradient(165deg,#020617d9,#0f172af2)}.hero-bg{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:24px;padding:clamp(2rem,6vw,3.2rem);background:linear-gradient(165deg,#030712e6,#0b0f19cc 55%,#020617f2),url(/bg-tech.jpg);background-size:cover;background-position:center}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b0f1940,#0b0f19d9)}.hero-content{position:relative;z-index:1}.hero-subtitle{margin:.8rem 0 0;max-width:56ch;color:#d1d5db}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.3rem}.latest-tips-panel{border:1px solid var(--border);border-radius:var(--radius-card);background:linear-gradient(180deg,#111827,#0f172a);padding:1rem}.latest-tips-panel h2{font-size:1.1rem;margin-bottom:.7rem}.tips-compact-list{list-style:none;margin:0;padding:0}.tips-compact-list li{display:flex;flex-direction:column;gap:.15rem;padding:.55rem 0;border-bottom:1px solid var(--border)}.tips-compact-list li:last-child{border-bottom:0}.tips-compact-list a{text-decoration:none;color:#dbeafe}.tips-compact-list small{color:var(--muted)}.button{display:inline-block;border-radius:10px;border:1px solid var(--accent-strong);background:var(--accent-strong);color:#f8fafc;text-decoration:none;font-weight:600;padding:.6rem 1rem;transition:transform .12s ease,box-shadow .12s ease}.button:hover{color:#f8fafc;transform:translateY(-1px);box-shadow:0 10px 20px #0ea5e929}.button-secondary{background:transparent;border-color:#334155;color:#d1d5db}.section-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{display:block;text-decoration:none;background:linear-gradient(180deg,#111827,#101624);border:1px solid var(--border);border-radius:var(--radius-card);padding:1rem;color:inherit;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.card:hover{transform:translateY(-3px);border-color:#334155;box-shadow:0 14px 30px #02061747}.post-card{min-height:210px}.tip-card{min-height:150px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.7rem;color:var(--muted);font-size:.82rem}.card-badges{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.card-meta-right{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.badge{display:inline-flex;align-items:center;border:1px solid #374151;border-radius:999px;padding:.12rem .5rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.badge-tip{border-color:#3b82f6;color:#93c5fd;background:#1e40af26}.badge-ai{border-color:#16a34a;color:#bbf7d0;background:#16a34a29;text-transform:none;letter-spacing:normal;font-weight:600}.card h3{margin:0;font-size:1.08rem;color:var(--text)}.card p{margin:.7rem 0 0}.page-header{margin-bottom:1.2rem}.latest-block{margin-top:2.1rem}.posts-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{border-top:1px solid var(--border);background:#0206178c}.footer-content{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;align-items:center;justify-content:space-between;padding:1rem 0}.footer-content p{margin:0}.blog-filters{display:grid;gap:.75rem;margin:1rem 0 .75rem}.blog-search{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:10px;background:#0f172a;color:var(--text)}.tag-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.tag-chip{display:inline-flex;align-items:center;padding:.3rem .65rem;border:1px solid var(--border);border-radius:999px;background:#0f172a;color:var(--text);cursor:pointer;text-decoration:none}.tag-chip.is-active{border-color:var(--accent);color:var(--accent);font-weight:600}.page-tag-row{margin-top:.75rem;margin-bottom:.4rem}.filter-clear-link{color:var(--muted);text-decoration:underline;font-size:.88rem;align-self:center}.filter-meta{margin:.25rem 0 .8rem;font-size:.9rem}.blog-post-list{list-style:none;margin:0;padding:0}.blog-post-list li{padding:.8rem 0;border-bottom:1px solid var(--border)}.post-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.post-tag{display:inline-block;font-size:.75rem;padding:.1rem .45rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);text-decoration:none}.prose{max-width:75ch}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:2rem;align-items:start}.article-main{min-width:0}.toc-sidebar{position:sticky;top:5.4rem}.toc-nav{border:1px solid var(--border);border-radius:12px;background:#0b1322;padding:.8rem}.toc-title{color:#cbd5e1;font-size:.86rem;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .55rem}.toc-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:.42rem}.toc-item a{color:var(--muted);text-decoration:none;font-size:.9rem}.toc-item a:hover{color:#dbeafe}.toc-item.depth-2{padding-left:.6rem}.toc-item.depth-3{padding-left:1.2rem}.ai-assisted-note{display:inline-block;margin:0 0 .65rem;padding:.22rem .55rem;border:1px solid #14532d;border-radius:999px;background:#16a34a1a;color:#bbf7d0;font-size:.82rem}.prose h2,.prose h3,.prose h4{margin-top:1.25rem}.prose p,.prose li{color:#d1d5db}.prose pre{overflow:auto;border:1px solid var(--border);border-radius:12px;padding:.9rem;background:#020617}.prose :not(pre)>code{padding:.1rem .35rem;border:1px solid var(--border);border-radius:6px;background:#0f172a}@media(max-width:720px){.site-header .container{flex-direction:column;align-items:flex-start;gap:.65rem}nav{flex-wrap:wrap}.section-grid,.home-top-grid,.posts-grid{grid-template-columns:1fr}.card-meta{flex-wrap:wrap}}@media(min-width:721px)and (max-width:980px){.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.home-top-grid,.article-layout{grid-template-columns:1fr}.toc-sidebar{display:none}}