.blog-container{display:flex;width:100%;height:70vh;overflow:hidden}.text-section{flex:1;background-color:#1a1a3f;color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:center}.newest-blog{font-size:16px;color:#ccc;margin-bottom:10px}.blog-title{font-size:2.3em;font-weight:500;line-height:1.4;margin-bottom:15px;font-family:Regarn}.blog-subtitle{font-size:18px;line-height:1.6;margin-bottom:20px;color:#e0e0e0}.read-all-button{padding:12px 24px;background-color:#fff;color:#1a1a3f;border:none;border-radius:2em;cursor:pointer;font-weight:700;margin-bottom:40px;width:10em}.read-all-button:hover{background-color:#f0f0f0}.author-section{display:flex;align-items:center;gap:2em}.author-image{width:50px;height:50px;border-radius:50%}.author-name{font-size:1.5em}.image-section{flex:1;background-color:#fff;display:flex;align-items:center;justify-content:center}.postlist-hero-image{min-height:100%;object-fit:none;min-width:100%}.postListHeroImageWrittenBy{color:gray;font-size:1em}.topPostHeader{font-family:Regarn;font-size:4em;font-weight:500}.blogListMainContainer{display:flex;justify-content:center}.blogListContentContainer{width:80%;padding-top:3em;display:flex;flex-direction:column;gap:2em}.topPostContainer{max-width:47%;row-gap:2em;column-gap:1em}.blogListTopPostContentContainer{display:flex;gap:2em}.blogListTopSecondaryPosts{max-width:53%;display:flex;flex-direction:column;gap:2em}.regularPostContainer{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}.postListContactSection{text-align:center;background:radial-gradient(circle,#262666,#060606d4);color:#fff;padding:2rem;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.2)}.postListContactHeading{font-size:4rem;margin-bottom:1rem;line-height:1.4;font-family:Regarn}.postListContactText{font-size:1.5rem;margin-bottom:1.5rem;color:#d1d5db}.postListContactButton{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;background-color:#3b82f6;color:#fff;padding:.8rem 1.5rem;font-size:1rem;border-radius:25px;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 10px rgba(0,0,0,.1)}.postListContactButton:hover{background-color:#2563eb;transform:scale(1.05)}.postListArrowIcon{font-size:1.2rem;transition:transform .3s ease}.postListContactButton:hover .postListArrowIcon{transform:translateX(5px)}