.blog-page{min-height:100vh;overflow-x:hidden}.blog-hero{position:relative;padding:160px 20px 80px;overflow:hidden}.blog-hero-bg{position:absolute;inset:0;pointer-events:none}.blog-hero .hero-grid,.blog-post-header .hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 20%,#0000 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,#0000 70%)}.blog-hero .hero-orb,.blog-post-header .hero-orb{position:absolute;border-radius:50%;filter:blur(100px)}.blog-hero .hero-orb-1,.blog-post-header .hero-orb-1{width:500px;height:500px;background:var(--color-accent-primary);opacity:.1;top:-200px;right:-100px;animation:float 10s ease-in-out infinite}.blog-hero .hero-orb-2{width:400px;height:400px;background:var(--color-accent-secondary);opacity:.08;bottom:-150px;left:-100px;animation:float 12s ease-in-out infinite reverse}.blog-hero-content{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}.blog-hero-content h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;margin-bottom:var(--spacing-md)}.blog-list-section{padding:var(--spacing-xl) 0 var(--spacing-2xl);background:var(--color-bg-secondary)}.blog-empty{text-align:center;padding:var(--spacing-2xl);max-width:560px;margin:0 auto}.blog-empty i{font-size:2.5rem;color:var(--color-accent-primary);margin-bottom:var(--spacing-md)}.blog-empty p{color:var(--color-text-secondary);margin:0}.blog-featured{display:block;padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);text-decoration:none;color:inherit}.blog-card-label{display:inline-block;font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-primary);margin-bottom:var(--spacing-sm)}.blog-featured h2{font-size:1.9rem;line-height:1.25;margin-bottom:var(--spacing-sm)}.blog-featured>p{font-size:1.05rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-md)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-md);gap:var(--spacing-md)}.blog-card{display:flex;flex-direction:column;padding:var(--spacing-lg);text-decoration:none;color:inherit}.blog-card h3{font-size:1.15rem;line-height:1.35;margin-bottom:var(--spacing-xs)}.blog-card>p{font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-md);flex-grow:1}.blog-card-meta,.blog-card>p{color:var(--color-text-muted)}.blog-card-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.blog-card-meta i{color:var(--color-accent-primary);margin-right:6px}.blog-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--spacing-sm)}.blog-tag{padding:4px 12px;background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-xl);font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary)}.blog-post-header{position:relative;padding:160px 0 60px;overflow:hidden;text-align:center}.blog-post-header .container{position:relative;z-index:1;max-width:820px}.blog-post-header h1{font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.2;margin-bottom:var(--spacing-md)}.blog-post-header .blog-card-meta,.blog-post-header .blog-card-tags{justify-content:center}.blog-back-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--spacing-lg);transition:color var(--transition-normal)}.blog-back-link:hover{color:var(--color-accent-primary)}.blog-post-body{max-width:780px;margin:0 auto;padding:var(--spacing-xl) 0;font-size:1.05rem;line-height:1.8;color:var(--color-text-secondary)}.blog-post-body h2{font-size:1.7rem;color:var(--color-text-primary,#fff);margin:var(--spacing-xl) 0 var(--spacing-sm);line-height:1.3}.blog-post-body h3{font-size:1.3rem;color:var(--color-text-primary,#fff);margin:var(--spacing-lg) 0 var(--spacing-xs)}.blog-post-body p{margin-bottom:var(--spacing-md)}.blog-post-body a{color:var(--color-accent-primary)}.blog-post-body ol,.blog-post-body ul{margin:0 0 var(--spacing-md) 1.4em}.blog-post-body li{margin-bottom:8px}.blog-post-body blockquote{border-left:3px solid var(--color-accent-primary);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-text-muted);font-style:italic}.blog-post-body code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:4px;padding:2px 6px}.blog-post-body pre{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);overflow-x:auto;margin-bottom:var(--spacing-md)}.blog-post-body pre code{background:none;border:none;padding:0}.blog-post-body hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0}.blog-post-body table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md);font-size:.95rem}.blog-post-body td,.blog-post-body th{border:1px solid var(--color-border);padding:10px 14px;text-align:left}.blog-post-body th{background:var(--color-bg-card);color:var(--color-text-primary,#fff)}.blog-post-cta{text-align:center;padding:var(--spacing-xl);max-width:780px;margin:0 auto var(--spacing-2xl)}.blog-post-cta h2{font-size:1.6rem;margin-bottom:var(--spacing-xs)}.blog-post-cta p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.blog-related{max-width:980px;margin:0 auto;padding-bottom:var(--spacing-2xl)}.blog-related-title{text-align:center;font-size:1.8rem;margin-bottom:var(--spacing-lg)}.blog-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media screen and (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.blog-hero{padding:140px 20px 50px}.blog-post-header{padding:140px 0 40px}.blog-grid{grid-template-columns:1fr}.blog-featured{padding:var(--spacing-lg)}.blog-featured h2{font-size:1.5rem}}