.blog-page{--blog-background:#040506;--blog-surface:#07080b;--blog-surface-alt:#0b0d12;--blog-card:#0f131a;--blog-card-hover:#151a24;--blog-border:#64748b29;--blog-primary:#3b82f6;--blog-primary-soft:#3b82f624;--blog-primary-gradient:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);--blog-secondary:#8b5cf6;--blog-success:#22c55e;--blog-warning:#facc15;--blog-text-strong:#f8fafc;--blog-text:#e2e8f0;--blog-text-muted:#9ca3af;--blog-overlay:#040506bf;background:radial-gradient(circle at 20% -15%,#3b82f62e 0%,transparent 55%),radial-gradient(circle at 85% -10%,#8b5cf624 0%,transparent 45%),radial-gradient(circle at 50% 120%,#3b82f62e 0%,transparent 60%),var(--blog-background);color:var(--blog-text);min-height:100vh}.blog-page h1,.blog-page h2,.blog-page h3,.blog-page h4,.blog-page h5,.blog-page h6{color:var(--blog-text-strong)}.blog-page p{color:var(--blog-text)}.blog-page .text-muted{color:var(--blog-text-muted)}.blog-page .container{color:inherit}.blog-page .nav{border-bottom:1px solid var(--blog-border);background:#040506f0;box-shadow:0 18px 40px #000000a6}.blog-page .nav-logo{color:var(--blog-text-strong)}.blog-page .nav-logo-icon{background:var(--blog-primary-gradient);box-shadow:0 10px 22px #3b82f659}.blog-page .nav-link{color:var(--blog-text-muted)}.blog-page .nav-link:hover{color:var(--blog-text-strong)}.blog-page .nav-link:after{background:var(--blog-primary)}.blog-page .nav-menu.active{background:#040506f2}.blog-page .btn{border-radius:var(--radius-md);transition:transform var(--transition-base),box-shadow var(--transition-base);font-weight:600}.blog-page .btn-primary{background:var(--blog-primary-gradient);color:var(--blog-text-strong);box-shadow:0 16px 36px #3b82f661}.blog-page .btn-primary:hover{transform:translateY(-1px);box-shadow:0 22px 44px #3b82f673}.blog-page .btn-secondary{color:var(--blog-text-strong);background:var(--blog-primary-soft);border:1px solid #3b82f652}.blog-page .btn-secondary:hover{transform:translateY(-1px);box-shadow:0 20px 44px #8b5cf659}.blog-page .hero{color:var(--blog-text-strong);padding-top:calc(var(--space-5xl) + 36px);background:linear-gradient(165deg,#04060af2 0%,#020305fa 55%,#040507 100%);position:relative}.blog-page .hero:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(160deg,#04060af2 0%,#020305fa 55%,#040507 100%),radial-gradient(circle at 50% 0,#3b82f61f 0%,#0000 52%),radial-gradient(circle at 80% 20%,#8b5cf61a 0%,#0000 42%),radial-gradient(circle at 20% 30%,#3b82f60f 0%,#0000 37%);position:absolute;inset:0}.blog-page .hero-headline{background:linear-gradient(135deg,#60a5fa 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blog-page .gradient-mesh-bg{opacity:.12;background-image:radial-gradient(circle at 12%,#3b82f640 1px,#0000 1px),radial-gradient(circle at 78% 40%,#8b5cf638 1px,#0000 1px);background-size:60px 60px}.blog-page .particles-container .particle{background:linear-gradient(135deg,#3b82f680,#8b5cf680);box-shadow:0 0 8px #3b82f64d}.blog-page .hero-subheadline{color:var(--blog-text-muted)}.blog-search{max-width:600px;margin:var(--space-xl)auto 0;position:relative}.blog-search i{left:var(--space-md);color:var(--blog-text-muted);font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.blog-search input{border:2px solid var(--blog-border);border-radius:var(--radius-sm);width:100%;transition:var(--transition-base);background:var(--blog-surface);color:var(--blog-text);padding:14px 20px 14px 50px;font-size:16px}.blog-search input::placeholder{color:var(--blog-text-muted)}.blog-search input:focus{border-color:#3b82f680;outline:none;box-shadow:0 0 0 3px #3b82f633}.featured-post{background:var(--blog-card);border-radius:var(--radius-md);padding:var(--space-2xl);border:1px solid var(--blog-border);box-shadow:0 28px 55px #04050699}.blog-meta{gap:var(--space-lg);color:var(--blog-text-muted);flex-wrap:wrap;font-size:14px;display:flex}.blog-meta span{align-items:center;gap:6px;display:flex}.blog-meta i{color:var(--blog-primary)}.category-nav{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.blog-page .section-alt{background-color:#0000}.blog-section-alt:before{background:linear-gradient(#07090dd9 0%,#040506eb 100%)}.category-pill{background:var(--blog-card);border:1px solid var(--blog-border);color:var(--blog-text-muted);transition:all var(--transition-base);cursor:pointer;border-radius:25px;padding:10px 20px;font-size:14px;font-weight:600;box-shadow:0 12px 24px #04050666}.category-pill:hover{color:var(--blog-text-strong);border-color:#3b82f68c;transform:translateY(-2px)}.category-pill.active{background:var(--blog-primary-gradient);color:var(--blog-text-strong);text-shadow:0 6px 18px #3b82f659;border-color:#0000;box-shadow:0 18px 36px #3b82f673}.blog-layout{gap:var(--space-2xl);grid-template-columns:1fr 350px;align-items:start;display:grid}.blog-content{min-width:0}@media (max-width:1024px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{display:none}}.blog-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--blog-card);border-radius:var(--radius-md);border:1px solid var(--blog-border);transition:all var(--transition-slow);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 40px #0405068c}.blog-card:hover{transform:translateY(-8px);box-shadow:0 28px 58px #040506a6}.blog-card-image{width:100%;overflow:hidden}.blog-card-content{padding:var(--space-xl);flex-direction:column;flex:1;display:flex}.blog-card-title{margin-bottom:var(--space-md);color:var(--blog-text-strong);font-size:20px;font-weight:600;line-height:1.4}.blog-card-excerpt{color:var(--blog-text-muted);margin-bottom:var(--space-lg);flex:1;line-height:1.6}.blog-read-more,a.blog-read-more,a.blog-read-more{color:var(--blog-primary);cursor:pointer;transition:var(--transition-base);background:0 0;border:none;align-self:flex-start;margin-top:1rem;padding:0;font-weight:600;text-decoration:none;display:inline-block}.blog-read-more:hover,a.blog-read-more:hover{color:var(--blog-secondary);text-decoration:none;transform:translate(4px)}.blog-sidebar{align-self:start;position:sticky;top:100px}.sidebar-widget{background:var(--blog-card);border-radius:var(--radius-md);padding:var(--space-xl);border:1px solid var(--blog-border);margin-bottom:var(--space-xl);box-shadow:0 18px 36px #04050680}.sidebar-widget h3{margin-bottom:var(--space-md);color:var(--blog-text-strong);font-size:20px;font-weight:600}.tag-cloud{gap:var(--space-sm);flex-wrap:wrap;display:flex}.tag{background:var(--blog-primary-soft);color:var(--blog-primary);transition:var(--transition-base);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none}.tag:hover{background:var(--blog-primary);color:var(--blog-text-strong);transform:translateY(-2px)}.recent-posts{gap:var(--space-md);flex-direction:column;display:flex}.recent-post-item{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);transition:var(--transition-base);color:var(--blog-text);background:#07090d59;border:1px solid #0000;text-decoration:none;display:flex}.recent-post-item:hover{background:var(--blog-primary-soft);border-color:#3b82f640}.recent-post-date{color:var(--blog-primary);white-space:nowrap;text-transform:uppercase;font-size:12px;font-weight:700}.recent-post-title{color:var(--blog-text-strong);font-size:14px;font-weight:600;line-height:1.4}.blog-page .badge-primary{color:var(--blog-text-strong);background:#3b82f62e;border:1px solid #3b82f659}.blog-page .badge-success{color:#4ade80;background:#22c55e2e}.blog-page .footer{border-top:1px solid var(--blog-border);color:var(--blog-text-muted);background:#040506f5}.blog-page .footer a{color:var(--blog-text)}.blog-page .footer a:hover{color:var(--blog-primary)}.blog-page .footer-brand,.blog-page .footer-title{color:var(--blog-text-strong)}@media (max-width:640px){.blog-meta{gap:var(--space-md);font-size:12px}.featured-post,.blog-card-content{padding:var(--space-lg)}}