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