.blog-client-container{max-width:1400px;margin:0 auto;padding:40px 20px}.bento-categories{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:40px;display:flex}.bento-cat-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #1a2639;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.bento-cat-btn:hover{color:#fff;border-color:#fff}.bento-cat-btn.active{color:#071735;background:#fff;border-color:#fff}.bento-cat-btn .count{color:#94a3b8;background:#ffffff1a;border-radius:12px;padding:2px 6px;font-size:12px}.bento-cat-btn.active .count{color:#071735;background:#0717351a}.blog-bento-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px;display:grid}.blog-bento-featured{color:#fff;background:#050a14;border:1px solid #0b1324;border-radius:20px;grid-column:span 2;min-height:400px;display:flex;position:relative;overflow:hidden}.blog-bento-featured .bento-img-wrap{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.blog-bento-featured .bento-img-wrap img{object-fit:cover;width:100%;height:100%}.blog-bento-featured .bento-content{z-index:2;background:linear-gradient(90deg,#050a1400 0%,#050a14e6 25%,#050a14 100%);flex-direction:column;justify-content:center;width:60%;margin-left:auto;padding:40px;display:flex;position:relative}.blog-bento-featured h2{margin:16px 0;font-size:28px;font-weight:600;line-height:1.3}.blog-bento-featured h2 a{color:#fff;text-shadow:0 2px 10px #00000080;text-decoration:none}.blog-bento-featured h2 a:hover{color:#ffd066}.blog-bento-featured p{color:#cbd5e1;-webkit-line-clamp:3;line-clamp:3;text-shadow:0 1px 4px #000c;-webkit-box-orient:vertical;margin-bottom:24px;font-size:16px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-bento-standard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:radial-gradient(90% 60% at 50% 0,#0d1e3cf2 0%,#05070cfa 100%);border:1px solid #1a2639;border-radius:20px;flex-direction:column;grid-column:span 1;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.blog-bento-standard:hover{border-color:#ffd066;transform:translateY(-4px)}.blog-bento-standard .bento-img-wrap{height:220px;position:relative}.blog-bento-standard .bento-img-wrap img{object-fit:cover;width:100%;height:100%}.blog-bento-standard .bento-content{flex-direction:column;flex:1;padding:24px;display:flex}.blog-bento-standard h3{margin:12px 0;font-size:20px;font-weight:600;line-height:1.4}.blog-bento-standard h3 a{color:#f8fafc;text-decoration:none}.blog-bento-standard h3 a:hover{color:#ffd066}.blog-bento-standard p{color:#94a3b8;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:20px;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.bento-tag{color:#cbd5e1;letter-spacing:.5px;background:#ffffff14;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.blog-bento-featured .bento-tag{color:#e2e8f0;background:#ffffff1a}.bento-footer{color:#64748b;justify-content:space-between;align-items:center;margin-top:auto;font-size:13px;display:flex}.blog-bento-featured .bento-footer{color:#94a3b8}.bento-read-more{color:#ffd066;align-items:center;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.bento-read-more:hover{color:#fff;transform:translate(4px)}.bento-pagination{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.bento-pagination button{color:#f8fafc;cursor:pointer;background:#0b1324;border:1px solid #1a2639;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s}.bento-pagination button:hover:not(:disabled){background:#1a2639;border-color:#475569}.bento-pagination button:disabled{opacity:.5;cursor:not-allowed}.bento-pagination span{color:#94a3b8;font-size:14px;font-weight:500}@media (max-width:1024px){.blog-bento-featured{flex-direction:column;grid-column:span 3}.blog-bento-featured .bento-img-wrap,.blog-bento-featured .bento-content{width:100%}.blog-bento-featured .bento-img-wrap{height:250px}.blog-bento-standard{grid-column:span 3}}@media (min-width:768px) and (max-width:1024px){.blog-bento-standard{grid-column:span 1}}