.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{background:#111827;border:1px solid #1e293b;border-radius:12px;overflow:hidden;transition:all .3s ease}.blog-card:hover{transform:translateY(-2px);border-color:#334155;box-shadow:0 8px 24px rgba(0,0,0,.3)}.blog-card-image{position:relative;aspect-ratio:16/9;overflow:hidden}.blog-card-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1e293b 0,#0f172a 100%);display:flex;align-items:center;justify-content:center}.blog-card-image-placeholder svg{width:48px;height:48px;stroke:#334155}.blog-card-content{padding:24px}.blog-card-meta{display:flex;align-items:center;gap:12px;font-size:.8125rem;color:#64748b;margin-bottom:10px}.blog-card-meta span{display:flex;align-items:center;gap:4px}.blog-card-meta .meta-separator{width:3px;height:3px;border-radius:50%;background:#475569}.blog-card-title{font-size:1.125rem;font-weight:700;color:#fff;line-height:1.4;margin-bottom:8px}.blog-card-title a{color:inherit;text-decoration:none;transition:color .2s ease}.blog-card-title a:hover{color:#3b82f6}.blog-card-excerpt{font-size:.875rem;color:#94a3b8;line-height:1.7;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px}.blog-card-tags .blog-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:.75rem;font-weight:500;background:rgba(59,130,246,.1);color:#60a5fa}.blog-category-badge{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:.02em;backdrop-filter:blur(8px);z-index:1}.blog-category-badge.guide{background:rgba(59,130,246,.2);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.blog-category-badge.comparison{background:rgba(168,85,247,.2);color:#c084fc;border:1px solid rgba(168,85,247,.3)}.blog-category-badge.security{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.blog-category-badge.tips{background:rgba(245,158,11,.2);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.blog-featured{display:grid;grid-template-columns:1fr 1fr;background:#111827;border:1px solid #1e293b;border-radius:12px;overflow:hidden;margin-bottom:40px;transition:all .3s ease}.blog-featured:hover{border-color:#334155;box-shadow:0 8px 24px rgba(0,0,0,.3)}.blog-featured .blog-card-image{aspect-ratio:auto;height:100%;min-height:320px}.blog-featured .blog-card-image-placeholder{height:100%}.blog-featured .blog-card-image-placeholder svg{width:64px;height:64px}.blog-featured .blog-card-content{padding:40px;display:flex;flex-direction:column;justify-content:center}.blog-featured .blog-card-title{font-size:1.5rem;margin-bottom:12px}.blog-featured .blog-card-excerpt{-webkit-line-clamp:5;font-size:.9375rem;margin-bottom:20px}.blog-featured .featured-label{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#3b82f6;margin-bottom:16px}.blog-featured .featured-label svg{width:14px;height:14px}.blog-section-header{margin-bottom:32px}.blog-section-header h2{font-size:1.5rem;font-weight:800;color:#fff}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-featured{grid-template-columns:1fr 1fr}.blog-featured .blog-card-content{padding:28px}.blog-featured .blog-card-title{font-size:1.25rem}}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-featured{grid-template-columns:1fr}.blog-featured .blog-card-image{min-height:200px;aspect-ratio:16/9}.blog-featured .blog-card-content{padding:24px}.blog-featured .blog-card-title{font-size:1.25rem}.blog-featured .blog-card-excerpt{-webkit-line-clamp:3}}@media (max-width:480px){.blog-card-content{padding:20px}.blog-card-title{font-size:1rem}.blog-featured .blog-card-content{padding:20px}}