:root{--primary-bg-start:#020718;--primary-bg-end:#000133;--secondary-bg-color:#f8faff;--card-bg-color:#ffffff;--text-dark:#2a2a2a;--text-light:#e0e0e0;--accent-color:#0077b6;--accent-hover-light:#0096c7;--accent-hover-dark:#005f99;--border-light:#e0e0e0;--shadow-light:rgba(0,0,0,0.08);--shadow-medium:rgba(0,0,0,0.15);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:3rem;--spacing-xl:5rem;--font-primary:"Poppins",sans-serif;--font-secondary:"Roboto",sans-serif;--heading-font-weight:600;--body-font-weight:400;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-pill:50px;--transition-speed:0.3s ease-in-out}.blogs-page{background:linear-gradient(-45deg,var(--primary-bg-start),var(--primary-bg-end),#020738,var(--primary-bg-start));background-size:400% 400%;animation:gradientFlow 18s ease infinite;margin:0;width:100%;min-height:100vh;display:flex;flex-direction:column;color:var(--text-dark)}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.blog-hero{margin-bottom:var(--spacing-lg);color:var(--text-light);text-align:center;padding:var(--spacing-xl) 0;background:var(--primary-bg-end)}.filter-buttons-outer-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.filter-buttons-inner-wrapper{display:flex;flex-wrap:nowrap;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:0 solid var(--border-light);border-radius:var(--border-radius-pill);box-shadow:inset 0 1px 3px var(--shadow-light)}.filter-buttons-inner-wrapper>.btn{flex-shrink:0;white-space:nowrap}.filter-button.btn{border-radius:var(--border-radius-pill);padding:.3rem .5rem;font-weight:500;font-family:var(--font-secondary);transition:all var(--transition-speed);border:1px solid var(--accent-color)}.filter-button.btn-primary{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--text-light);box-shadow:0 4px 8px var(--shadow-light)}.filter-button.btn-primary:focus,.filter-button.btn-primary:hover{background-color:var(--accent-hover-light);border-color:var(--accent-hover-light);transform:translateY(-2px);box-shadow:0 6px 12px var(--shadow-medium)}.filter-button.btn-outline-primary{color:var(--accent-color);background-color:transparent;border-color:var(--accent-color)}.filter-button.btn-outline-primary:focus,.filter-button.btn-outline-primary:hover{background-color:var(--accent-color);color:var(--text-light);box-shadow:0 4px 8px var(--shadow-light);transform:translateY(-2px)}.pagination-container{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);display:flex;justify-content:center;padding:var(--spacing-sm) 0}.pagination .page-item .page-link{border-radius:var(--border-radius-pill)!important;margin:0 var(--spacing-xs);min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-weight:500;color:var(--accent-color);border:1px solid var(--border-light);background-color:var(--card-bg-color);transition:all var(--transition-speed)}.pagination .page-item.active .page-link{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--text-light);box-shadow:0 4px 8px var(--shadow-light)}.pagination .page-item .page-link:hover{background-color:var(--accent-hover-light);border-color:var(--accent-hover-light);color:var(--text-light);transform:translateY(-1px)}.pagination .page-item.disabled .page-link{color:var(--text-muted);background-color:var(--secondary-bg-color);border-color:var(--border-light);cursor:not-allowed;opacity:.7}.main-blog-section .blog-section-title{font-family:var(--font-primary);font-weight:var(--heading-font-weight);color:var(--text-dark);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);position:relative}.main-blog-section .blog-section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:var(--accent-color);border-radius:2px}@media (max-width:767.98px){.filter-buttons-inner-wrapper{justify-content:flex-start}}@media (max-width:575.98px){.blogs-container{padding:var(--spacing-md) var(--spacing-xs);margin:var(--spacing-md) auto}.blog-section-title{font-size:1.8rem}}