.blog-page-wrapper,.blog-detail-wrapper{font-family:'Inter',sans-serif;color:#1e293b;overflow-x:clip;background-color:#f8fafc;padding-top:80px;min-height:100vh}.blog-container{max-width:1280px;margin:0 auto;padding:0 2rem}.blog-hero{position:relative;padding:140px 0 60px;background:radial-gradient(circle at 80% 20%,rgb(87 0 180 / .08),transparent 50%),radial-gradient(circle at 10% 80%,rgb(122 51 212 / .05),transparent 40%),#ffffff;border-bottom:1px solid #e2e8f0;text-align:center}.blog-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgb(87 0 180 / .06);border:1px solid rgb(87 0 180 / .12);border-radius:50px;color:#5700B4;font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px}.blog-hero h1{font-size:clamp(2.25rem, 5vw, 3.25rem);font-weight:800;line-height:1.15;color:#0f172a;margin-bottom:16px;letter-spacing:-.025em}.blog-hero h1 .highlight-text{background:linear-gradient(135deg,#5700B4 0%,#7A33D4 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.blog-hero-subtitle{font-size:1.125rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.blog-categories-nav{margin-top:40px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.blog-cat-tab{padding:10px 20px;border-radius:30px;background:#f1f5f9;color:#475569;font-size:.9rem;font-weight:600;transition:all 0.3s ease;border:1px solid #fff0}.blog-cat-tab:hover{background:#e2e8f0;color:#0f172a;transform:translateY(-1px)}.blog-cat-tab.active{background:#5700B4;color:#fff;box-shadow:0 4px 12px rgb(87 0 180 / .2)}.featured-post-section{padding:60px 0 30px}.featured-card{display:grid;grid-template-columns:1.2fr 0.8fr;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px -10px rgb(0 0 0 / .04),0 1px 3px rgb(0 0 0 / .02);border:1px solid #e2e8f0;transition:all 0.4s cubic-bezier(.16,1,.3,1)}.featured-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -15px rgb(87 0 180 / .12),0 10px 20px -10px rgb(0 0 0 / .04);border-color:rgb(87 0 180 / .15)}.featured-image-box{position:relative;overflow:hidden;min-height:320px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.featured-image-box img{width:100%;height:auto;object-fit:contain;transition:transform 0.6s cubic-bezier(.16,1,.3,1)}.featured-card:hover .featured-image-box img{transform:scale(1.04)}.featured-content-box{padding:32px;display:flex;flex-direction:column;justify-content:center}.post-meta-tag{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;text-transform:uppercase;color:#5700B4;letter-spacing:.05em;margin-bottom:16px}.post-read-time{color:#64748b;font-weight:500}.featured-title{font-size:1.75rem;font-weight:800;color:#0f172a;line-height:1.3;margin-bottom:16px;transition:color 0.2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-title a:hover{color:#5700B4}.featured-excerpt{font-size:1rem;color:#475569;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.post-author-row{display:flex;align-items:center;gap:12px;margin-top:20px}.blog-card .post-author-row{margin-top:auto}.author-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgb(87 0 180 / .1)}.author-info-text{display:flex;flex-direction:column;gap:2px}.author-name{font-size:.9rem;font-weight:700;color:#0f172a}.post-date{font-size:.8rem;color:#64748b}.blog-grid-section{padding:30px 0 80px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px -5px rgb(0 0 0 / .02),0 1px 3px rgb(0 0 0 / .01);border:1px solid #e2e8f0;display:flex;flex-direction:column;height:100%;transition:all 0.35s cubic-bezier(.16,1,.3,1)}.blog-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px -12px rgb(87 0 180 / .1),0 10px 20px -10px rgb(0 0 0 / .03);border-color:rgb(87 0 180 / .15)}.blog-card-image{height:auto;position:relative;overflow:hidden;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.blog-card-image img{width:100%;height:auto;object-fit:contain;transition:transform 0.5s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.blog-card-title{font-size:1.25rem;font-weight:700;color:#0f172a;line-height:1.4;margin-bottom:12px;transition:color 0.2s ease}.blog-card-title a:hover{color:#5700B4}.blog-card-excerpt{font-size:.95rem;color:#475569;line-height:1.5;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-pagination{margin-top:50px;display:flex;justify-content:center}.blog-pagination .nav-links{display:flex;align-items:center;gap:8px}.blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;color:#475569;font-size:.95rem;font-weight:600;transition:all 0.3s ease}.blog-pagination .page-numbers:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.blog-pagination .page-numbers.current{background:#5700B4;color:#fff;border-color:#5700B4;box-shadow:0 4px 12px rgb(87 0 180 / .2)}.blog-newsletter-box{background:linear-gradient(135deg,#061E29 0%,#0c2f40 100%);border-radius:24px;padding:60px 40px;position:relative;overflow:hidden;margin-top:80px;box-shadow:0 20px 40px rgb(6 30 41 / .15);border:1px solid rgb(87 0 180 / .15)}.blog-newsletter-box::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgb(87 0 180 / .15) 0%,transparent 70%);filter:blur(40px);pointer-events:none}.blog-newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;z-index:1}.newsletter-text h3{color:#fff;font-size:1.85rem;font-weight:800;margin-bottom:12px;letter-spacing:-.015em}.newsletter-text p{color:#94a3b8;font-size:1rem;line-height:1.55;margin:0}.newsletter-form-container{display:flex;flex-direction:column;gap:12px}.newsletter-input-group{display:flex;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .1);padding:6px;border-radius:12px;backdrop-filter:blur(10px);transition:all 0.3s}.newsletter-input-group:focus-within{border-color:#7A33D4;box-shadow:0 0 0 2px rgb(87 0 180 / .25);background:rgb(255 255 255 / .08)}.newsletter-input-group input[type="email"]{flex-grow:1;background:#fff0;border:none;padding:10px 16px;color:#fff;font-family:inherit;font-size:.95rem;outline:none}.newsletter-input-group input[type="email"]::placeholder{color:#64748b}.btn-subscribe{background:linear-gradient(135deg,#5700B4,#7A33D4);color:#fff;border:none;font-weight:600;padding:10px 24px;border-radius:8px;cursor:pointer;transition:all 0.3s}.btn-subscribe:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgb(87 0 180 / .4)}.newsletter-note{font-size:.75rem;color:#64748b;margin:0}.post-detail-header{padding:60px 0 40px;text-align:center;background:#fff;border-bottom:1px solid #e2e8f0}.post-header-cats{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.post-cat-badge{font-size:.8rem;font-weight:700;text-transform:uppercase;color:#5700B4;background:rgb(87 0 180 / .05);padding:4px 12px;border-radius:20px;letter-spacing:.04em}.post-detail-title{font-size:clamp(2.25rem, 4vw, 3.25rem);font-weight:800;color:#0f172a;line-height:1.2;letter-spacing:-.025em;margin-bottom:24px;max-width:860px;margin-left:auto;margin-right:auto}.post-header-meta{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.post-meta-divider{width:4px;height:4px;border-radius:50%;background:#cbd5e1}.post-detail-main-section{padding:60px 0 80px}.post-featured-image{width:100%;max-height:none;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px -15px rgb(0 0 0 / .08);border:1px solid #e2e8f0;margin-bottom:50px}.post-featured-image img{width:100%;height:auto;object-fit:contain;display:block}.post-layout-grid{display:grid;grid-template-columns:1.35fr 0.65fr;gap:50px;align-items:start}.post-article-content{background:#fff;padding:40px;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 4px 20px -5px rgb(0 0 0 / .01)}.post-body{font-size:1.0625rem;line-height:1.85;color:#334155}.post-body p{margin-bottom:28px}.post-body h2{font-size:1.75rem;font-weight:700;color:#0f172a;margin-top:40px;margin-bottom:18px;letter-spacing:-.015em;line-height:1.3}.post-body h3{font-size:1.4rem;font-weight:700;color:#0f172a;margin-top:32px;margin-bottom:14px;letter-spacing:-.01em}.post-body blockquote{border-left:4px solid #5700B4;background:rgb(87 0 180 / .03);padding:24px 32px;margin:32px 0;border-radius:0 12px 12px 0}.post-body blockquote p{font-size:1.1875rem;font-style:italic;font-weight:500;color:#0f172a;line-height:1.7;margin:0}.post-body ul{margin:0 0 28px 24px;list-style-type:disc;padding-left:0}.post-body ol{margin:0 0 28px 24px;list-style-type:decimal;padding-left:0}.post-body ul li::marker{color:#5700B4}.post-body ol li::marker{color:#5700B4;font-weight:700}.post-body li{margin-bottom:10px;line-height:1.75;padding-left:4px}.post-body strong{color:#0f172a}.post-body img{max-width:100%;height:auto;border-radius:12px;margin:24px 0;box-shadow:0 10px 25px -10px rgb(0 0 0 / .05)}.post-body pre,.post-body code{font-family:'Courier New',Courier,monospace;background:#f1f5f9;border-radius:6px;color:#0f172a}.post-body code{padding:2px 6px;font-size:.9em}.post-body pre{padding:20px;overflow-x:auto;margin-bottom:28px}.post-body pre code{padding:0;background:#fff0;font-size:.925rem}.post-sidebar{display:flex;flex-direction:column;gap:30px;position:sticky;top:120px}.sidebar-widget{background:#fff;border-radius:16px;padding:30px;border:1px solid #e2e8f0;box-shadow:0 4px 20px -5px rgb(0 0 0 / .02)}.widget-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin-bottom:20px;border-bottom:1.5px solid #f1f5f9;padding-bottom:12px}.author-widget-avatar-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.author-widget-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid rgb(87 0 180 / .1)}.author-widget-name{font-size:1.05rem;font-weight:700;color:#0f172a}.author-widget-bio{font-size:.9rem;color:#475569;line-height:1.6;margin-bottom:18px}.author-socials{display:flex;gap:10px}.author-social-link{width:32px;height:32px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#475569;transition:all 0.3s}.author-social-link:hover{background:#5700B4;color:#fff;transform:translateY(-2px)}.brand-cta-widget{background:linear-gradient(135deg,#5700B4,#7A33D4);color:#fff;border:none;box-shadow:0 10px 25px rgb(87 0 180 / .25);position:relative;overflow:hidden}.brand-cta-widget::before{content:'';position:absolute;top:-20%;left:-20%;width:150px;height:150px;background:radial-gradient(circle,rgb(255 255 255 / .15) 0%,transparent 60%);filter:blur(15px);pointer-events:none}.brand-cta-logo{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.brand-cta-text{font-size:.95rem;line-height:1.5;margin-bottom:20px;opacity:.9}.btn-sidebar-cta{width:100%;background:#fff;color:#5700B4;border:none;padding:12px 20px;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all 0.3s;display:inline-block;text-align:center}.btn-sidebar-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgb(0 0 0 / .15);background:#f8fafc}.popular-posts-list{display:flex;flex-direction:column;gap:16px}.popular-post-item{display:flex;align-items:center;gap:12px}.popular-post-img{width:60px;height:60px;border-radius:8px;object-fit:cover;background:#f1f5f9;flex-shrink:0}.popular-post-info{display:flex;flex-direction:column;gap:4px}.popular-post-title{font-size:.9rem;font-weight:600;color:#1e293b;line-height:1.3;transition:color 0.2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-post-title:hover{color:#5700B4}.popular-post-date{font-size:.75rem;color:#64748b}.post-footer-area{margin-top:40px;padding-top:30px;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.post-tags-list{display:flex;gap:8px;flex-wrap:wrap}.post-tag-item{font-size:.8rem;padding:6px 12px;border-radius:6px;background:#f1f5f9;color:#475569;font-weight:500;transition:all 0.2s}.post-tag-item:hover{background:#e2e8f0;color:#0f172a}.post-share-widget{display:flex;align-items:center;gap:12px}.share-title{font-size:.9rem;font-weight:700;color:#475569}.share-links{display:flex;gap:8px}.share-btn{width:36px;height:36px;border-radius:50%;border:1px solid #cbd5e1;display:flex;align-items:center;justify-content:center;color:#475569;transition:all 0.3s}.share-btn:hover{border-color:#5700B4;color:#5700B4;background:rgb(87 0 180 / .03);transform:translateY(-1px)}.related-posts-section{padding:60px 0 80px;border-top:1px solid #e2e8f0;background:#fff}.related-section-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:30px;letter-spacing:-.02em}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.featured-card{grid-template-columns:1fr}.featured-image-box{min-height:240px}.post-layout-grid{grid-template-columns:1fr;gap:40px}.post-sidebar{position:static}}@media (max-width:768px){.blog-container{padding:0 1.5rem}.blog-hero{padding:60px 0 40px}.blog-newsletter-grid{grid-template-columns:1fr;gap:30px}.blog-newsletter-box{padding:40px 24px;margin-top:50px}.post-detail-main-section{padding:40px 0 60px}.post-article-content{padding:24px}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-categories-nav{gap:8px}.blog-cat-tab{padding:8px 16px;font-size:.85rem}.featured-content-box{padding:24px}}.fallback-gradient-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5700B4 0%,#7A33D4 100%);color:#fff;position:relative;overflow:hidden}.fallback-gradient-cover svg{opacity:.18;transform:scale(1.6);transition:transform 0.5s ease}.blog-card:hover .fallback-gradient-cover svg,.featured-card:hover .fallback-gradient-cover svg{transform:scale(1.8) rotate(3deg)}.fallback-gradient-cover .badge-text{position:absolute;bottom:16px;right:16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;opacity:.5}.avatar-initials{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#5700B4,#7A33D4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;border:2px solid rgb(255 255 255 / .8);box-shadow:0 4px 10px rgb(87 0 180 / .15)}.avatar-initials-large{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#5700B4,#7A33D4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;border:2px solid rgb(255 255 255 / .8);box-shadow:0 4px 10px rgb(87 0 180 / .15)}.blog-search-container{margin-top:30px;max-width:480px;margin-left:auto;margin-right:auto}.blog-search-input-wrapper{display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px 6px 6px 16px;box-shadow:0 4px 15px rgb(0 0 0 / .02);transition:all 0.3s}.blog-search-input-wrapper:focus-within{border-color:#5700B4;box-shadow:0 0 0 3px rgb(87 0 180 / .1),0 4px 15px rgb(87 0 180 / .05)}.blog-search-input-wrapper .search-icon{color:#94a3b8;margin-right:12px;flex-shrink:0}.blog-search-field{flex-grow:1;border:none;background:#fff0;padding:8px 0;font-family:inherit;font-size:.95rem;color:#0f172a;outline:none;width:100%}.blog-search-field::placeholder{color:#94a3b8}.blog-search-submit{background:#5700B4;color:#fff;border:none;padding:8px 18px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all 0.2s}.blog-search-submit:hover{background:#460096;box-shadow:0 4px 10px rgb(87 0 180 / .2)}.category-pill{padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;display:inline-block;transition:all 0.2s ease}.cat-optimization{color:#0284c7!important;background:#f0f9ff!important;border:1px solid #bae6fd!important}.cat-performance{color:#16a34a!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important}.cat-management{color:#7c3aed!important;background:#f5f3ff!important;border:1px solid #ddd6fe!important}.cat-product-updates{color:#ea580c!important;background:#fff7ed!important;border:1px solid #ffedd5!important}.cat-insights{color:#5700B4!important;background:rgb(87 0 180 / .05)!important;border:1px solid rgb(87 0 180 / .1)!important}.cat-uncategorized{color:#64748b!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important}.popular-post-img-box{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;display:block}.popular-post-img-fallback{width:60px;height:60px;background:linear-gradient(135deg,#5700B4 0%,#7A33D4 100%);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}