.blog-page{min-height:100vh;background:#ffffff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.blog-hero{background:#0d1b2b;color:#ffffff;padding:80px 24px 56px;text-align:center}.blog-hero h1{font-size:48px;font-weight:800;margin:0 0 12px}.blog-hero p{font-size:18px;color:#cfd8e3;margin:0}.blog-grid{max-width:1100px;margin:0 auto;padding:56px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:32px;gap:32px}.blog-card{display:block;text-decoration:none;color:inherit;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}.blog-card:hover{box-shadow:0 8px 24px rgba(13,27,43,.12);transform:translateY(-2px)}.blog-card-image{width:100%;height:200px;object-fit:cover;display:block}.blog-card-body{padding:20px}.blog-card-body h2{font-size:20px;margin:0 0 8px}.blog-card-body p{font-size:14px;color:#4b5563;margin:0 0 12px}.blog-card-date{font-size:12px;color:#9ca3af}.blog-empty{text-align:center;color:#6b7280;grid-column:1/-1}.blog-post{max-width:720px;margin:0 auto;padding:0 24px 80px}.blog-post-header{background:#0d1b2b;color:#fff;margin:0 -24px 32px;padding:64px 24px 40px;text-align:center}.blog-post-header h1{font-size:36px;margin:0 0 12px}.blog-post-desc{color:#cfd8e3;font-size:16px;margin:0 0 8px}.blog-post-meta{color:#9fb0c3;font-size:13px;margin:0}.blog-post-image{width:100%;border-radius:12px;margin-bottom:32px}.blog-post-body p{font-size:17px;line-height:1.7;color:#1f2937;margin:0 0 20px}