.blog-page{padding-top:100px;min-height:100vh;background-color:var(--bg-primary);transition:background-color var(--duration-normal) var(--ease-smooth)}.blog-page.light-mode{background-color:#fff}.blog-page.dark-mode{background-color:#0a0a0f}.blog-hero{padding:var(--space-24) 0 var(--space-16);text-align:center;background:linear-gradient(135deg,#7c3aed0d,#8b5cf608)}.blog-title{font-size:var(--text-5xl);margin-bottom:var(--space-4);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-subtitle{font-size:var(--text-xl);color:var(--text-secondary);max-width:600px;margin:0 auto}.blog-content{padding:var(--space-16) 0}.blog-filters{display:flex;gap:var(--space-3);margin-bottom:var(--space-12);flex-wrap:wrap;justify-content:center}.filter-button{padding:var(--space-3) var(--space-6);border:2px solid var(--glass-border);background:var(--glass-bg);border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);color:var(--text-primary)}.filter-button:hover{border-color:var(--brand-orange);background:var(--glass-bg-hover);transform:translateY(-2px)}.filter-button.active{background:var(--brand-orange);border-color:var(--brand-orange);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-8)}.no-posts{text-align:center;padding:var(--space-24) var(--space-8);color:var(--text-secondary)}.no-posts h2{font-size:var(--text-3xl);margin-bottom:var(--space-4);color:var(--text-primary)}.no-posts p{font-size:var(--text-lg);color:var(--text-muted)}.blog-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-smooth);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-orange);border-color:var(--brand-orange)}.blog-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.blog-card-category{background:var(--brand-orange);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.blog-card-date{color:var(--text-muted);font-size:var(--text-sm)}.blog-card-title{font-size:var(--text-2xl);margin-bottom:var(--space-4);color:var(--text-primary);line-height:1.3}.blog-card-excerpt{color:var(--text-secondary);margin-bottom:var(--space-6);flex-grow:1;line-height:1.6}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--glass-border)}.blog-card-author{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.blog-card-read-time{color:var(--text-muted);font-size:var(--text-sm)}.blog-card-button{background:var(--brand-orange);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);width:100%}.blog-card-button:hover{background:var(--brand-orange-light);transform:translate(4px)}.blog-post-page{padding-top:120px;min-height:100vh;background-color:var(--bg-primary);transition:background-color var(--duration-normal) var(--ease-smooth)}.blog-post-page.light-mode{background-color:#fff}.blog-post-page.dark-mode{background-color:#0a0a0f}.back-button{background:var(--glass-bg);border:1px solid var(--glass-border);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;cursor:pointer;margin-top:var(--space-6);margin-bottom:var(--space-8);transition:all var(--duration-normal) var(--ease-smooth);color:var(--text-primary);display:inline-block}.back-button:hover{background:var(--glass-bg-hover);border-color:var(--brand-orange);transform:translate(-4px)}.post-meta{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-6);flex-wrap:wrap}.post-category{background:var(--brand-orange);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700}.post-date,.post-read-time{color:var(--text-muted);font-size:var(--text-sm)}.post-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-4);line-height:1.2}.post-author{color:var(--text-secondary);font-size:var(--text-lg)}.post-content{color:var(--text-secondary);line-height:1.8;font-size:var(--text-lg)}.post-content h2{color:var(--text-primary);margin-top:var(--space-12);margin-bottom:var(--space-6);font-size:var(--text-3xl)}.post-content h3{color:var(--text-primary);margin-top:var(--space-8);margin-bottom:var(--space-4);font-size:var(--text-2xl)}.post-content p{margin-bottom:var(--space-6)}.post-content ul,.post-content ol{margin-bottom:var(--space-6);padding-left:var(--space-8)}.post-content li{margin-bottom:var(--space-3)}.post-content ul li{list-style-type:none;position:relative;padding-left:var(--space-6)}.post-content ul li:before{content:"→";position:absolute;left:0;color:var(--brand-orange);font-weight:700}@media(max-width:768px){.blog-title{font-size:var(--text-3xl)}.blog-subtitle{font-size:var(--text-base)}.blog-grid{grid-template-columns:1fr}.blog-card-title{font-size:var(--text-xl)}.post-header h1{font-size:var(--text-2xl)}.post-content{font-size:var(--text-base)}.post-content h2{font-size:var(--text-xl)}.post-content h3{font-size:var(--text-lg)}}.blog-post-full{max-width:800px;margin:0 auto;padding:var(--space-12) 0}.post-featured-image{margin-bottom:var(--space-8);border-radius:var(--radius-xl);overflow:hidden}.post-featured-image img{width:100%;height:auto;display:block;object-fit:cover;max-height:500px}.post-header{text-align:center}.note{background:#f4f6f7;padding:var(--space-4);border-left:4px solid var(--brand-orange);margin:var(--space-4) 0;color:var(--text-primary)}.cta-box{background:#e8f5e9;padding:var(--space-6);border:2px dashed var(--brand-orange);text-align:center;margin-top:var(--space-8);color:var(--text-primary)}.cta-box h3{color:var(--brand-orange);margin-bottom:var(--space-2)}.cta-box a{color:var(--brand-orange);text-decoration:none;font-weight:700}.dark-mode .note{background:#ffffff0d;border-left-color:var(--brand-orange);color:var(--text-secondary)}.dark-mode .cta-box{background:#2ecc711a;border-color:var(--brand-orange);color:var(--text-secondary)}.dark-mode strong{color:var(--text-primary)}