.blog-header{background:var(--primary);padding:100px 20px 50px;text-align:center;color:var(--text-primary);border-bottom:1px solid rgba(168,85,247,.15);position:relative;overflow:hidden}.blog-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 40% 70%,rgba(168,85,247,.06) 0,transparent 50%),radial-gradient(ellipse at 60% 50%,rgba(0,217,255,.04) 0,transparent 50%);pointer-events:none}.blog-header h1{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);margin-bottom:15px;position:relative;z-index:1;background:var(--gradient-cyan-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-header p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto;position:relative;z-index:1}.blog-tag-filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:30px;position:relative;z-index:1}.blog-tag-link{display:inline-flex;align-items:center;padding:8px 18px;border-radius:20px;font-size:.85rem;font-weight:500;background:rgba(255,255,255,.05);color:var(--text-secondary);border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.blog-tag-link:hover{color:var(--accent-blue);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}.blog-tag-link.active{color:var(--primary);background:var(--accent-blue);border-color:var(--accent-blue)}.blog-section{padding:var(--section-padding) 20px;background:var(--bg-dark);position:relative}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{background:var(--bg-card);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:transform .3s ease,box-shadow .3s ease;will-change:transform;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-5px);border-color:rgba(168,85,247,.2);box-shadow:0 12px 40px rgba(168,85,247,.1),0 0 0 1px rgba(168,85,247,.1)}.blog-card-cover{aspect-ratio:16/9;overflow:hidden;background:var(--bg-darker)}.blog-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-cover img{transform:scale(1.05)}.blog-card-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-darker) 0,var(--bg-elevated) 100%);color:var(--text-muted);font-size:2rem}.blog-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.blog-card-date{color:var(--text-muted);font-size:.85rem;margin-bottom:10px}.blog-card-title{font-family:var(--font-heading);font-size:1.25rem;color:var(--text-primary);margin-bottom:10px;line-height:1.4}.blog-card-title a{color:inherit;transition:color .3s ease}.blog-card-title a:hover{color:var(--accent-blue)}.blog-card-excerpt{color:var(--text-secondary);font-size:.95rem;line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.blog-tag{font-size:.75rem;padding:4px 12px;border-radius:20px;background:rgba(88,172,249,.08);color:var(--accent-blue);font-weight:500;border:1px solid rgba(88,172,249,.15);transition:all .2s ease}.blog-tag:hover{background:rgba(88,172,249,.15);border-color:rgba(88,172,249,.3);color:var(--light-blue)}.blog-post-header{background:var(--primary);padding:100px 20px 50px;text-align:center;color:var(--text-primary);border-bottom:1px solid rgba(168,85,247,.15);position:relative;overflow:hidden}.blog-post-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 80%,rgba(88,172,249,.05) 0,transparent 50%);pointer-events:none}.blog-post-header h1{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);margin-bottom:15px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.3}.blog-post-date{color:var(--text-secondary);font-size:.95rem;display:block;margin-bottom:12px}.blog-post-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}.blog-post-section{padding:var(--section-padding) 20px;background:var(--bg-dark)}.blog-post-content{max-width:800px;margin:0 auto}.blog-post-cover{border-radius:16px;overflow:hidden;margin-bottom:40px;box-shadow:var(--shadow-lg)}.blog-prose h1{font-size:2rem;color:var(--text-primary);margin:40px 0 20px}.blog-prose h1,.blog-prose h2{font-family:var(--font-heading)}.blog-prose h2{font-size:1.5rem;color:var(--accent-blue);margin:36px 0 16px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.1)}.blog-prose h3{font-family:var(--font-heading);font-size:1.25rem;color:var(--text-primary);margin:28px 0 12px}.blog-prose p{color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.blog-prose a{color:var(--accent-blue);text-decoration:underline}.blog-prose a:hover{color:var(--light-blue)}.blog-prose ol,.blog-prose ul{color:var(--text-secondary);margin:15px 0 15px 25px;line-height:1.8}.blog-prose li{margin-bottom:8px}.blog-prose img{border-radius:12px;max-width:100%;margin:20px 0}.blog-prose blockquote{border-left:4px solid var(--accent-blue);padding:16px 20px;margin:20px 0;background:rgba(88,172,249,.04);border-radius:0 12px 12px 0;color:var(--text-secondary)}.blog-prose code{background:var(--bg-elevated);padding:2px 6px;border-radius:4px;font-size:.9em}.blog-prose pre{background:var(--bg-darker);padding:20px;border-radius:12px;overflow-x:auto;margin:20px 0;border:1px solid rgba(255,255,255,.08)}.blog-prose pre code{background:none;padding:0}.blog-prose hr{border:none;border-top:1px solid rgba(255,255,255,.08);margin:32px 0}.blog-pagination{display:flex;justify-content:center;gap:8px;margin-top:48px}.blog-pagination a,.blog-pagination span{padding:10px 16px;border-radius:8px;background:var(--bg-card);border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-weight:500;transition:all .2s ease}.blog-pagination a:hover{color:var(--accent-blue);border-color:var(--accent-blue)}.blog-pagination .active{background:var(--accent-blue);color:var(--primary);border-color:var(--accent-blue)}.blog-empty{text-align:center;padding:60px 40px;background:var(--bg-card);border-radius:24px;border:1px solid rgba(255,255,255,.08);grid-column:1/-1}.blog-empty h3{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-primary);margin-bottom:12px}.blog-empty p{color:var(--text-secondary);font-size:1.1rem}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-header{padding:90px 15px 30px}.blog-header h1{font-size:2rem}.blog-header p{font-size:1rem}.blog-section{padding:30px 15px}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-card{border-radius:16px}.blog-card-body{padding:20px}.blog-card-title{font-size:1.1rem}.blog-post-header{padding:90px 15px 30px}.blog-post-header h1{font-size:1.75rem}.blog-post-section{padding:30px 15px}.blog-prose h1{font-size:1.5rem}.blog-prose h2{font-size:1.3rem}.blog-tag-filter{gap:8px}.blog-tag-link{padding:6px 14px;font-size:.8rem}}@media (max-width:480px){.blog-header{padding:85px 10px 25px}.blog-header h1{font-size:1.7rem}.blog-card-body{padding:16px}.blog-post-header{padding:85px 10px 25px}.blog-post-header h1{font-size:1.5rem}}