.blog-page{width:100%;min-height:60vh;font-family:DM Sans,sans-serif;background:linear-gradient(160deg,#0a0f1f,#111e36);color:#f8fafc;padding:40px 0 80px}.blog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.blog-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.04);color:#475569;font-size:13px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s;white-space:nowrap}.blog-tab:hover{color:#94a3b8;background:hsla(0,0%,100%,.07)}.blog-tab.active{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.35);color:#38bdf8}.blog-heading{margin-bottom:24px}.blog-heading h1{font-family:"DM Serif Display",serif;font-size:28px;color:#f8fafc}.blog-heading p{font-size:13px;color:#94a3b8}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px;width:100%}.blog-card{background:linear-gradient(160deg,#0d1526,#111e36);border-radius:14px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;border:1px solid rgba(148,163,184,.06);box-shadow:0 8px 24px rgba(2,6,23,.55);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.blog-card:hover{transform:translateY(-6px);border-color:rgba(56,189,248,.16);box-shadow:0 20px 50px rgba(2,6,23,.65)}.blog-card-thumb{height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,rgba(56,189,248,.04),rgba(99,102,241,.04))}.blog-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.blog-card:hover .blog-card-thumb img{transform:scale(1.06)}.blog-card-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1 1 auto}.blog-card-title{font-family:"DM Serif Display",serif;font-size:18px;color:#f1f5f9;margin:0;line-height:1.3}.blog-card-excerpt{font-size:14px;color:#94a3b8;margin:0}.blog-loading{display:flex;align-items:center;gap:12px;padding:32px 0;color:#94a3b8;font-size:14px}.blog-spinner{width:18px;height:18px;border:2px solid rgba(56,189,248,.2);border-top-color:#38bdf8;border-radius:50%;animation:blog-spin .7s linear infinite}@keyframes blog-spin{to{transform:rotate(1turn)}}.blog-card-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:#94a3b8;margin-top:auto;padding-top:8px;border-top:1px solid hsla(0,0%,100%,.05)}.blog-card-meta-dot{width:3px;height:3px;border-radius:50%;background:#334155}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}}