.blog-page{background:linear-gradient(#050508 0%,#0a0a18 30%,#0d0815 60%,#080510 100%);min-height:100vh;position:relative}.blog-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(100% 80% at 20% 0,#8b5cf61f 0%,#0000 50%),radial-gradient(80% 60% at 80% 20%,#a855f714 0%,#0000 40%),radial-gradient(60% 40% at 50% 80%,#8b5cf60f 0%,#0000 50%);position:fixed;inset:0}.blog-page>nav{z-index:50!important;position:fixed!important}.blog-page>main{z-index:1;position:relative}.blog-hero{padding:8rem 0 4rem;position:relative;overflow:hidden}.blog-hero:before{content:"";pointer-events:none;background:radial-gradient(100% 70% at 50% -30%,#8b5cf640 0%,#0000 60%);position:absolute;inset:0}.blog-card{background:#ffffff05;border:1px solid #8b5cf626;border-radius:1rem;transition:all .3s;overflow:hidden}.blog-card:hover{border-color:#8b5cf666;transform:translateY(-4px);box-shadow:0 20px 40px #8b5cf61a}.blog-card-image{background:linear-gradient(135deg,#8b5cf633 0%,#8b5cf60d 100%);justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.blog-card-image:before{content:"";background:linear-gradient(#0000 60%,#050505e6 100%);position:absolute;inset:0}.blog-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.blog-tag-ai{color:#a78bfa;background:#8b5cf633}.blog-tag-b2b{color:#60a5fa;background:#3b82f633}.blog-tag-trends{color:#34d399;background:#10b98133}.blog-tag-case-study{color:#fb923c;background:#fb923c33}.article-page{background:linear-gradient(#050508 0%,#0a0a18 30%,#0d0815 60%,#080510 100%);min-height:100vh;position:relative}.article-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(100% 80% at 30% 0,#8b5cf61f 0%,#0000 50%),radial-gradient(70% 50% at 70% 30%,#a855f714 0%,#0000 40%),radial-gradient(50% 30% at 40% 70%,#8b5cf60f 0%,#0000 50%);position:fixed;inset:0}.article-page>nav{z-index:50!important;position:fixed!important}.article-page>main{z-index:1;position:relative}.article-hero{padding:8rem 0 4rem;position:relative;overflow:hidden}.article-hero:before{content:"";pointer-events:none;background:radial-gradient(100% 70% at 50% -30%,#8b5cf640 0%,#0000 60%);position:absolute;inset:0}.article-content{max-width:800px;margin:0 auto}.article-content h2{color:#fff;margin:2.5rem 0 1rem;font-size:1.75rem;font-weight:700}.article-content h3{color:#fff;margin:2rem 0 .75rem;font-size:1.375rem;font-weight:600}.article-content p{color:#ffffffbf;text-align:justify;margin-bottom:1.25rem;line-height:1.8}.article-content ul,.article-content ol{color:#ffffffbf;text-align:justify;margin-bottom:1.25rem;padding-left:1.5rem;line-height:1.8}.article-content li{text-align:justify;margin-bottom:.5rem}.article-content strong{color:#fff;font-weight:600}.article-content blockquote{color:#fffc;border-left:3px solid #8b5cf680;margin:1.5rem 0;padding-left:1.5rem;font-style:italic}.article-content code{color:#a78bfa;background:#8b5cf626;border-radius:.25rem;padding:.2rem .4rem;font-size:.9em}.article-cta{background:linear-gradient(135deg,#8b5cf626 0%,#8b5cf60d 100%);border:1px solid #8b5cf64d;border-radius:1rem;margin-top:3rem;padding:2rem}.featured-article{background:linear-gradient(135deg,#8b5cf61a 0%,#8b5cf605 100%);border:1px solid #8b5cf640;border-radius:1.5rem;transition:all .3s;overflow:hidden}.featured-article:hover{border-color:#8b5cf680;box-shadow:0 25px 50px #8b5cf626}.category-filter{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.category-btn{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.category-btn:hover,.category-btn.active{color:#fff;background:#8b5cf633;border-color:#8b5cf680}