.blog-page{background:#fff;color:#0c0c0d}.blog-hero{overflow:hidden;padding:120px 0;position:relative}.blog-hero__bg{inset:0;position:absolute;z-index:0}.blog-hero__bg img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;opacity:.9;position:absolute;width:100%}.blog-hero__bg img:last-child{opacity:.75}.blog-hero__inner{position:relative;z-index:1}.blog-hero__crumb{color:#2d2d2f;font-weight:500;margin:0 0 12px}.blog-hero h1{font-size:clamp(2.4rem,4vw,3rem);margin:0}.blog-listing{padding:80px 0}.blog-listing>.container.blog-listing__layout{max-width:1248px}.blog-listing__layout{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 384px}@media (max-width:850px){.blog-listing__layout{grid-template-columns:1fr}}@media (max-width:376px){.blog-listing__layout{grid-template-columns:1fr}}@media (min-width:377px) and (max-width:744px){.blog-listing__layout{grid-template-columns:1fr}}.blog-listing__posts{box-sizing:border-box;display:grid;gap:24px;margin:0 auto;max-width:840px;width:min(100%,840px)}@media (min-width:377px) and (max-width:744px){.blog-listing__posts{max-width:704px;width:min(100%,704px)}}@media (max-width:376px){.blog-listing__posts{gap:20px;max-width:343px;width:min(100%,343px)}}.blog-posts-list{display:grid;gap:24px;width:100%}@media (max-width:376px){.blog-posts-list{gap:20px}}.blog-search{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.12);box-sizing:border-box;display:flex;gap:16px;height:88px;justify-content:space-between;max-width:100%;padding:20px 24px;width:100%}@media (min-width:377px) and (max-width:744px){.blog-search{max-width:704px;width:min(100%,704px)}}@media (max-width:376px){.blog-search{cursor:pointer;height:268px;max-width:840px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.blog-search:focus-visible .blog-card__content h3,.blog-search:hover .blog-card__content h3{color:#1c82f0}.blog-search{gap:12px;height:auto;padding:16px}}.blog-search button{align-items:center;background:#1cc053;border:none;border-radius:999px;color:#fff;display:inline-flex;flex-shrink:0;font-size:16px;font-weight:600;height:48px;justify-content:center;line-height:24px;padding:0 20px}@media (max-width:376px){.blog-search button{padding:0 16px}}.blog-search__input-wrap{align-items:center;display:inline-flex;flex:1;gap:12px;margin:0;min-width:0}.blog-search__input-wrap img{flex-shrink:0;height:18px;width:18px}.blog-search__input-wrap input{background:transparent;border:none;color:#0c0c0d;font-size:16px;font-style:normal;font-weight:600;line-height:24px;min-width:0;outline:none;width:100%}.blog-search__input-wrap input::-moz-placeholder{color:#7a7c85;opacity:1}.blog-search__input-wrap input::placeholder{color:#7a7c85;opacity:1}.blog-card{background:#fff;border:1px solid #e5e5e8;border-radius:20px;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;gap:24px;height:268px;max-width:840px;min-width:0;padding:24px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;width:100%}.blog-card:focus-visible .blog-card__content h3,.blog-card:hover .blog-card__content h3{color:#1c82f0}@media (min-width:377px) and (max-width:744px){.blog-card{flex-direction:row;height:auto;margin:0 auto;max-width:704px;min-height:268px}}@media (min-width:745px) and (max-width:850px){.blog-card{height:auto;min-height:268px}}@media (max-width:376px){.blog-card{flex-direction:column;gap:24px;height:364px;margin:0 auto;max-width:343px;padding:24px;width:100%}}.blog-card__media{border-radius:8px;flex:0 0 calc(50% - 12px);flex-shrink:0;height:220px;overflow:hidden;width:calc(50% - 12px)}@media (max-width:376px){.blog-card__media{height:220px;margin:0 auto;width:100%}}.blog-card__media img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.blog-card__content{display:grid;flex:1 1 0;gap:0;min-width:0;width:calc(50% - 12px)}@media (max-width:376px){.blog-card__content{min-width:100%;width:100%}}.blog-card__content h3{-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;color:#232325;display:-webkit-box;font-size:20px;font-weight:700;letter-spacing:0;line-height:30px;margin:0 0 20px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}@media (min-width:377px) and (max-width:744px){.blog-card__content h3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}}@media (max-width:376px){.blog-card__content h3{display:block;height:auto;overflow:visible;width:100%}}.blog-card__content p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#61636b;display:-webkit-box;font-size:16px;font-weight:400;height:72px;line-height:24px;margin:0;overflow:hidden;width:100%}@media (max-width:376px){.blog-card__content p{display:none}}.blog-card__meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;min-width:0}.blog-card__meta{align-items:center;color:#61636b;display:inline-flex;font-size:.9rem;gap:8px;margin-bottom:0}.blog-card__meta img{border-radius:5px;height:24px;width:24px}@media (max-width:376px){.blog-card__meta{display:none}}.blog-card__tags{align-items:center;display:inline-flex;flex-wrap:wrap;gap:4px;min-height:22px;min-width:0}@media (min-width:377px) and (max-width:744px){.blog-card__tags{margin-bottom:10px;margin-top:12px}}@media (max-width:376px){.blog-card__tags{display:none}}.blog-card__tag{align-items:center;background:#bfdffe;border-radius:8px;color:#1d5bd8;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;height:22px;justify-content:center;letter-spacing:0;line-height:18px;max-width:132px;overflow:hidden;padding:2px 6px;text-decoration:none;text-overflow:ellipsis;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;white-space:nowrap}.blog-card__tags:hover .blog-card__tag{background:#d8ebff}.blog-card__tag:focus-visible,.blog-card__tag:hover{background:#1d5bd8;box-shadow:0 6px 16px rgba(29,91,216,.18);color:#fff;transform:translateY(-1px)}@media (min-width:377px) and (max-width:744px){.blog-card__meta-row{align-items:flex-start;flex-direction:column;gap:0}}@media (max-width:376px){.blog-card__content{width:100%}.blog-card__content h3{color:#232325;font-size:16px;font-weight:600;line-height:24px;margin-bottom:0}}.blog-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.blog-pagination .pagination{gap:10px;margin:0}.blog-pagination .page-link,.blog-pagination button{align-items:center;background:#fff;border:1px solid #e5e5e8;border-radius:999px;color:#898995;display:inline-flex;font-weight:600;height:40px;justify-content:center;text-decoration:none;width:40px}.blog-pagination .is-active,.blog-pagination .page-item.active .page-link{align-items:center;background:#2470eb;border-color:#1d5bd8;color:hsla(0,0%,100%,.95);display:flex;flex-direction:column;gap:10px;height:40px;justify-content:center;padding:10px;width:40px}.blog-pagination .page-item.disabled .page-link{background:#fff;border-color:#ececf0;color:#c3c5cc}.blog-pagination .page-item:first-child .page-link,.blog-pagination .page-item:last-child .page-link{align-items:center;border-radius:40px;display:flex;flex-direction:column;gap:10px;height:40px;justify-content:center;padding:10px;width:40px}@media (max-width:376px){.blog-pagination{flex-wrap:nowrap;justify-content:center;overflow-x:auto;padding:0}}.blogSidebar{background:#fff;border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.12);display:grid;gap:20px;padding:24px 32px;width:384px}@media (max-width:850px){.blogSidebar{margin:0 auto;max-width:840px;width:100%}}@media (min-width:377px) and (max-width:744px){.blogSidebar{gap:20px;height:auto;max-width:100%;padding:24px 32px;width:100%}}@media (max-width:376px){.blogSidebar{gap:16px;padding:20px;width:343px}}.blogSidebar h3{color:#232325;font-family:inherit;font-size:20px;font-style:normal;font-weight:700;letter-spacing:0;line-height:30px;margin:0;vertical-align:middle}.blogSidebar ul{display:grid;gap:20px;list-style:disc;margin:0;padding-left:20px}@media (max-width:376px){.blogSidebar ul{gap:16px}}.blogSidebar li{color:#232325;cursor:pointer;font-family:inherit;font-size:16px;font-style:normal;font-weight:500;letter-spacing:0;line-height:24px;transition:color .2s ease;vertical-align:middle}.blogSidebar li a{color:#000;text-decoration:none}.blogSidebar li.isActive{color:#1d5bd8;font-family:inherit;font-size:16px;font-style:normal;font-weight:600;letter-spacing:0;line-height:24px;vertical-align:middle}.blogSidebar li.isActive a{color:#1d5bd8}
