.blogpage{font-family:Poppins,sans-serif}.blogpage-banner{position:relative;width:100%;height:350px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;background-image:url(/images/bg-14.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.blogpage-banner:before{background:linear-gradient(135deg,rgba(48,150,167,.92),rgba(4,93,117,.88));z-index:1}.blogpage-banner:after,.blogpage-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.blogpage-banner:after{background:radial-gradient(circle at 20% 30%,rgba(98,199,253,.15) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(98,199,253,.1) 0,transparent 50%);z-index:2;pointer-events:none}.blogpage-banner h1{font-size:3.5rem;font-weight:700;color:#ffffff;z-index:3;position:relative;margin:0;padding:1rem 3rem;border-radius:12px;backdrop-filter:blur(6px);box-shadow:0 6px 20px rgba(0,0,0,.3);transition:transform .3s ease}.blogpage-banner h1:hover{transform:scale(1.03)}.blogpage-section{max-width:1200px;margin:40px auto;padding:0 20px}.blogpage-search-bar{display:flex;max-width:400px;margin:0 auto 30px}.blogpage-search-bar input{flex:1;padding:10px;border:2px solid #3096a7;border-right:none;border-radius:8px 0 0 8px;outline:none}.blogpage-search-bar button{background-color:#3096A7;color:white;border:none;padding:10px 16px;border-radius:0 8px 8px 0;cursor:pointer}.blogpage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;max-width:1000px;margin:0 auto}.blogpage-card{background:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;border:5px solid white}.blogpage-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,.1)}.blogpage-image{width:100%;height:200px;overflow:hidden}.blogpage-image img{width:100%;height:100%;object-fit:cover;display:block}.blogpage-card h3{font-size:1.1rem;font-weight:600;color:#3096A7;margin:16px 20px 8px;line-height:1.4}.blogpage-card p{font-size:.95rem;color:#333;margin:0 20px 12px;line-height:1.5}.blogpage-read-more-btn{margin:0 20px 14px;background-color:transparent;color:#3096A7;font-weight:600;font-size:.9rem;transition:color .3s ease}.blogpage-card{flex-direction:column;height:100%;max-width:350px;position:relative}.blog-content-wrapper,.blogpage-card{display:flex;justify-content:space-between}.blog-content-wrapper{flex:1;flex-direction:column}.blogpage-placeholder{height:200px;background-color:#ccc;display:flex;align-items:center;justify-content:center;color:#666}.blogpage-pagination{display:flex;justify-content:center;gap:10px;margin-top:30px}.blogpage-pagination button{padding:8px 12px;border:none;background-color:#3096A7;color:white;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s}.blogpage-pagination button:hover{background-color:#147c90}.blogpage-pagination button.active{background-color:#0a292f}.blogpage-pagination button:disabled{background-color:#cccccc;cursor:not-allowed}.blogpage-read-more-btn{background-color:#3096A7;color:white;padding:12px 24px;border:none;border-radius:8px;margin-top:20px;cursor:pointer;font-weight:700;font-size:.95rem;text-decoration:none;text-align:center;display:inline-block;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 12px rgba(30,146,164,.2)}.blogpage-read-more-btn:hover{background-color:#147c90;transform:translateY(-2px)}@media (max-width:768px){.blogpage-banner{height:260px}.blogpage-banner h1{font-size:2.3rem;padding:.8rem 1.8rem}}@media (max-width:480px){.blogpage-banner{height:180px}.blogpage-banner h1{font-size:1.8rem;padding:.5rem 1rem}}