.blog-page{min-height:100vh;padding-top:var(--space-16);overflow-x:hidden}.blog-hero{padding-top:var(--space-20);padding-bottom:var(--space-20);text-align:center;position:relative}.blog-hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:700px;height:700px;background:radial-gradient(ellipse at center,rgba(0,217,255,.12) 0,rgba(139,92,246,.08) 40%,transparent 70%);z-index:-1;pointer-events:none}.blog-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--accent-primary);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.blog-hero__title{font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:var(--font-bold);margin-bottom:var(--space-6);line-height:var(--leading-tight)}.blog-hero__subtitle{font-size:var(--text-xl);color:var(--text-color-secondary);max-width:700px;margin:0 auto;line-height:var(--leading-relaxed)}.blog-featured{padding-top:var(--space-12);padding-bottom:var(--space-12);position:relative}.featured-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--gradient-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.featured-post{display:block;background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;padding:var(--space-8)}.featured-post__image{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16/10}.featured-post__image picture{display:block;width:100%;height:100%}.featured-post__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.featured-post:hover .featured-post__image img{transform:scale(1.05)}.featured-post__content{padding:var(--space-6) 0}@media (min-width:992px){.featured-post__content{padding:0 var(--space-8)}}.post-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-color-tertiary);margin-bottom:var(--space-4)}.post-category{color:var(--accent-primary);font-weight:var(--font-semibold)}.post-separator{opacity:.5}.featured-post__title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--text-color);margin-bottom:var(--space-4);line-height:var(--leading-tight)}.featured-post__excerpt{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-color-secondary);margin-bottom:var(--space-6)}.post-author{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.author-info{flex:1 1}.author-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-color);margin-bottom:var(--space-1)}.author-role{font-size:var(--text-sm);color:var(--text-color-tertiary)}.read-more-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--gradient-primary);color:#fff;font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-lg);text-decoration:none;transition:all .3s ease}.read-more-btn:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(0,217,255,.4);color:#fff}.blog-filters{padding-top:var(--space-12);padding-bottom:var(--space-8);text-align:center}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.filter-btn{padding:var(--space-3) var(--space-6);background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-color-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.filter-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.filter-btn.active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(0,217,255,.3)}.blog-section{padding-top:var(--space-8);padding-bottom:var(--space-20)}a.blog-card,a.featured-post{text-decoration:none;color:inherit}.blog-card{background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(139,92,246,.2);border-color:var(--accent-secondary)}.blog-card__image{position:relative;aspect-ratio:16/10;overflow:hidden}.blog-card__image picture{display:block;width:100%;height:100%}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-card__image img{transform:scale(1.05)}.blog-card__category{position:absolute;top:var(--space-4);left:var(--space-4);padding:var(--space-2) var(--space-3);background:rgba(139,92,246,.9);backdrop-filter:blur(8px);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.blog-card__content{padding:var(--space-8);flex:1 1;display:flex;flex-direction:column}.blog-card__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-color-tertiary);margin-bottom:var(--space-4)}.blog-card__meta .separator{opacity:.5}.blog-card__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-color);margin-bottom:var(--space-3);line-height:var(--leading-tight)}.blog-card__excerpt{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-color-secondary);margin-bottom:var(--space-6);flex:1 1}.blog-card__author{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--surface-border);margin-bottom:var(--space-4)}.author-details{flex:1 1}.author-details .author-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-color);margin-bottom:var(--space-1)}.author-details .author-role{font-size:var(--text-xs);color:var(--text-color-tertiary)}.blog-card__link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;transition:all .3s ease}.blog-card__link:hover{color:var(--accent-secondary);transform:translateX(4px)}@media (max-width:768px){.blog-page{padding-top:var(--space-12)}.blog-hero{padding:var(--space-12) 0 var(--space-8)}.blog-hero:before{width:100%;height:100%}.blog-featured{padding:var(--space-4) 0 var(--space-8)}.featured-badge,.featured-post{margin-left:var(--space-3)}.featured-post{padding:var(--space-6);margin-right:var(--space-3)}.featured-post__title{font-size:var(--text-3xl)}.featured-post__excerpt{font-size:var(--text-base)}.blog-section{padding-top:var(--space-6);padding-bottom:var(--space-12)}.blog-card__content{padding:var(--space-6)}.blog-card{margin-left:var(--space-3);margin-right:var(--space-3)}}@media (max-width:576px){.filter-buttons{gap:var(--space-2)}.filter-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-12) 0 var(--space-4)}.pagination-btn{min-width:44px;height:44px;padding:0 var(--space-3);background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-color-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .25s ease;font-family:inherit}.pagination-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.pagination-btn--active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(0,217,255,.35)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn--next,.pagination-btn--prev{font-size:var(--text-base)}