.blog-hero { background:#F0F4FF; text-align:center; padding:56px 24px; }.blog-hero-title { font-family:'Fraunces',serif; font-size:42px; color:#1a2238; margin-bottom:10px; }.blog-hero-sub { font-size:17px; color:#5a6478; max-width:560px; margin:0 auto; }.blog-wrap { max-width:1140px; margin:0 auto; padding:48px 24px 64px; }.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }.blog-card { display:flex; flex-direction:column; background:#fff; border:1px solid #e6ebf8; border-radius:14px; overflow:hidden; transition:transform .15s ease, box-shadow .15s ease; }.blog-card:hover { transform:translateY(-4px); box-shadow:0 14px 36px rgba(82,110,246,.13); }.blog-card__img { width:100%; aspect-ratio:16/10; object-fit:cover; display:block; background:#dbe3fb; }.blog-card__body { padding:20px; display:flex; flex-direction:column; flex:1; }.blog-card__date { font-size:12px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#526EF6; margin-bottom:8px; }.blog-card__title { font-family:'Fraunces',serif; font-size:20px; line-height:1.25; color:#1a2238; margin-bottom:10px; }.blog-card__title a { color:inherit; text-decoration:none; }.blog-card__excerpt { font-size:14.5px; line-height:1.6; color:#5a6478; margin-bottom:16px; }.blog-card__more { margin-top:auto; font-size:14px; font-weight:600; color:#526EF6; text-decoration:none; }.blog-card__more::after { content:" →"; }.blog-pagination { display:flex; justify-content:center; align-items:center; gap:8px; margin-top:48px; flex-wrap:wrap; }.blog-pagination a, .blog-pagination span,.blog-pagination .page-numbers { display:inline-flex; align-items:center; justify-content:center; min-width:44px; height:44px; padding:0 14px; border-radius:10px; border:1px solid #dce3f7; font-size:15px; font-weight:600; color:#2b3349; text-decoration:none; background:#fff;}.blog-pagination a:hover, .blog-pagination a.page-numbers:hover { background:#F0F4FF; border-color:#526EF6; }.blog-pagination .current, .blog-pagination .page-numbers.current { background:#526EF6; border-color:#526EF6; color:#fff; }@media (max-width:991px){ .blog-grid { grid-template-columns:repeat(2,1fr); } }@media (max-width:767px){ .blog-grid { grid-template-columns:1fr; gap:20px; } .blog-hero-title { font-size:30px; } .blog-hero { padding:40px 20px; }}