.all-blogs-section{background:0 0;padding:0}.all-blogs-section .home-style-header{text-align:center;flex-direction:column;align-items:center;max-width:760px;margin:0 auto 36px;display:flex}.all-blogs-section .home-style-header .section-badge{color:var(--main_color);background:#33a1e01a;border:1px solid #33a1e040;border-radius:30px;align-items:center;gap:7px;margin-bottom:12px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.all-blogs-section .home-style-header .section-badge .badge-icon{color:var(--main_color)}.all-blogs-section .home-style-header .section-title{color:#0f172a;margin-bottom:12px;font-size:32px;font-weight:800;line-height:1.25}.all-blogs-section .home-style-header .section-title .highlight{color:var(--main_color);background:linear-gradient(135deg, var(--main_color), #38bdf8);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.all-blogs-section .home-style-header .section-subtitle{color:#64748b;margin:0;font-size:15px;line-height:1.6}.all-blogs-section .all-blogs-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.all-blogs-section .load-more-wrap{justify-content:center;margin-top:36px;display:flex}.all-blogs-section .load-more-wrap .load-more-btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.all-blogs-section .no-blogs-state{text-align:center;color:#64748b;padding:48px 0;font-size:16px}@media (max-width:1200px){.all-blogs-section .all-blogs-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width:900px){.all-blogs-section .all-blogs-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:640px){.all-blogs-section .home-style-header{margin-bottom:28px}.all-blogs-section .home-style-header .section-title{font-size:24px}.all-blogs-section .home-style-header .section-subtitle{font-size:14px}.all-blogs-section .all-blogs-grid{grid-template-columns:1fr;gap:16px}}
.cyber-blog-card{background:var(--card-bg,#fffffff2);border:1px solid #33a1e026;border-radius:20px;flex-direction:column;justify-content:space-between;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172a08}.cyber-blog-card .card-top-laser{top:0;background:linear-gradient(90deg, transparent, var(--main_color), #38bdf8, transparent);opacity:.4;z-index:5;width:100%;height:2px;transition:opacity .35s;position:absolute;inset-inline-start:0}.cyber-blog-card:hover{border-color:#33a1e066;transform:translateY(-6px);box-shadow:0 16px 36px #33a1e024}.cyber-blog-card:hover .card-top-laser{opacity:1}.cyber-blog-card:hover .blog-img-wrap .blog-img{transform:scale(1.07)}.cyber-blog-card .blog-img-wrap{background:#33a1e00a;justify-content:center;align-items:center;width:100%;height:190px;display:flex;position:relative;overflow:hidden}.cyber-blog-card .blog-img-wrap .blog-img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.cyber-blog-card .blog-img-wrap .fallback-media-icon{color:var(--main_color);opacity:.7}.cyber-blog-card .blog-img-wrap .media-overlay{pointer-events:none;z-index:1;background:linear-gradient(#0000 40%,#0f172a80 100%);position:absolute;inset:0}.cyber-blog-card .blog-img-wrap .card-badge-row{top:10px;z-index:3;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;inset-inline:10px}.cyber-blog-card .blog-img-wrap .card-badge-row .tech-badge{-webkit-backdrop-filter:blur(10px);border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.cyber-blog-card .blog-img-wrap .card-badge-row .tech-badge .badge-icon{flex-shrink:0}.cyber-blog-card .blog-img-wrap .card-badge-row .tech-badge.category-badge{color:#fff;background:#0f172ac7;border:1px solid #ffffff2e}.cyber-blog-card .blog-img-wrap .card-badge-row .tech-badge.category-badge .badge-icon{color:#38bdf8}.cyber-blog-card .blog-img-wrap .card-badge-row .tech-badge.date-badge{color:#fff;background:#33a1e0d9;border:1px solid #ffffff40}.cyber-blog-card .blog-img-wrap .card-badge-row .tech-badge.date-badge .badge-icon{color:#fff}.cyber-blog-card .blog-card-body{flex-direction:column;flex:1;justify-content:space-between;gap:10px;padding:18px;display:flex}.cyber-blog-card .blog-card-body .author-meta{color:var(--main_color);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.cyber-blog-card .blog-card-body .author-meta .meta-icon{color:var(--main_color)}.cyber-blog-card .blog-card-body .blog-title{color:#0f172a;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.cyber-blog-card .blog-card-body .blog-desc{color:#64748b;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.cyber-blog-card .blog-card-body .card-action-row{margin-top:6px}.cyber-blog-card .blog-card-body .card-action-row .blog-cta-btn{border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.cyber-blog-card .blog-card-body .card-action-row .blog-cta-btn .arrow-icon{color:inherit;transition:transform!important;transform:none!important}
.blogs-matrix-section{color:#0f172a;background:0 0;padding:0;position:relative}.blogs-matrix-section .home-style-header{text-align:center;flex-direction:column;align-items:center;max-width:680px;margin:0 auto 40px;display:flex}.blogs-matrix-section .home-style-header .section-badge{color:var(--main_color);background:#33a1e017;border:1px solid #33a1e038;border-radius:20px;align-items:center;gap:8px;margin-bottom:12px;padding:5px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.blogs-matrix-section .home-style-header .section-badge .badge-icon{color:var(--main_color)}.blogs-matrix-section .home-style-header .section-title{color:#0f172a;letter-spacing:-.3px;margin-bottom:10px;font-size:clamp(22px,3vw,34px);font-weight:800;line-height:1.3}.blogs-matrix-section .home-style-header .section-title .highlight{color:var(--main_color);background:linear-gradient(135deg, var(--main_color) 0%, #0284c7 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.blogs-matrix-section .home-style-header .section-subtitle{color:#64748b;font-size:clamp(14px,1.4vw,15.5px);line-height:1.6}.blogs-matrix-section .matrix-table-wrap.cosmic-dark{color:#fff;background:radial-gradient(at 50% 0,#0d1e3a 0%,#060b17 65%,#03060f 100%);border:1px solid #33a1e04d;border-radius:24px;padding:30px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d,0 0 35px #33a1e01f}@media (max-width:768px){.blogs-matrix-section .matrix-table-wrap.cosmic-dark{padding:16px;overflow-x:auto}}.blogs-matrix-section .matrix-table-wrap.cosmic-dark .space-stars-bg{opacity:.55;pointer-events:none;z-index:0;background-image:radial-gradient(2px 2px at 25px 35px,#fff,#0000),radial-gradient(2px 2px at 50px 85px,#33a1e0e6,#0000),radial-gradient(1px 1px at 100px 45px,#fff,#0000),radial-gradient(2px 2px at 180px 140px,#33a1e0cc,#0000),radial-gradient(1.5px 1.5px at 250px 90px,#fff,#0000),radial-gradient(2px 2px at 340px 160px,#00a3ffe6,#0000);background-repeat:repeat;background-size:800px 200px;animation:7s ease-in-out infinite alternate starsTwinkle;position:absolute;inset:0}.blogs-matrix-section .matrix-table{z-index:2;flex-direction:column;width:100%;min-width:600px;display:flex;position:relative}.blogs-matrix-section .matrix-table .matrix-row{border-bottom:1px solid #ffffff14;grid-template-columns:2.2fr 1fr 1fr;align-items:center;padding:18px 20px;display:grid}.blogs-matrix-section .matrix-table .matrix-row:last-child{border-bottom:none}.blogs-matrix-section .matrix-table .matrix-row.head-row{background:#33a1e01f;border-bottom:none;border-radius:16px;margin-bottom:10px;padding:16px 20px}.blogs-matrix-section .matrix-table .matrix-row.head-row .matrix-col{color:#f1f5f9;font-size:14.5px;font-weight:700}.blogs-matrix-section .matrix-table .matrix-row.head-row .active4web-col .brand-header-tag{color:#fff;background:linear-gradient(135deg,#33a1e0 0%,#1991d7 100%);border-radius:14px;align-items:center;gap:8px;padding:6px 16px;font-weight:700;display:inline-flex;box-shadow:0 0 15px #33a1e066}.blogs-matrix-section .matrix-table .matrix-row.body-row{transition:background .3s}.blogs-matrix-section .matrix-table .matrix-row.body-row:hover{background:#33a1e00d}.blogs-matrix-section .matrix-table .matrix-row .matrix-col{flex-direction:column;justify-content:center;display:flex}.blogs-matrix-section .matrix-table .matrix-row .matrix-col.traditional-col,.blogs-matrix-section .matrix-table .matrix-row .matrix-col.active4web-col{text-align:center;align-items:center}.blogs-matrix-section .matrix-table .matrix-row .matrix-col .feat-title{color:#fff;margin-bottom:4px;font-size:15px;font-weight:700}.blogs-matrix-section .matrix-table .matrix-row .matrix-col .feat-desc{color:#cbd5e1;font-size:13.5px;line-height:1.5}.blogs-matrix-section .matrix-table .matrix-row .matrix-col .check-badge{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.blogs-matrix-section .matrix-table .matrix-row .matrix-col .check-badge.fail{color:#ef4444;background:#ef444426;border:1px solid #ef444459}.blogs-matrix-section .matrix-table .matrix-row .matrix-col .check-badge.success{color:#22c55e;background:#22c55e26;border:1px solid #22c55e59}.blogs-matrix-section .matrix-table .matrix-row .matrix-col .check-badge.brand-success{color:#fff;background:#33a1e038;border:1px solid #38bdf8;box-shadow:0 0 15px #38bdf880}.blogs-matrix-section .matrix-table .matrix-row .matrix-col .text-badge{color:#cbd5e1;background:#ffffff14;border-radius:12px;padding:4px 12px;font-size:13px}