@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:dark;--bg: #0b0d10;--bg-elev: #12151b;--text: #e6eaf0;--muted: #9aa4b2;--accent: #7cc0ff;--border: #1f2632;--code-bg: #0f1218;--max-width: 980px;--content-width: 760px;font-family:IBM Plex Sans,sans-serif;line-height:1.7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 20% -10%,#182033 0%,transparent 55%),radial-gradient(900px 600px at 100% 0%,#121823 0%,transparent 60%),var(--bg);color:var(--text)}a{color:var(--text);text-decoration:none}a:hover{color:var(--accent)}main{padding:48px 20px 80px}.container{max-width:var(--max-width);margin:0 auto}.content{max-width:var(--content-width)}.site-header{display:flex;justify-content:space-between;align-items:center;padding:28px 20px;border-bottom:1px solid var(--border);background:#0b0d1099;backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.site-header .container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-weight:700;letter-spacing:.5px}.site-header .logo{font-size:20px}.nav{display:flex;gap:16px;font-size:15px;color:var(--muted)}.hero{display:grid;gap:16px;margin:40px 0 32px}.hero-title{font-size:clamp(26px,3.6vw,48px);font-weight:700;line-height:1.25;margin:0 0 16px;max-width:65ch}.hero-subtitle{color:color-mix(in srgb,var(--muted) 85%,#ffffff 15%);font-size:18px;margin:0;max-width:650px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:28px 0 48px}.card{padding:16px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,#7cc0ff0d,#12151bf2);box-shadow:inset 0 1px #ffffff0a}.card h3{margin:0 0 8px;font-size:16px}.card p{margin:0;color:var(--muted);font-size:14px}.card:hover{border-color:#7cc0ff59}.section-title{margin:0 0 16px;font-size:18px;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.post-list{display:grid;gap:16px}.post-item{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elev)}.post-item.featured{border-color:#7cc0ff80;box-shadow:0 0 0 1px #7cc0ff33;background:linear-gradient(180deg,#7cc0ff0f,#12151bf2)}.post-item.featured h3{font-size:20px}.post-item h3{margin:0 0 6px;font-size:19px}.post-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted)}.post-item p{margin:10px 0 0;font-size:14px;color:var(--muted);line-height:1.6}.section-action{margin-top:18px;display:flex;justify-content:flex-end}.section-link{display:inline-block;padding:9px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;color:var(--muted);background:#12151bcc}.section-link:hover{color:var(--accent);border-color:#7cc0ff66}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:48px}.post-layout h1{font-size:clamp(28px,4vw,40px);margin:0 0 12px;line-height:1.15}.post-layout h2{margin-top:40px;font-size:24px}.post-layout h3{margin-top:28px;font-size:20px}.toc{position:sticky;top:88px;align-self:start;border-left:1px solid var(--border);padding-left:16px;font-size:14px;color:var(--muted)}.toc ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.toc li{margin:0}.toc a{color:var(--muted)}.toc a:hover{color:var(--accent)}article{font-size:19px;line-height:1.9}article p{margin:18px 0}article ul,article ol{margin:16px 0 20px 20px;padding:0}article li{margin:8px 0}article h2{margin-top:44px}article h3{margin-top:32px}article code{font-family:IBM Plex Mono,monospace;font-size:.92em;background:var(--code-bg);padding:2px 6px;border-radius:6px}article pre{background:var(--code-bg);padding:16px;border-radius:12px;overflow-x:auto}article pre code{background:none;padding:0}.post-layout article a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.post-layout article a:hover{color:#a7d6ff}footer{border-top:1px solid var(--border);padding:32px 20px 48px;color:var(--muted);font-size:13px}.site-footer .container{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-brand{display:grid;gap:6px}.footer-note{color:var(--muted);font-size:13px}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--accent)}@media(max-width:900px){.post-layout{grid-template-columns:1fr}.toc{position:static;border-left:none;padding-left:0;margin-top:24px}.site-footer .container{flex-direction:column;align-items:flex-start}}