.blog-section{position:relative;overflow:hidden}.blog-section::before{content:'';position:absolute;top:10%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(237,0,4,0.08) 0%,transparent 70%);pointer-events:none;filter:blur(40px)}.blog-filters{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:var(--section-header-gap)}.blog-featured.hidden{display:none}.blog-featured{display:grid;grid-template-columns:1.15fr 1fr;gap:0;margin-bottom:2rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-glass);transition:border-color var(--transition),box-shadow var(--transition)}.blog-featured:hover{border-color:rgba(237,0,4,0.35);box-shadow:0 0 40px rgba(237,0,4,0.12)}.blog-featured__visual{position:relative;min-height:320px;overflow:hidden}.blog-featured__visual img,.blog-featured__visual .blog-card__cover{width:100%;height:100%;object-fit:cover;min-height:320px;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}.blog-featured:hover .blog-featured__visual img,.blog-featured:hover .blog-featured__visual .blog-card__cover{transform:scale(1.04)}.blog-featured__visual::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,rgba(10,10,10,0.85) 100%);pointer-events:none}.blog-featured__body{display:flex;flex-direction:column;justify-content:center;padding:2.5rem;background:var(--bg-glass);backdrop-filter:blur(16px)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.blog-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-glass);background:var(--bg-glass);transition:transform 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease;text-decoration:none;color:inherit;height:100%}.blog-card:hover{transform:translateY(-6px);border-color:rgba(237,0,4,0.35);box-shadow:0 12px 40px rgba(237,0,4,0.15)}.blog-card.hidden{display:none}.blog-card__visual{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#0a0a0a}.blog-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.blog-card:hover .blog-card__img{transform:scale(1.06)}.blog-card__cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:rgba(255,255,255,0.9);transition:transform 0.5s ease}.blog-card__cover--mern{background:linear-gradient(135deg,#1a1a1a 0%,#2a0001 50%,#ed0004 100%)}.blog-card__cover--ai{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#4b0001 100%)}.blog-card__cover--wordpress{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 50%,#6b0002 100%)}.blog-card__cover--laravel{background:linear-gradient(135deg,#0f0f0f 0%,#1a0a0a 50%,#ed0004 100%)}.blog-card__cover--career{background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 50%,#ff1a1a 100%)}.blog-card:hover .blog-card__cover{transform:scale(1.06)}.blog-card__scanline{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(237,0,4,0.5),transparent);top:0;animation:blogScanline 4s ease-in-out infinite;pointer-events:none}@keyframes blogScanline{0%,100%{top:0;opacity:0.3}50%{top:100%;opacity:1}}.blog-card__body{padding:1.25rem 1.35rem 1.5rem;display:flex;flex-direction:column;flex:1}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem;margin-bottom:0.75rem;font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.08em}.blog-meta__item{display:inline-flex;align-items:center;gap:0.35rem}.blog-tag{display:inline-block;padding:0.2rem 0.6rem;background:rgba(237,0,4,0.12);border:1px solid rgba(237,0,4,0.25);border-radius:100px;font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent-primary)}.blog-card__title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;line-height:1.35;margin-bottom:0.625rem;letter-spacing:0.02em;transition:color var(--transition)}.blog-featured__title{font-size:clamp(1.35rem,2.5vw,1.75rem);margin-bottom:1rem}.blog-card:hover .blog-card__title,.blog-featured:hover .blog-featured__title{color:var(--accent-primary)}.blog-card__excerpt{font-size:0.875rem;color:var(--text-secondary);line-height:1.65;margin-bottom:1.25rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border-glass);font-size:0.8rem;font-weight:600;color:var(--text-primary)}.blog-card__footer i{color:var(--accent-primary);transition:transform var(--transition)}.blog-card:hover .blog-card__footer i{transform:translateX(4px)}.blog-cta{margin-top:3rem;text-align:center}.blog-page{padding-top:calc(var(--nav-height)+2rem);min-height:100vh}.article-hero{padding:3rem 0 2rem;border-bottom:1px solid var(--border-glass);margin-bottom:2.5rem}.article-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;font-size:0.75rem;color:var(--text-muted);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:0.08em}.article-breadcrumb a{color:var(--text-secondary);transition:color var(--transition)}.article-breadcrumb a:hover{color:var(--accent-primary)}.article-breadcrumb span{opacity:0.4}.article-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.15;letter-spacing:0.02em;text-transform:uppercase;max-width:900px;margin-bottom:1.25rem}.article-lead{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;max-width:720px;margin-bottom:1.5rem}.article-cover{margin:0 0 2.5rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-glass);aspect-ratio:16 / 9;max-height:480px}.article-cover img{width:100%;height:100%;object-fit:cover;display:block}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:3rem;align-items:start;padding-bottom:4rem}.article-prose{color:var(--text-secondary);font-size:1rem;line-height:1.8}.article-prose h2{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:2.5rem 0 1rem;letter-spacing:0.04em;text-transform:uppercase;padding-bottom:0.5rem;border-bottom:2px solid rgba(237,0,4,0.4);display:inline-block}.article-prose h3{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:1.75rem 0 0.75rem}.article-prose p{margin-bottom:1.25rem}.article-prose ul,.article-prose ol{margin:0 0 1.25rem 1.25rem}.article-prose li{margin-bottom:0.5rem}.article-prose a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:3px}.article-prose blockquote{margin:1.5rem 0;padding:1.25rem 1.5rem;border-left:3px solid var(--accent-primary);background:rgba(237,0,4,0.06);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--text-primary)}.article-prose code{font-family:var(--font-mono);font-size:0.875em;background:rgba(255,255,255,0.06);padding:0.15rem 0.4rem;border-radius:4px;color:#ff6b6b}.article-sidebar{position:sticky;top:calc(var(--nav-height)+1.5rem);display:flex;flex-direction:column;gap:1.25rem}.article-sidebar__card{padding:1.25rem}.article-sidebar__title{font-size:0.7rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem}.article-toc a{display:block;font-size:0.8125rem;color:var(--text-secondary);padding:0.4rem 0;border-bottom:1px solid var(--border-glass);transition:color var(--transition),padding-left var(--transition)}.article-toc a:hover{color:var(--accent-primary);padding-left:0.35rem}.related-posts{padding:4rem 0;border-top:1px solid var(--border-glass)}.related-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem}.article-cta{margin-top:2.5rem;padding:2rem;text-align:center;border-color:rgba(237,0,4,0.2);background:rgba(237,0,4,0.04)}.article-cta h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:0.75rem;text-transform:uppercase}.article-cta p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:0.9rem}@media (prefers-reduced-motion:reduce){.blog-card__scanline{animation:none}}@media (max-width:1024px){.blog-featured{grid-template-columns:1fr}.blog-featured__visual::after{background:linear-gradient(0deg,rgba(10,10,10,0.9) 0%,transparent 60%)}.blog-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.related-posts__grid{grid-template-columns:1fr}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-featured__body{padding:1.5rem}}