.blog-panel{background:#000;border:1px solid #ffffff14;border-radius:.75rem;height:360px;transition:transform .4s;position:relative;overflow:hidden}.blog-panel:hover{transform:translateY(-6px)}.blog-bg{object-fit:cover;transition:transform .8s;transform:scale(1.08)}.blog-bg-fallback{background:radial-gradient(circle at 30% 20%,#50a0ff40,#0000 60%),linear-gradient(160deg,#0a1626,#05070c);position:absolute;inset:0}.blog-panel:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#00000026 35%,#00000073 65%,#000000bf 100%);position:absolute;inset:0;box-shadow:0 4px 30px #000000b3}.blog-panel:hover .blog-bg{transform:scale(1.2)}.blog-overlay{z-index:1;background:linear-gradient(#00000073,#0000008c);position:absolute;inset:0}.blog-title-block{z-index:2;flex-direction:column;gap:.4rem;display:flex;position:absolute;top:1.5rem;left:1.5rem;right:1.5rem}.blog-index{letter-spacing:.35em;color:#ffffff59;font-size:.65rem}.blog-title{letter-spacing:.06em;background:linear-gradient(#e5f1ff,#9bbcff);-webkit-text-fill-color:transparent;-webkit-line-clamp:3;-webkit-background-clip:text;-webkit-box-orient:vertical;font-size:1.05rem;font-weight:600;display:-webkit-box;overflow:hidden}.blog-bottom{z-index:2;background:linear-gradient(#0000,#000000a6,#000000d9);padding:1.5rem;position:absolute;inset:auto 0 0}.blog-date{letter-spacing:.3em;text-transform:uppercase;color:#67e8f9;font-size:.65rem}.blog-excerpt{color:#ffffffd9;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.75rem;font-size:.8rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-readmore{color:#ffffffe6;margin-top:1rem;font-size:.8rem;font-weight:500;transition:color .3s;display:inline-flex}.blog-panel:hover .blog-readmore{color:#a5f3fc}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:4rem;display:flex}.blog-page-btn{color:#ffffffbf;letter-spacing:.05em;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:.5rem;justify-content:center;align-items:center;gap:.4rem;min-width:2.5rem;height:2.5rem;padding:0 .85rem;font-size:.85rem;transition:border-color .3s,color .3s,background .3s;display:inline-flex}.blog-page-btn:hover:not(:disabled){color:#fff;background:#67e8f914;border-color:#67e8f999}.blog-page-btn:disabled{opacity:.35;cursor:not-allowed}.blog-page-btn[aria-current=page]{color:#fff;background:#67e8f924;border-color:#67e8f9b3;font-weight:600}