.blog-page-main{min-height:calc(100vh - 330px);margin-top:180px;display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:800px;padding:0 24px;margin-left:auto;margin-right:auto}@media screen and (max-width:801px){.blog-page-main{min-height:calc(100vh - 240px);margin-top:120px;padding:0 12px;gap:24px}}.blog-card{display:block;width:100%;text-decoration:none;color:#fff;background:hsla(0,0%,8%,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.4);border-color:rgba(2,127,80,.4);color:#fff}.blog-card-inner{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;gap:16px}.blog-card-left{display:flex;flex-direction:column;gap:4px;min-width:0}.blog-card-title{font-size:1.35rem;font-weight:600;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-card-author{font-size:.85rem;opacity:.55;font-style:italic}.blog-card-date{flex-shrink:0;font-size:.9rem;opacity:.7;font-variant-numeric:tabular-nums}.blog-card-accent{height:3px;width:100%;background:linear-gradient(90deg,rgba(2,127,80,.6),rgba(2,127,80,0));opacity:0;transition:opacity .25s ease}.blog-card:hover .blog-card-accent{opacity:1}@media screen and (max-width:801px){.blog-card-inner{padding:16px 18px;gap:12px}.blog-card-title{font-size:1.05rem}.blog-card-date{font-size:.8rem}.blog-card-author{font-size:.75rem}}