.blog-filters{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:48px}.blog-filter-btn{padding:8px 20px;border-radius:var(--radius-full);background:#120e1a99;border:1px solid rgba(212,175,55,.18);color:var(--text-secondary);font-family:var(--font-heading);font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:all var(--transition-fast);cursor:pointer}.blog-filter-btn:hover,.blog-filter-btn.active{background:#3e0d6299;border-color:var(--brand-gold);color:var(--brand-gold-light);box-shadow:0 0 20px #d4af3740;transform:translateY(-2px)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.blog-card{background:#0e0b14b3;border:1px solid var(--border-gold);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-normal);cursor:pointer;position:relative}.blog-card:hover{transform:translateY(-6px);border-color:var(--brand-gold);box-shadow:0 20px 45px #000c,0 0 30px #d4af3733,0 0 45px #3e0d624d}.blog-card-header{position:relative;height:180px;background:linear-gradient(135deg,#180f28,#0d0816);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(212,175,55,.1)}.blog-card-art{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;opacity:.8;transition:transform var(--transition-slow),opacity var(--transition-fast)}.blog-card:hover .blog-card-art{transform:scale(1.1);opacity:1}.blog-category-badge{position:absolute;top:16px;left:16px;z-index:2;padding:4px 12px;border-radius:var(--radius-full);background:#0a0a0ad9;border:1px solid var(--border-purple);color:var(--brand-gold-light);font-family:var(--font-heading);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-card-body{padding:28px;display:flex;flex-direction:column;flex-grow:1}.blog-meta{display:flex;align-items:center;gap:16px;font-size:.82rem;color:var(--text-muted);font-family:var(--font-mono);margin-bottom:14px}.blog-meta-item{display:flex;align-items:center;gap:6px}.blog-meta-item svg{width:14px;height:14px;color:var(--brand-gold)}.blog-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;line-height:1.35;color:var(--text-primary);margin-bottom:12px;transition:color var(--transition-fast)}.blog-card:hover .blog-title{color:var(--brand-gold-light)}.blog-excerpt{font-size:.95rem;color:var(--text-muted);line-height:1.55;margin-bottom:24px;flex-grow:1}.blog-read-more{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:.82rem;font-weight:700;letter-spacing:.06em;color:var(--brand-gold);text-transform:uppercase}.blog-read-more svg{width:16px;height:16px;transition:transform var(--transition-fast)}.blog-card:hover .blog-read-more svg{transform:translate(4px)}.article-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#050408eb;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);display:flex;justify-content:center;overflow-y:auto;opacity:0;visibility:hidden;transition:all var(--transition-normal);padding:40px 20px}.article-modal.active{opacity:1;visibility:visible}.article-container{width:100%;max-width:860px;background:#0e0b14f2;border:1px solid var(--border-gold);border-radius:var(--radius-lg);box-shadow:0 25px 80px #000000f2,0 0 50px #3e0d6266;padding:48px;position:relative;margin:auto}.article-close-btn{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:50%;background:#3e0d6266;border:1px solid var(--border-gold);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10}.article-close-btn:hover{background:var(--brand-gold);color:var(--text-dark);transform:rotate(90deg) scale(1.05)}.article-header{border-bottom:1px solid rgba(212,175,55,.15);padding-bottom:32px;margin-bottom:36px}.article-tag{display:inline-block;padding:6px 14px;border-radius:var(--radius-full);background:#3e0d6266;border:1px solid var(--border-purple);color:var(--brand-gold);font-family:var(--font-heading);font-size:.78rem;font-weight:700;letter-spacing:.08em;margin-bottom:16px}.article-title{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;line-height:1.2;margin-bottom:20px;color:#fff}.article-author-bar{display:flex;align-items:center;gap:16px;color:var(--text-muted);font-size:.9rem}.author-avatar{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--brand-gold);background:#1e1333;display:flex;align-items:center;justify-content:center;color:var(--brand-gold-light);font-weight:700}.article-content{font-family:var(--font-body);font-size:1.12rem;line-height:1.8;color:var(--text-secondary)}.article-content h2{font-size:1.6rem;margin:40px 0 18px;color:var(--brand-gold-light);border-left:3px solid var(--brand-gold);padding-left:14px}.article-content h3{font-size:1.3rem;margin:28px 0 14px;color:var(--text-primary)}.article-content p{margin-bottom:20px;font-size:1.1rem}.article-content ul,.article-content ol{margin:0 0 24px 28px}.article-content li{margin-bottom:10px}.code-block{background:#08050e;border:1px solid rgba(212,175,55,.25);border-radius:var(--radius-md);margin:28px 0;overflow:hidden;font-family:var(--font-mono);box-shadow:0 10px 30px #0009}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);font-size:.8rem;color:var(--text-muted)}.code-block pre{padding:20px;overflow-x:auto;font-size:.9rem;line-height:1.6;color:#e2e8f0}.key-takeaway-box{background:linear-gradient(135deg,#3e0d6259,#120e1a99);border:1px solid var(--border-gold);border-radius:var(--radius-md);padding:24px 28px;margin:32px 0}.key-takeaway-title{font-family:var(--font-heading);font-size:1.05rem;color:var(--brand-gold);margin-bottom:10px;display:flex;align-items:center;gap:8px}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.article-container{padding:28px 20px}}