:root{--bg: #0a0a0f;--bg-card: #13131a;--bg-elevated: #1c1c25;--text: #fafafa;--text-muted: #9ca3af;--text-faint: #6b7280;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--accent: #7c3aed;--accent-hover: #8b5cf6;--accent-soft: rgba(124, 58, 237, .15);--max-width: 720px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03";min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-hover);text-decoration:none;transition:color .18s ease}a:hover{color:var(--accent)}header.site-header{border-bottom:1px solid var(--border);padding:var(--space-4) 0;position:sticky;top:0;background:#0a0a0fd9;backdrop-filter:blur(12px);z-index:10}header.site-header nav{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-5);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:var(--space-3);color:var(--text)}.brand:hover{color:var(--text)}.brand-mark{width:28px;height:28px;background:var(--accent);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.brand-mark svg{width:14px;height:14px}.brand-text{font-weight:600;letter-spacing:3px;font-size:14px;color:var(--text)}.nav-links{display:flex;gap:var(--space-5);align-items:center}.nav-links a{color:var(--text-muted);font-size:14px;font-weight:500}.nav-links a:hover{color:var(--text)}.cta{background:var(--accent);color:#fff!important;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-weight:600;font-size:13px;box-shadow:0 4px 16px -2px #7c3aed66;transition:all .18s ease}.cta:hover{background:var(--accent-hover)!important;transform:translateY(-1px);box-shadow:0 6px 24px -4px #7c3aed99}main{flex:1;max-width:var(--max-width);width:100%;margin:0 auto;padding:var(--space-8) var(--space-5)}footer.site-footer{border-top:1px solid var(--border);margin-top:var(--space-8);padding:var(--space-5);text-align:center;font-size:13px;color:var(--text-muted)}footer.site-footer a{color:var(--text-muted)}footer.site-footer a:hover{color:var(--text)}footer.site-footer .footer-meta{margin-bottom:var(--space-2)}footer.site-footer .footer-legal{font-size:12px;color:var(--text-faint)}footer.site-footer .footer-legal a{color:var(--text-faint)}footer.site-footer .footer-legal a:hover{color:var(--text)}.blog-hero{margin-bottom:var(--space-8)}.blog-hero h1{font-size:56px;font-weight:700;letter-spacing:-2px;line-height:1.05;margin-bottom:var(--space-4)}.blog-hero h1 .accent{color:var(--accent)}.blog-hero p{font-size:18px;color:var(--text-muted)}.posts{list-style:none;display:flex;flex-direction:column;gap:var(--space-4)}.posts li a{display:block;padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s ease;color:var(--text)}.posts li a:hover{border-color:var(--accent);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:0 8px 24px -8px #7c3aed4d}.posts .meta{font-size:12px;color:var(--text-faint);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.posts h2{font-size:22px;font-weight:600;margin-bottom:var(--space-3);letter-spacing:-.4px;line-height:1.3}.posts p{color:var(--text-muted);font-size:15px}.post-header{margin-bottom:var(--space-7);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.post-header .meta{font-size:12px;color:var(--text-faint);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-4);font-weight:600}.post-header h1{font-size:42px;font-weight:700;letter-spacing:-1.5px;line-height:1.15;margin-bottom:var(--space-4)}.post-header .lead{font-size:19px;color:var(--text-muted);line-height:1.6}.post-content{font-size:17px;color:var(--text)}.post-content h2{font-size:28px;font-weight:600;letter-spacing:-1px;margin-top:var(--space-7);margin-bottom:var(--space-4)}.post-content h3{font-size:20px;font-weight:600;margin-top:var(--space-6);margin-bottom:var(--space-3)}.post-content p{margin-bottom:var(--space-4)}.post-content ul,.post-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.post-content li{margin-bottom:var(--space-2)}.post-content strong{font-weight:600;color:var(--text)}.post-content blockquote{border-left:3px solid var(--accent);padding:var(--space-4) var(--space-5);margin:var(--space-5) 0;background:var(--bg-card);border-radius:var(--radius-sm)}.post-content blockquote p{margin-bottom:0}.post-content :not(pre)>code{background:var(--bg-card);padding:2px 8px;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.88em;color:var(--accent-hover);border:1px solid var(--border)}.post-content pre{background:var(--bg-card)!important;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-4);font-size:14px}.post-content table{width:100%;margin-bottom:var(--space-5);border-collapse:collapse;font-size:15px}.post-content th,.post-content td{padding:var(--space-3);border-bottom:1px solid var(--border);text-align:left}.post-content th{font-weight:600;color:var(--accent-hover);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.post-content hr{border:none;border-top:1px solid var(--border);margin:var(--space-7) 0}.post-content a{color:var(--accent-hover);text-decoration:underline;text-decoration-color:#8b5cf666;text-underline-offset:3px}.post-content a:hover{color:var(--accent);text-decoration-color:var(--accent)}.post-cta{background:var(--bg-card);border:1px solid var(--accent-soft);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-7) 0;text-align:center}.post-cta h3{font-size:22px;font-weight:600;margin-bottom:var(--space-3);letter-spacing:-.5px}.post-cta p{color:var(--text-muted);margin-bottom:var(--space-4)}.post-cta .cta{display:inline-block}@media(max-width:720px){main{padding:var(--space-6) var(--space-4)}.blog-hero h1{font-size:36px;letter-spacing:-1.5px}.blog-hero p{font-size:16px}.post-header h1{font-size:30px;letter-spacing:-1px}.post-header .lead{font-size:17px}.post-content{font-size:16px}.post-content h2{font-size:24px}.post-content h3{font-size:18px}header.site-header nav{padding:0 var(--space-4)}.nav-links{gap:var(--space-3)}.nav-links a:not(.cta){display:none}.post-content table{font-size:14px;display:block;overflow-x:auto}}