.blog-details-header{width:100%;padding:64px 40px 48px;position:relative;overflow:hidden}.blog-details-header__bg{z-index:0;opacity:.3;pointer-events:none;position:absolute;inset:0}.blog-details-header__blob{filter:blur(128px);mix-blend-mode:multiply;border-radius:50%;position:absolute}.blog-details-header__blob--blue{background-color:#dbeafe;width:500px;height:500px;top:-100px;left:25%}.blog-details-header__blob--gold{background-color:#fef3c7;width:400px;height:400px;top:50px;right:25%}.blog-details-header__content{z-index:10;text-align:center;max-width:1400px;margin:0 auto;position:relative}.blog-details-header__title{color:var(--color-text-main);letter-spacing:-.02em;margin-bottom:16px;font-size:60px;font-weight:900}.blog-details-header__subtitle{color:var(--color-text-muted);max-width:672px;margin:0 auto;font-size:18px}.blog-details-header .blog-details__breadcrumb{color:var(--color-text-muted);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:500;display:inline-flex}.blog-details-header .blog-details__breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color .2s}.blog-details-header .blog-details__breadcrumb a:hover{color:var(--color-primary)}.blog-details-header .blog-details__breadcrumb-active{color:var(--color-text-main);font-weight:600}@media (max-width:1199px){.blog-details-header__title{font-size:48px}}@media (max-width:767px){.blog-details-header{padding:38px 14px 32px}.blog-details-header__title{font-size:40px}}@media (max-width:575px){.blog-details-header__title{font-size:36px}.blog-details-header__subtitle{font-size:14px}}@media (max-width:359px){.blog-details-header__title{font-size:28px}}
.blog-author{align-items:center;gap:12px;display:flex}.blog-author__avatar{background:#e2e8f0;border-radius:50%;width:40px;height:40px;overflow:hidden}.blog-author__avatar img{object-fit:cover;width:100%;height:100%}.blog-author__info{flex-direction:column;display:flex}.blog-author__name{color:var(--color-brand-dark);font-size:14px;font-weight:700}.blog-author__meta{color:#4c669a;font-size:14px;font-weight:400}
.blog-actions{gap:8px;display:flex}.blog-actions__btn{color:var(--color-brand-dark);cursor:pointer;background:#fff;border:1px solid #e7ebf3;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000a}.blog-actions__btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (max-width:767px){.blog-actions__btn span:last-child{display:none}.blog-actions__btn{padding:10px}}
.blog-navigation{background-color:#f8fafc;border-top:1px solid #e2e8f0;max-width:1200px;margin:0 auto;padding:32px 0}.blog-navigation__container{justify-content:space-between;align-items:center;gap:24px;display:flex}.blog-navigation__link{background-color:var(--color-primary-dark);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-flex}.blog-navigation__link:hover{background-color:#1d3557e6}.blog-navigation__link--prev{padding-left:16px}.blog-navigation__link--next{padding-right:16px}.blog-navigation__link span{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}@media (max-width:1199px){.blog-navigation{padding:28px 32px}}@media (max-width:767px){.blog-navigation{padding:24px}.blog-navigation__container{flex-direction:row;gap:16px}.blog-navigation__link{justify-content:center}.blog-navigation__title{display:none}}@media (max-width:575px){.blog-navigation{padding:20px 16px}.blog-navigation__link{padding:12px 20px;font-size:14px}}
.blog-details{overflow-x:hidden}.blog-details__container{max-width:1400px;margin:0 auto}.blog-details__breadcrumb{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-bottom:16px;font-size:14px;font-weight:500;display:flex}.blog-details__breadcrumb a{color:#4c669a;text-decoration:none;transition:color .2s}.blog-details__breadcrumb a:hover{color:var(--color-primary)}.blog-details__breadcrumb span{color:#4c669a}.blog-details__breadcrumb-active{font-weight:600;color:var(--color-brand-dark)!important}.blog-details__meta-bar{border-top:1px solid #e7ebf3;border-bottom:1px solid #e7ebf3;flex-direction:row;justify-content:space-between;align-items:center;gap:24px;margin:0 auto 24px;padding:16px 0;display:flex}.blog-details__hero{max-width:1400px;margin:0 auto 24px}.blog-details__hero-image{aspect-ratio:2;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 24px -8px #0000001a}.blog-details__hero-caption{text-align:center;color:#4c669a;margin-top:12px;font-size:14px}.blog-details__content{box-sizing:border-box;width:100%;margin:0 auto;overflow:hidden}.blog-details__content p{color:#334155;margin-bottom:18px;font-size:18px;line-height:1.8}.blog-details__content .blog-lead{color:#4c669a;font-size:20px;font-weight:500}.blog-details__content h2{color:var(--color-brand-dark);letter-spacing:-.01em;margin-bottom:16px;font-size:28px;font-weight:700}.blog-details__content blockquote{border-left:4px solid var(--color-primary);color:#4c669a;margin:32px 0;padding-left:24px;font-size:20px;font-style:italic;line-height:1.6}.blog-details__content ul,.blog-details__content ol{margin:0 0 24px;padding-left:24px}.blog-details__content ul{list-style-type:disc}.blog-details__content ol{list-style-type:decimal}.blog-details__content li{color:var(--color-brand-dark);margin-bottom:8px;font-size:18px;line-height:1.5}.blog-details__content li::marker{color:var(--color-brand-dark)}.blog-details__tags{flex-wrap:wrap;gap:8px;max-width:720px;margin:0 auto 64px;display:flex}.blog-details__tag{color:var(--color-brand-dark);background:#fff;border:1px solid #e7ebf3;border-radius:9999px;padding:6px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.blog-details__tag:hover{color:var(--color-primary);border-color:var(--color-primary);background:#f8fafc}@media (max-width:1199px){.blog-details__container{padding:24px 32px 48px}}@media (max-width:767px){.blog-details__container{padding:24px 16px 40px}.blog-details__content p{font-size:16px}.blog-details__content .blog-lead{font-size:18px}.blog-details__content h2{font-size:24px}.blog-details__content blockquote{margin:24px 0;padding-left:16px;font-size:18px}}@media (max-width:575px){.blog-details__container{padding:16px 16px 32px}.blog-details__content h2{font-size:22px}.blog-details__content blockquote{font-size:16px}}@media (max-width:359px){.blog-details__content p{font-size:14px}.blog-details__content h2{font-size:20px}.blog-details__content blockquote{font-size:14px}}