.blog-list-page{background:var(--studio-bg-deep);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.blog-list-page:before{content:"";opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.blog-list-container{width:100%;max-width:1200px;padding:var(--space-8);z-index:1;flex:1;margin:0 auto;position:relative}.blog-list-content{background:var(--studio-bg-primary);border:1px solid var(--studio-border);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.blog-list-content:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);position:absolute;inset:0}.blog-hero{text-align:center;margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--studio-border);z-index:1;position:relative}.blog-hero-icon{background:var(--studio-accent);border-radius:var(--radius-xl);width:80px;height:80px;margin-bottom:var(--space-6);color:var(--studio-text-inverse);box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:inline-flex}.blog-hero-icon svg{width:40px;height:40px}.blog-hero-title{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-bold);color:var(--studio-text-primary);margin:0 0 var(--space-4)0;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.blog-hero-description{font-family:var(--font-body);font-size:var(--text-body);color:var(--studio-text-secondary);max-width:600px;line-height:var(--leading-relaxed);font-weight:var(--weight-medium);margin:0 auto}.blog-grid{gap:var(--space-6);margin-bottom:var(--space-10);z-index:1;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid;position:relative}.blog-empty{text-align:center;padding:var(--space-16)var(--space-8);color:var(--studio-text-muted);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-relaxed)}.back-to-home-btn{width:fit-content;padding:var(--space-3)var(--space-6);background:var(--studio-accent);color:var(--studio-text-inverse);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-base)var(--ease-out-expo);box-shadow:var(--shadow-sm);z-index:1;border:none;margin:0 auto;display:block;position:relative}.back-to-home-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.back-to-home-btn:active{transform:translateY(0)}.back-to-home-btn:focus{outline:2px solid var(--studio-accent);outline-offset:2px}[data-theme=light] .blog-list-page{background:var(--studio-bg-elevated)}[data-theme=light] .blog-list-page:before{opacity:.02}[data-theme=light] .blog-list-content{background:var(--studio-bg-primary);box-shadow:var(--shadow-lg)}@media (max-width:768px){.blog-list-container{padding:var(--space-4)}.blog-list-content{padding:var(--space-6);border-radius:var(--radius-xl)}.blog-hero{margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.blog-hero-icon{width:64px;height:64px}.blog-hero-icon svg{width:32px;height:32px}.blog-hero-title{font-size:var(--text-h1)}.blog-hero-description{font-size:var(--text-small)}.blog-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:1fr}}@media (max-width:480px){.blog-list-content{padding:var(--space-5)var(--space-4)}.blog-hero-title{font-size:var(--text-h2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-hero{animation:.6s ease-out fadeInUp}.blog-grid{animation:.6s ease-out .1s backwards fadeInUp}@media (prefers-reduced-motion:reduce){.back-to-home-btn{transition:none}.back-to-home-btn:hover{transform:none}.blog-hero,.blog-grid{animation:none}}