.blogs-container-wrapper{background:var(--bg-gradient);z-index:1;color:var(--color-text);background-repeat:repeat;background-attachment:fixed;min-height:100vh;padding-top:100px;position:relative}.blogs-container-wrapper:after{content:"";z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.blogs-empty{text-align:center;margin-top:40px}.blogs-container{color:var(--color-text);flex-direction:column;align-items:center;padding:20px;display:flex}.blogs-heading{color:var(--color-primary);text-align:center;font-size:36px;font-family:var(--font-heading);margin-bottom:40px}.blogs-cards-wrapper{flex-direction:column;gap:30px;width:100%;max-width:1200px;display:flex}.blog-card{background-color:#1a1a1a;border-radius:14px;flex-direction:column;width:100%;transition:transform .4s,filter .4s,box-shadow .4s;display:flex;overflow:hidden}[data-theme=light] .blog-card{border-color:var(--color-border);background-color:#fff;box-shadow:0 0 5px #0e0e0e36}.blog-card:hover{filter:brightness(1.05);box-shadow:var(--shadow-lg);transform:translateY(-10px)}.blog-link{height:100%;color:inherit;flex-direction:column;justify-content:space-between;text-decoration:none;display:flex}.blog-image{object-fit:cover;border-radius:14px 14px 0 0;width:100%;height:200px;display:block}.blog-text-content{flex:1;padding:20px}.blog-header{justify-content:space-between;display:flex}.blog-title{color:var(--color-text);margin:0 0 10px;font-size:20px;font-weight:700}.blog-meta-title{color:var(--color-primary);margin:20px 0;font-size:1.5rem;font-weight:600}.blog-meta-description{color:var(--color-muted);margin-bottom:20px;font-size:15px}.blog-author,.blog-date{color:var(--color-muted);font-size:16px;font-style:italic;font-weight:700}@media screen and (max-width:1024px){.blogs-heading{margin-bottom:30px;font-size:32px}.blog-title{font-size:20px}.blog-meta-title{font-size:17px}.blog-meta-description{font-size:14px}.blog-image{height:180px}}@media screen and (max-width:768px){.blogs-heading{font-size:28px}.blog-text-content{padding:16px}.blog-title{font-size:19px}.blog-meta-title{font-size:16px}.blog-meta-description{font-size:14px}.blog-author,.blog-date{font-size:13px}.blog-image{height:170px}}@media screen and (max-width:480px){.blogs-heading{font-size:24px}.blog-text-content{padding:12px}.blog-title{font-size:17px}.blog-meta-title{font-size:15px}.blog-meta-description{font-size:13px}.blog-author,.blog-date{font-size:12px}.blog-image{height:160px}.blogs-cards-wrapper{padding:0 10px}}