.blog-page{background-color:#f9fafb;min-height:100vh}.blog-banner{color:#fff;text-align:center;background:linear-gradient(90deg,#0070f3,#9333ea);padding:5rem 1rem}.blog-banner .banner-content{max-width:1600px;margin:0 auto}.blog-banner .banner-content h1{margin-bottom:1rem;font-size:2.25rem;font-weight:700}@media (min-width:768px){.blog-banner .banner-content h1{font-size:3rem}}.blog-banner .banner-content p{color:#ffffffe6;max-width:3xl;margin:0 auto;font-size:1.25rem}.articles-container{max-width:1600px;margin:0 auto;padding:4rem 1rem}.articles-list{flex-direction:column;gap:1.5rem;display:flex}.article-item{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:1.5rem;transition:box-shadow .2s ease-in-out}.article-item:hover{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.article-item .card-content{width:100%}.article-item .card-meta{color:#6b7280;align-items:center;margin-bottom:.75rem;font-size:.875rem;display:flex}.article-item .card-meta .meta-item:not(:last-child){margin-right:1rem}.article-item .card-title{color:#1f2937;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;transition:color .2s ease-in-out}.article-item .card-title:hover{color:#0070f3}.article-item .card-excerpt{color:#4b5563;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;display:-webkit-box;overflow:hidden}.article-item .card-footer{justify-content:space-between;align-items:center;display:flex}.article-item .card-author{color:#374151;font-weight:medium;align-items:center;display:flex}.article-item .card-link{color:#0070f3;font-weight:medium;transition:color .2s ease-in-out}.article-item .card-link:hover{color:#0058c0}.pagination{justify-content:center;margin-top:4rem;display:flex}.pagination .pagination-nav{border-radius:.375rem;display:inline-flex;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.pagination .pagination-btn{font-size:.875rem;font-weight:medium;color:#6b7280;background-color:#fff;border:1px solid #d1d5db;padding:.75rem 1rem;transition:all .2s ease-in-out}.pagination .pagination-btn:hover:not(:disabled){background-color:#f9fafb}.pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination .pagination-btn:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.pagination .pagination-btn:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.pagination .pagination-page{font-size:.875rem;font-weight:medium;border-top:1px solid #d1d5db;border-bottom:1px solid #d1d5db;padding:.75rem 1rem;transition:all .2s ease-in-out}.pagination .pagination-page:not(:last-child){border-right:1px solid #d1d5db}.pagination .pagination-page.active{color:#fff;background-color:#0070f3;border-color:#0070f3}.pagination .pagination-page:not(.active):hover{color:#374151;background-color:#f9fafb}@media (prefers-color-scheme:dark){.blog-page{background-color:#0f172a}.article-card{background-color:#1e293b;box-shadow:0 10px 15px -3px #0000004d}.article-card .card-title{color:#f8fafc}.article-card .card-excerpt,.article-card .card-meta{color:#94a3b8}.article-card .card-author{color:#f8fafc}.pagination .pagination-btn,.pagination .pagination-page{color:#94a3b8;background-color:#1e293b;border-color:#334155}.pagination .pagination-btn:hover:not(:disabled):not(.active),.pagination .pagination-page:hover:not(:disabled):not(.active){background-color:#0d1219}}