.blog-page{--blog-bg:#050a18;--blog-bg-card:#0f172a99;--blog-bg-card-solid:#111827;--blog-border:#ffffff0f;--blog-border-hover:#ffffff1f;--blog-text:#f1f5f9;--blog-text-secondary:#94a3b8;--blog-text-muted:#64748b;--blog-accent:#3b82f6;--blog-accent-cyan:#06b6d4;--blog-accent-emerald:#10b981;--blog-gradient:linear-gradient(135deg, #3b82f6, #06b6d4);background:var(--blog-bg);color:var(--blog-text);min-height:100vh;font-family:Geist,system-ui,-apple-system,sans-serif}.blog-container{max-width:1200px;margin:0 auto;padding:0 24px}.blog-navbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--blog-border);background:#050a18cc;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.blog-navbar-brand{color:var(--blog-text);align-items:center;gap:10px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.blog-navbar-brand img{width:32px;height:32px}.blog-navbar-links{align-items:center;gap:24px;display:flex}.blog-navbar-links a{color:var(--blog-text-secondary);font-size:.875rem;text-decoration:none;transition:color .2s}.blog-navbar-links a:hover{color:var(--blog-text)}.blog-navbar-actions{align-items:center;gap:12px;display:flex}.blog-btn-primary{background:var(--blog-gradient);color:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.blog-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.blog-btn-secondary{border:1px solid var(--blog-border);color:var(--blog-text);background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.blog-btn-secondary:hover{background:#ffffff1a}.blog-hero{text-align:center;padding:80px 0 60px}.blog-hero-title{background:linear-gradient(135deg,#f1f5f9,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.blog-hero-subtitle{color:var(--blog-text-secondary);max-width:600px;margin:0 auto 32px;font-size:1.125rem;line-height:1.6}.blog-search{max-width:560px;margin:0 auto 32px;position:relative}.blog-search input{border:1px solid var(--blog-border);width:100%;color:var(--blog-text);background:#ffffff0d;border-radius:16px;outline:none;padding:14px 20px 14px 48px;font-size:.9375rem;transition:border-color .2s,background .2s}.blog-search input:focus{border-color:var(--blog-accent);background:#ffffff14}.blog-search input::placeholder{color:var(--blog-text-muted)}.blog-search-icon{color:var(--blog-text-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.blog-categories{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px;display:flex}.blog-category-chip{border:1px solid var(--blog-border);color:var(--blog-text-secondary);cursor:pointer;background:#ffffff08;border-radius:9999px;padding:8px 16px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s}.blog-category-chip:hover{border-color:var(--blog-border-hover);color:var(--blog-text);background:#ffffff14}.blog-category-chip.active{color:var(--blog-accent);background:#3b82f626;border-color:#3b82f666}.blog-post-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-bottom:48px;display:grid}.blog-post-card{background:var(--blog-bg-card);border:1px solid var(--blog-border);color:inherit;border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-post-card:hover{border-color:var(--blog-border-hover);transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.blog-post-card-image{object-fit:cover;background:#ffffff08;width:100%;height:200px}.blog-post-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.blog-post-card-category{color:var(--blog-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:600;display:inline-block}.blog-post-card-title{color:var(--blog-text);margin-bottom:8px;font-size:1.125rem;font-weight:700;line-height:1.4}.blog-post-card-excerpt{color:var(--blog-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-post-card-meta{border-top:1px solid var(--blog-border);color:var(--blog-text-muted);align-items:center;gap:16px;margin-top:16px;padding-top:16px;font-size:.8125rem;display:flex}.blog-post-card-meta span{align-items:center;gap:4px;display:flex}.blog-tags-section{text-align:center;margin-bottom:40px}.blog-tags-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--blog-text-muted);margin-bottom:12px;font-size:.8125rem;font-weight:600}.blog-tags-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.blog-tag-chip{border:1px solid var(--blog-border);color:var(--blog-text-secondary);cursor:pointer;background:#ffffff08;border-radius:9999px;padding:6px 12px;font-size:.75rem;text-decoration:none;transition:all .2s}.blog-tag-chip:hover{color:var(--blog-text);background:#ffffff14}.blog-pagination{justify-content:center;align-items:center;gap:8px;padding:32px 0 64px;display:flex}.blog-pagination button,.blog-pagination a{border:1px solid var(--blog-border);min-width:40px;height:40px;color:var(--blog-text-secondary);cursor:pointer;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.blog-pagination button:hover,.blog-pagination a:hover{color:var(--blog-text);background:#ffffff14}.blog-pagination .active{color:var(--blog-accent);background:#3b82f626;border-color:#3b82f666}.blog-pagination button:disabled,.blog-pagination a.disabled{opacity:.3;pointer-events:none}.blog-article{max-width:800px;margin:0 auto;padding:60px 0 80px}.blog-article-cover{object-fit:cover;background:#ffffff08;border-radius:20px;width:100%;max-height:450px;margin-bottom:32px}.blog-article-category{color:var(--blog-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.8125rem;font-weight:600;display:inline-block}.blog-article-title{margin-bottom:20px;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:800;line-height:1.15}.blog-article-meta{border-bottom:1px solid var(--blog-border);color:var(--blog-text-secondary);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;font-size:.875rem;display:flex}.blog-article-meta span{align-items:center;gap:6px;display:flex}.blog-article-author-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.blog-article-content{color:#e2e8f0;font-size:1.0625rem;line-height:1.8}.blog-article-content h2{color:var(--blog-text);margin:40px 0 16px;font-size:1.5rem;font-weight:700}.blog-article-content h3{color:var(--blog-text);margin:32px 0 12px;font-size:1.25rem;font-weight:600}.blog-article-content p{margin-bottom:20px}.blog-article-content a{color:var(--blog-accent-cyan);text-underline-offset:2px;text-decoration:underline}.blog-article-content ul,.blog-article-content ol{margin-bottom:20px;padding-left:24px}.blog-article-content li{margin-bottom:8px}.blog-article-content img{border-radius:12px;max-width:100%;margin:24px 0}.blog-article-content blockquote{border-left:3px solid var(--blog-accent);color:var(--blog-text-secondary);margin:24px 0;padding-left:20px;font-style:italic}.blog-article-content pre{border:1px solid var(--blog-border);background:#ffffff0d;border-radius:12px;margin-bottom:20px;padding:20px;overflow-x:auto}.blog-article-content code{font-family:Geist Mono,monospace;font-size:.875rem}.blog-article-content hr{border:none;border-top:1px solid var(--blog-border);margin:32px 0}.blog-article-tags{border-top:1px solid var(--blog-border);flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:24px;display:flex}.blog-article-tags a{border:1px solid var(--blog-border);color:var(--blog-text-secondary);background:#ffffff08;border-radius:9999px;padding:6px 14px;font-size:.8125rem;text-decoration:none;transition:all .2s}.blog-article-tags a:hover{color:var(--blog-text);background:#ffffff14}.blog-cta{text-align:center;background:linear-gradient(135deg,#3b82f61a,#06b6d41a);border:1px solid #3b82f633;border-radius:20px;margin-top:48px;padding:40px}.blog-cta h3{margin-bottom:8px;font-size:1.375rem;font-weight:700}.blog-cta p{color:var(--blog-text-secondary);max-width:500px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6}.blog-related{margin-top:60px}.blog-related h3{margin-bottom:24px;font-size:1.25rem;font-weight:700}.blog-related-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.blog-breadcrumbs{color:var(--blog-text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:.8125rem;display:flex}.blog-breadcrumbs a{color:var(--blog-text-secondary);text-decoration:none;transition:color .2s}.blog-breadcrumbs a:hover{color:var(--blog-text)}.blog-breadcrumbs .separator{color:var(--blog-text-muted);-webkit-user-select:none;user-select:none}.blog-empty{text-align:center;padding:80px 24px}.blog-empty-icon{opacity:.3;margin-bottom:16px;font-size:3rem}.blog-empty h3{margin-bottom:8px;font-size:1.25rem;font-weight:600}.blog-empty p{color:var(--blog-text-secondary)}@media (max-width:768px){.blog-container{padding:0 16px}.blog-hero{padding:48px 0 32px}.blog-post-grid{grid-template-columns:1fr}.blog-article{padding:32px 0 48px}.blog-navbar-links{display:none}.blog-related-grid{grid-template-columns:1fr}.blog-cta{padding:28px 20px}}