.blog-page{width:100%;max-width:960px;margin:0 auto;padding:4rem 1.5rem 6rem;gap:3rem}.blog-page,.blog-page__hero{display:flex;flex-direction:column}.blog-page__hero{text-align:center;gap:1.5rem}.blog-page__title{margin:0;font-size:clamp(3rem,8vw,5rem);color:#53d865;letter-spacing:.1em}.blog-page__subtitle{margin:0 auto;max-width:640px;color:#d8d8d8;font-size:clamp(1.1rem,1vw + 1rem,1.4rem);line-height:1.7}.blog-page__list{list-style:none;padding:0;margin:0;display:grid;grid-gap:2.5rem;gap:2.5rem}.blog-page__card{background:hsla(0,0%,4%,.55);border-radius:2rem;padding:2.25rem 1.75rem;box-shadow:0 25px 60px rgba(0,0,0,.45);border:1px solid rgba(83,216,101,.12);display:flex;flex-direction:column;gap:1.25rem;transition:transform .2s ease,border .2s ease}.blog-page__card:focus-within,.blog-page__card:hover{transform:translateY(-6px);border-color:rgba(83,216,101,.35)}.blog-page__card-header{display:flex;flex-direction:column;gap:.85rem}.blog-page__card-title{margin:0;font-size:clamp(1.6rem,1.5vw + 1.4rem,2.4rem)}.blog-page__card-title a{color:#fff;text-decoration:none;transition:color .2s ease}.blog-page__card-title a:focus,.blog-page__card-title a:hover{color:#53d865}.blog-page__card-date{color:hsla(0,0%,85%,.75);font-size:1rem;letter-spacing:.04em}.blog-page__card-summary{margin:0;color:#d8d8d8;font-size:clamp(1rem,1vw + 1rem,1.2rem);line-height:1.7}.blog-page__card-link{align-self:flex-start;color:#53d865;text-decoration:none;font-weight:600;letter-spacing:.08em;border-bottom:1px solid transparent;padding-bottom:.15rem;transition:border .2s ease}.blog-page__card-link:focus,.blog-page__card-link:hover{border-color:#53d865}.blog-page__empty{margin:0;text-align:center;color:#d8d8d8;font-size:1.15rem}@media (min-width:768px){.blog-page{padding:6rem 2rem 8rem}.blog-page__list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}