.blog-section{background:linear-gradient(180deg,#f8faff,#fff);padding:4.5rem 2rem 3rem;color:#0f172a;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.blog-hero{text-align:center;margin-bottom:3.5rem}.blog-hero-section{width:100%;min-height:40vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 1rem;position:relative;background:linear-gradient(102deg,#009ecd,#0062a4 37.19%,#004490 59.58%,#00146f 83.79%)}.blog-hero h1,.hero-title{font-size:2.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.05;color:#0b1220;margin:0}.blog-hero p,.hero-sub{margin-top:.5rem;color:#475569;font-size:1.05rem}.blog-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:.5rem 0;max-width:1200px;margin:0 auto;position:relative;z-index:0}.blog-card{background:#fff;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 26px rgba(17,24,39,.06),0 2px 6px rgba(2,6,23,.04);color:#0f172a;transition:transform .28s ease,box-shadow .28s ease;border:1px solid rgba(15,23,42,.04)}.blog-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(17,24,39,.1),0 6px 16px rgba(2,6,23,.06)}.card-image{width:100%;height:180px;overflow:hidden}@media (min-width:768px){.card-image{height:200px}}.blog-card img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;transition:none}.blog-card:hover img{transform:none}.card-content{padding:1rem 1.25rem .5rem;flex-grow:1;text-align:left}.card-content h2,.card-content h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#0b1220;line-height:1.3}.card-content p{color:#475569;font-size:.97rem;margin-bottom:.75rem;line-height:1.5}.tag{font-size:.75rem;font-weight:700;color:#1e40af;background-color:#eef6ff;padding:.18rem .45rem;border-radius:6px;display:inline-block;margin-bottom:.6rem}.card-metadata{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;color:#475569;padding:.95rem 1.25rem 1.25rem;margin-top:.5rem;border-top:1px solid #eef2ff;background:transparent}.author-date-block{display:flex;align-items:center;gap:.6rem}.author-date-block .avatar{width:28px;height:28px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#0ea5e9,#0369a1);border:1px solid rgba(2,6,23,.06)}.author-date-block .author-name{font-size:.92rem;color:#0b1220;font-weight:600}.author-date-block .author-sub{font-size:.78rem;color:#64748b}.read-article-link{font-weight:700;color:#0ea5e9;transition:color .2s ease,transform .18s ease;white-space:nowrap}.read-article-link:hover{color:#0369a1;transform:translateX(3px)}.control-bar{display:flex;gap:.9rem;align-items:center;justify-content:center;width:100%;max-width:1100px;margin:0 auto 2rem;padding:0 1rem}.control-bar .search-pill{flex:1 1 0%;display:flex;align-items:center;gap:.6rem;background:#fff;border:1px solid #e6eefb;padding:.6rem .9rem;border-radius:9999px;box-shadow:0 6px 18px rgba(3,105,161,.04)}.control-bar .search-pill input{border:none;outline:none;font-size:1rem;color:#0b1220;background:transparent}.control-bar .search-pill input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.control-bar .search-pill input[type=search]::-moz-search-clear-button{display:none}.control-bar select{background:#fff;border:1px solid #e6eefb;padding:.7rem 1.1rem;border-radius:9999px;font-size:1rem;font-weight:700;color:#0b1220;box-shadow:0 6px 18px rgba(3,105,161,.03);-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width:640px){.control-bar{flex-direction:column;gap:.75rem}.control-bar .search-pill,.control-bar select{width:100%}}.pagination{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:3.5rem}.pagination button{padding:.6rem 1rem;background:#fff;border:1px solid rgba(15,23,42,.06);color:#0f172a;font-weight:700;cursor:pointer;border-radius:999px;min-width:40px;box-shadow:0 4px 12px rgba(2,6,23,.04)}.pagination button:not(.active):hover{background:#0ea5e9;color:#fff;transform:translateY(-2px)}.pagination button.active{background:linear-gradient(90deg,#0ea5e9,#0369a1);color:#fff;border:none;box-shadow:0 8px 20px rgba(3,105,161,.18)}.pagination button:disabled{opacity:.45;cursor:not-allowed;background:#f8fafc;border:1px solid #e6eefb;color:#94a3b8}.bg-white{background:#fff}.rounded-full{border-radius:9999px}@media (min-width:768px){.hero-title{font-size:3rem}.hero-sub{font-size:1.1rem}.card-content h2{font-size:1.3rem}}