:root{--background: #FAFAFA;--surface: #FFFFFF;--text-primary: #111827;--text-secondary: #111827;--border: #E5E5E5;--font-family-base: "Inter", system-ui, -apple-system, sans-serif;--font-family-heading: "Cal Sans", "Inter", system-ui, sans-serif;--font-display: var(--font-family-heading);--font-base: var(--font-family-base);--color-background: var(--background);--color-surface: var(--surface);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: #737373;--color-border: var(--border);--color-primary: #000000;--gradient-primary: linear-gradient(135deg, #111827 0%, #000000 100%);--gradient-subtle: linear-gradient(to bottom, #FAFAFA 0%, #F5F5F5 100%);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--spacing-4xl: 64px;--spacing-5xl: 80px;--spacing-6xl: 100px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 16px}.blog-index{padding:var(--spacing-6xl) 0;background:var(--gradient-subtle)}.blog-header{text-align:center;margin-bottom:var(--spacing-4xl)}.blog-header h1{font-size:var(--font-size-4xl);font-family:var(--font-display);font-weight:700;margin-bottom:var(--spacing-md);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-3xl)}@media (max-width: 768px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--color-border);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #9333ea26}.blog-card-image{display:block;width:100%;height:220px;overflow:hidden;position:relative;background:var(--gradient-subtle)}.blog-card-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:var(--spacing-xl);display:flex;flex-direction:column;flex-grow:1}.blog-card-tags{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap}.tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-card-title{font-size:var(--font-size-xl);font-family:var(--font-display);font-weight:700;margin-bottom:var(--spacing-md);line-height:1.3}.blog-card-title a{color:var(--color-text-primary);text-decoration:none;transition:color .2s ease}.blog-card-title a:hover{color:var(--color-primary)}.blog-card-excerpt{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-lg);flex-grow:1}.blog-card-meta{display:flex;gap:var(--spacing-xs);color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.read-time:before{content:"•";margin-right:var(--spacing-xs)}.blog-card-link{color:var(--color-primary);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;transition:gap .2s ease}.blog-card-link:hover{gap:var(--spacing-xs)}.blog-article{padding:var(--spacing-5xl) 0;background:var(--color-background)}.breadcrumbs{display:flex;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-4xl);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.breadcrumbs a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.breadcrumbs a:hover{color:var(--color-primary)}.article-header{text-align:center;max-width:1000px;margin:0 auto var(--spacing-6xl)}.article-header-with-cover{max-width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;padding:var(--spacing-6xl) var(--spacing-xl);margin-bottom:var(--spacing-4xl);position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.article-header-with-cover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000000b3,#00000080);z-index:1}.article-header-content{position:relative;z-index:2;max-width:1000px;width:100%}.article-meta{display:flex;justify-content:center;align-items:center;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl)}.article-header-with-cover .article-meta{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.article-header .article-meta{color:var(--color-text-tertiary)}.article-meta .read-time:before{content:"•";margin:0 var(--spacing-xs)}.article-header h1{font-size:3.75rem;font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:.04em;margin-bottom:var(--spacing-2xl);color:var(--text-primary)}.article-header-with-cover h1{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.article-excerpt{font-size:var(--font-size-lg);line-height:1.8;margin-bottom:0;color:var(--color-text-secondary)}.article-header-with-cover .article-excerpt{color:#fffffff2!important;text-shadow:0 1px 4px rgba(0,0,0,.2)}.article-content{max-width:1000px;margin:0 auto;font-size:var(--font-size-lg);line-height:1.8;color:var(--color-text-primary)}.article-content h2{font-size:2.25rem;font-family:var(--font-display);font-weight:700;letter-spacing:.03em;margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-lg);color:#000;border-bottom:2px solid #E5E5E5;padding-bottom:var(--spacing-md)}.article-content h3{font-size:2rem;font-family:var(--font-display);font-weight:700;letter-spacing:.03em;margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-xl);color:#000}.article-content h4{font-size:var(--font-size-2xl);font-family:var(--font-display);font-weight:600;letter-spacing:.02em;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.article-content p{margin-bottom:var(--spacing-lg)}.article-content a{color:var(--color-primary);text-decoration:underline;transition:opacity .2s ease;line-height:2.5}.article-content a:hover{opacity:.8}.article-content p:contains("✅"){line-height:1.8}.article-content ul,.article-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.article-content li{margin-bottom:var(--spacing-sm)}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content img{width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-xl) 0}.article-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-lg);margin:var(--spacing-xl) 0;font-style:italic;color:var(--color-text-secondary);background:var(--gradient-subtle);padding:var(--spacing-lg);border-radius:var(--radius-md)}.article-content code{background:var(--gradient-subtle);padding:2px 6px;border-radius:var(--radius-sm);font-size:1.2em;color:var(--color-primary)}.article-content pre{background:#fafafa;color:#111827;padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid #E5E5E5;overflow-x:auto;margin:var(--spacing-xl) 0;font-family:Inter,monospace;font-size:.95rem;line-height:1.6}.article-content pre code{background:transparent;padding:0;color:inherit}.article-content hr+h2{margin-top:0}.article-content hr:has(+h2){display:none}.article-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-2xl) 0}.article-content table{width:100%;border-collapse:collapse;margin:var(--spacing-xl) 0;font-size:var(--font-size-base)}.article-content table th,.article-content table td{padding:var(--spacing-sm);text-align:left;border:1px solid #000000}.article-content table th{background:var(--background);font-weight:600;color:var(--text-primary)}.article-content table tr:nth-child(2n){background:#fafafa}.article-footer{max-width:800px;margin:var(--spacing-4xl) auto 0;padding-top:var(--spacing-3xl)}.article-cta{text-align:center;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl)}.article-cta h3{font-size:var(--font-size-4xl);font-family:var(--font-display);font-weight:700;margin-bottom:var(--spacing-md)}.article-cta p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.share-article{text-align:center;padding:var(--spacing-xl) 0}.share-article>span{display:block;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}.share-buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.share-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:var(--font-size-sm);transition:transform .2s ease,box-shadow .2s ease;color:#fff}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.share-btn.twitter{background:#1da1f2}.share-btn.linkedin{background:#0077b5}.share-btn.facebook{background:#1877f2}@media (max-width: 768px){.blog-index{padding:var(--spacing-4xl) 0}.blog-header h1{font-size:var(--font-size-3xl)}.blog-article{padding:var(--spacing-3xl) 0}.article-header h1{font-size:var(--font-size-2xl)}.article-header-with-cover{min-height:400px;padding:var(--spacing-4xl) var(--spacing-md)}.article-header-with-cover h1{font-size:var(--font-size-2xl)}.article-content{font-size:var(--font-size-base)}.article-content h2{font-size:var(--font-size-2xl)}.article-content h3{font-size:var(--font-size-xl)}.article-cta{padding:var(--spacing-2xl)}.share-buttons{flex-direction:column}.share-btn{width:100%}}