.blogs-list-page{min-height:100vh;padding:clamp(5.5rem,10vw,8rem)var(--layout-gutter)var(--layout-section-space);background:var(--color-bg-canvas);color:var(--color-text);position:relative;overflow:hidden}.blogs-list-page:before{background:radial-gradient(circle,var(--color-glow-primary),transparent 68%);content:"";opacity:.16;pointer-events:none;border-radius:50%;width:min(70rem,90vw);height:28rem;position:absolute;top:3rem;left:50%;transform:translate(-50%)}.blogs-list-container{width:min(100%,var(--layout-content-width));margin:0 auto;position:relative}.blogs-header{text-align:center;max-width:48rem;margin:0 auto max(3rem,min(7vw,5.5rem))}.blogs-header h1{margin:0 0 var(--space-4);color:var(--color-text);font-family:var(--font-display);letter-spacing:-.055em;font-size:max(2.5rem,min(7vw,4.75rem));font-weight:900;line-height:.98}.blogs-header p{max-width:38rem;color:var(--color-text-muted);font-size:var(--font-size-lg);margin:0 auto;line-height:1.7}.blog-preview-banner{max-width:var(--layout-content-width);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto var(--space-6);padding:var(--space-3)var(--space-4);border:1px solid var(--color-info-border);border-radius:var(--radius-md);background:var(--color-info-surface);color:var(--color-info);font-weight:var(--font-weight-medium);display:flex}.blog-preview-banner__action{border:1px solid var(--color-info-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-info);font-weight:var(--font-weight-bold);padding:.45rem .85rem;text-decoration:none}.blog-preview-banner__action:hover{border-color:var(--color-info);color:var(--color-text)}.blogs-grid{gap:var(--space-6);margin-bottom:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));display:grid}.blog-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);background:var(--gradient-card),var(--color-surface);cursor:pointer;flex-direction:column;min-width:0;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 18px 45px -32px rgba(0,0,0,.8)}.blog-card:hover{border-color:color-mix(in srgb,var(--brand-secondary)55%,var(--color-border));box-shadow:0 24px 55px -28px var(--color-glow-primary);transform:translateY(-5px)}.blog-card-image{aspect-ratio:16/10;border-bottom:1px solid var(--color-border);background:var(--color-bg-band);width:100%;position:relative;overflow:hidden}.blog-card-image img,.blog-card-hero-img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.blog-card:hover :is(.blog-card-image img,.blog-card-hero-img){transform:scale(1.045)}.blog-category-badge{top:var(--space-4);left:var(--space-4);border-radius:var(--radius-pill);background:var(--color-nav-fallback);color:var(--brand-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.25);padding:.4rem .75rem;position:absolute}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.blog-category-badge{background:var(--color-nav-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.blog-card-content{gap:var(--space-4);padding:var(--space-6);flex-direction:column;flex:1;display:flex}.blog-card-title{color:var(--color-text);font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.3;display:-webkit-box;overflow:hidden}.blog-card-excerpt{color:var(--color-text-muted);font-size:var(--font-size-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card-meta{gap:var(--space-3)var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.blog-meta-item{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);display:inline-flex}.blog-meta-item svg{color:var(--brand-secondary)}.blog-card-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.blog-tag-chip{border:1px solid var(--color-info-border);border-radius:var(--radius-pill);background:var(--color-info-surface);color:var(--color-info);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;padding:.3rem .7rem}.blog-card-footer{margin-top:auto}.read-more{align-items:center;gap:var(--space-2);color:var(--brand-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:gap .18s;display:inline-flex}.blog-card:hover .read-more{gap:var(--space-3)}.blogs-status-message{max-width:38rem;margin:0 auto var(--space-8);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text-muted);text-align:center}.blogs-status-message.error{border-color:var(--color-error-border);background:var(--color-error-surface);color:var(--color-error)}.blogs-status-message.empty{border-style:dashed}.pagination{justify-content:center;align-items:center;gap:var(--space-3);padding-top:var(--space-4);flex-wrap:wrap;display:flex}.pagination-btn,.pagination-number{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);min-width:2.75rem;min-height:2.75rem;color:var(--color-text);cursor:pointer;font:inherit;font-weight:var(--font-weight-medium);justify-content:center;align-items:center;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.pagination-btn{gap:var(--space-2);padding:.7rem 1.1rem}.pagination-numbers{gap:var(--space-2);flex-wrap:wrap;display:flex}.pagination-btn:hover:not(:disabled),.pagination-number:hover{border-color:var(--brand-secondary);background:var(--color-surface-raised);color:var(--brand-secondary)}.pagination-number.active{background:var(--brand-gradient);color:#fff;border-color:transparent}.pagination-btn:disabled{cursor:not-allowed;opacity:.45}.blogs-list-page :-webkit-any(a,button):focus-visible{outline:3px solid var(--brand-secondary);outline-offset:3px}.blogs-list-page :-moz-any(a,button):focus-visible{outline:3px solid var(--brand-secondary);outline-offset:3px}.blogs-list-page :is(a,button):focus-visible{outline:3px solid var(--brand-secondary);outline-offset:3px}@media (max-width:620px){.blogs-list-page{padding-top:5rem}.blogs-header{margin-bottom:var(--space-12)}.blogs-header p{font-size:var(--font-size-md)}.blog-preview-banner{flex-direction:column;align-items:flex-start}.blogs-grid{gap:var(--space-4)}.blog-card-content{padding:var(--space-4)}.pagination-numbers{order:3;justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.blogs-list-page *,.blogs-list-page :before,.blogs-list-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.blog-card,.blog-card:hover{transform:none!important}.blog-card:hover :is(.blog-card-image img,.blog-card-hero-img){transform:none!important}}