:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a2e;--bg-card-hover: #222240;--text-primary: #f0f0f5;--text-secondary: #a0a0b8;--text-muted: #6a6a80;--accent: #6c63ff;--accent-light: #8b83ff;--accent-glow: rgba(108, 99, 255, .3);--accent-secondary: #00d4aa;--border: rgba(255, 255, 255, .06);--border-hover: rgba(108, 99, 255, .3);--gradient-1: linear-gradient(135deg, #6c63ff 0%, #00d4aa 100%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Playfair Display", Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}main{flex:1;max-width:780px;width:100%;margin:0 auto;padding:8rem 1.5rem 6rem}a{color:inherit;text-decoration:none;transition:text-decoration-color .2s ease}a:hover{text-decoration:underline;text-underline-offset:3px}.blog-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.blog-nav-inner{max-width:1200px;margin:0 auto;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.blog-nav-logo{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.blog-nav-links{display:flex;gap:2rem;list-style:none}.blog-nav-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s ease}.blog-nav-links a:hover,.blog-nav-links a.active{color:var(--text-primary)}.blog-header{margin-bottom:4rem;text-align:center}.blog-header .eyebrow{display:inline-block;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-weight:600}.blog-header h1{font-family:var(--font-serif);font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-header p{color:var(--text-secondary);font-size:1.1rem;max-width:580px;margin:0 auto}.post-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.post-card{display:block;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;color:inherit;overflow:hidden}.post-card.has-cover{display:grid;grid-template-columns:220px 1fr;gap:2rem;padding:1.5rem;align-items:center}.post-card-cover{display:block;border-radius:12px;overflow:hidden;aspect-ratio:16 / 10;background:var(--bg-secondary)}.post-card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.post-card-cover:hover img{transform:scale(1.03)}.post-card h2 a{color:inherit;text-decoration:none}.post-card h2 a:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:640px){.post-card.has-cover{grid-template-columns:1fr;gap:1rem;padding:1.25rem}.post-card-cover{aspect-ratio:16 / 9}}.post-card-date{font-size:.8rem;color:var(--text-muted);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.post-card h2{font-family:var(--font-serif);font-size:1.65rem;font-weight:700;transition:color .2s ease;margin:.5rem 0 .75rem;color:var(--text-primary);line-height:1.3}.post-card p{color:var(--text-secondary);font-size:.975rem;line-height:1.65}.post-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.post-card-tag{display:inline-block;padding:.25rem .75rem;background:#6c63ff1a;border:1px solid rgba(108,99,255,.2);border-radius:999px;font-size:.7rem;color:var(--accent-light);font-weight:500;letter-spacing:.03em}.post-hero{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.post-hero-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--text-muted);font-weight:500;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.25rem}.post-hero-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--text-muted)}.post-hero h1{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1rem}.post-hero .lede{font-size:1.2rem;color:var(--text-secondary);line-height:1.6}.post-body{font-size:1.075rem;line-height:1.8;color:var(--text-secondary)}.post-body h2{font-family:var(--font-serif);font-size:1.75rem;color:var(--text-primary);margin:3rem 0 1rem;font-weight:700;letter-spacing:-.01em}.post-body h3{font-family:var(--font-serif);font-size:1.35rem;color:var(--text-primary);margin:2.25rem 0 .75rem;font-weight:700}.post-body p{margin-bottom:1.5rem}.post-body ul,.post-body ol{margin:0 0 1.5rem 1.5rem}.post-body li{margin-bottom:.5rem}.post-body strong{color:var(--text-primary);font-weight:600}.post-body blockquote{border-left:3px solid var(--accent);padding:.25rem 0 .25rem 1.5rem;margin:2rem 0;color:var(--text-primary);font-style:italic;font-family:var(--font-serif);font-size:1.25rem}.post-body code{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.15rem .45rem;font-size:.9em;color:var(--accent-light);font-family:SFMono-Regular,Consolas,monospace}.post-body pre{background:var(--bg-card)!important;border:1px solid var(--border);border-radius:12px;padding:1.5rem;overflow-x:auto;margin:2rem 0;font-size:.9rem;line-height:1.6}.post-body pre code{background:transparent;border:none;padding:0;color:inherit}.post-body img{max-width:100%;height:auto;border-radius:12px;margin:2rem 0}.post-body hr{border:none;border-top:1px solid var(--border);margin:3rem 0}.post-body a{color:inherit;text-decoration:none;transition:text-decoration-color .2s ease}.post-body a:hover{text-decoration:underline;text-underline-offset:3px}.post-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.back-link{color:inherit;font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem}.back-link:hover{text-decoration:underline;text-underline-offset:3px}.blog-footer{border-top:1px solid var(--border);padding:3rem 1.5rem 2rem;text-align:center;color:var(--text-muted);font-size:.85rem}.blog-footer a{color:inherit}.blog-footer a:hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:640px){main{padding:6.5rem 1.25rem 4rem}.blog-nav-links{gap:1.25rem}.post-card{padding:1.5rem}}