.blog-index{position:relative;width:min(100% - 32px,1040px);margin-inline:auto;padding-block:clamp(72px,8vw,104px) clamp(84px,9vw,132px);background:var(--color-gray-bg);box-shadow:0 0 0 100vmax var(--color-gray-bg);clip-path:inset(0 -100vmax)}.blog-index__hero{display:grid;justify-items:center;text-align:center}.blog-index__title{font-family:Lexend Deca,system-ui,sans-serif;font-size:clamp(40px,5vw,64px);font-weight:900;letter-spacing:0;line-height:1.05;text-transform:uppercase}.blog-index__intro{margin-top:24px;color:#101828;font-family:Inter,system-ui,sans-serif;font-size:18px;line-height:28px}.blog-index__search{position:sticky;top:109px;z-index:20;width:min(100%,888px);margin-top:52px;margin-inline:auto;text-align:left}.blog-index__search:before{position:absolute;z-index:1;top:50%;left:24px;width:16px;height:16px;border:2px solid #7c8496;border-radius:50%;content:"";transform:translateY(-58%)}.blog-index__search:after{position:absolute;z-index:1;top:50%;left:38px;width:7px;height:2px;border-radius:999px;background:#7c8496;content:"";transform:translateY(4px) rotate(45deg)}.blog-index__search-label{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.blog-index__search-input{box-sizing:border-box;width:100%;min-height:56px;border:1px solid #d7dbea;border-radius:999px;background-color:#fff;box-shadow:0 10px 24px #231d420d;color:#101828;font-family:Inter,system-ui,sans-serif;font-size:14px;padding:0 64px 0 58px}.blog-index__search-input::-moz-placeholder{color:#7c8496}.blog-index__search-input::placeholder{color:#7c8496}.blog-index__search-input:focus{border-color:#070ac7;outline:0}.blog-index__search-input:focus-visible{outline:0}.blog-index__filters{display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:center;align-content:flex-start;overflow:visible;width:100%;min-width:0;max-width:888px;height:auto;max-height:none;gap:10px;margin-top:40px;margin-inline:auto}.blog-index__filters>.blog-filter{max-width:100%;overflow-wrap:anywhere;white-space:normal}.blog-filter__label-compact{display:none}.blog-filter{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:999px;min-height:34px;padding:7px 16px;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;line-height:18px;white-space:nowrap;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.blog-filter--all{border-color:#d0cedf;background:#fff;color:#757285;font-family:Lexend Deca,system-ui,sans-serif;font-size:13px;font-weight:400;line-height:1.37;min-height:36px;padding:8px 18px}.blog-filter--tag{border-color:#d0cedf;background:#fff;color:#757285;gap:3px;min-height:36px;padding:8px 18px;font-family:Lexend Deca,system-ui,sans-serif;font-size:13px;font-weight:400;line-height:1.37}.blog-filter--active,.blog-filter[aria-pressed=true]{border-color:#690948;background:#fdf4ff;color:#690948}.blog-filter--active:hover,.blog-filter[aria-pressed=true]:hover{border-color:#690948;color:#690948}.blog-filter--tag:hover{border-color:#000;background:#fff;color:#000}.blog-filter--tag.blog-filter--active:hover,.blog-filter--tag[aria-pressed=true]:hover{border-color:#690948;background:#fdf4ff;color:#690948}.blog-filter:not(.blog-filter--tag):not(.blog-filter--active):not([aria-pressed=true]):hover{border-color:#dfe3f0;background:#fff;color:#697080}.blog-filter:focus:not(:focus-visible){outline:0}.blog-filter:focus-visible{outline:3px solid #070ac7;outline-offset:3px}.blog-card-viewport{margin-top:56px;scroll-margin-top:188px}.blog-card-grid{display:grid;gap:48px;width:min(100%,850px);margin-inline:auto}.blog-card[hidden]{display:none}.blog-card{overflow:hidden;border:1px solid #edf0f7;border-radius:28px;background:#fff;box-shadow:0 12px 28px #231d4212;padding:20px}.blog-card__media-link{display:block;overflow:hidden;border-radius:20px;aspect-ratio:360 / 190}.blog-card__image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-card__content{padding:22px 16px 4px}.blog-card__meta,.blog-toc__meta{color:#7f0425;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:20px}.blog-card__title{font-family:Lexend Deca,system-ui,sans-serif;font-size:24px;font-weight:800;line-height:1.25}.blog-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.blog-card__tag{border:1px solid #d96aa7;border-radius:999px;background:#fff5fb;color:#7f245e;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:600;line-height:16px;padding:4px 8px}.blog-card__description{display:-webkit-box;overflow:hidden;margin-top:18px;color:#4f5666;font-family:Noto Sans,system-ui,sans-serif;font-size:15px;line-height:25px;-webkit-box-orient:vertical;-webkit-line-clamp:7}.blog-card__link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:#070ac7;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:700}.blog-index__empty{margin-top:40px;color:#4f5666;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:24px;text-align:center}.blog-index__empty[hidden]{display:none}.blog-index__load-more{display:flex;justify-content:center;margin-top:56px}.blog-load-more{min-width:168px;min-height:54px;border:0;border-radius:999px;background:#70305d;color:#fff;cursor:pointer;font-family:Lexend Deca,system-ui,sans-serif;font-size:16px;font-weight:700;line-height:20px;padding:16px 32px;text-align:center}.blog-load-more:hover{background:#5f284f}.blog-load-more:focus-visible{outline:3px solid #070ac7;outline-offset:4px}.blog-load-more[hidden]{display:none}.blog-scroll-top{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:120;display:inline-grid;place-items:center;width:52px;height:52px;border:1px solid rgb(255 255 255 / 38%);border-radius:999px;background:#70305d;box-shadow:0 14px 30px #231d422e;color:#fff;cursor:pointer;transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}.blog-scroll-top[hidden]{display:none}.blog-scroll-top:hover{background:#5f284f;box-shadow:0 18px 34px #231d4238;transform:translateY(-2px)}.blog-scroll-top:focus-visible{outline:3px solid #070ac7;outline-offset:4px}.blog-scroll-top span{width:14px;height:14px;border-top:3px solid currentcolor;border-left:3px solid currentcolor;transform:translateY(4px) rotate(45deg)}.blog-article{width:min(100% - 32px,940px);margin-inline:auto;padding-block:50px 100px;background:var(--color-gray-bg);box-shadow:0 0 0 100vmax var(--color-gray-bg);clip-path:inset(0 -100vmax)}.blog-article__card{overflow:hidden;border-radius:40px;background:#fff;box-shadow:0 0 7px #15144814;padding:20px 20px 100px}.blog-article__media{overflow:hidden;width:100%;aspect-ratio:450 / 237;border-radius:26px}.blog-article__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-article__content{display:grid;gap:30px;padding:30px 40px 0}.blog-article__header{display:grid;gap:30px}.blog-article__title{color:#0a0a0a;font-family:Lexend Deca,system-ui,sans-serif;font-size:55px;font-weight:700;letter-spacing:0;line-height:1.3}.blog-article__tags{display:flex;flex-wrap:wrap;gap:11px}.blog-article__tag{border:1px solid #690948;border-radius:10px;background:#fdf4ff;color:#690948;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:500;line-height:20px;padding:4px 11px}.blog-article__body{color:#0a0a0a;font-family:Noto Sans,system-ui,sans-serif;font-size:20px;line-height:32px}.blog-article__body>*+*{margin-top:20px}.blog-article__body h2,.blog-article__body h3{color:#0a0a0a;font-family:Lexend Deca,system-ui,sans-serif;font-weight:700;line-height:1.3}.blog-article__body h2{font-size:clamp(16.210526px,1.736842vw,22px)}.blog-article__body h3{font-size:22px}.blog-article__body h2,.blog-article__body h3{line-height:1.4}.blog-article__body a{color:#070ac7;font-weight:600}.blog-article__body ul,.blog-article__body ol{padding-left:1.35em}.blog-article__body li+li{margin-top:8px}.blog-article__author{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border-top:1px solid #ccceed;padding-block:50px 21px;color:#0a0a0a;font-family:Lexend Deca,system-ui,sans-serif;font-size:20px;font-weight:700;line-height:1.37}.blog-article__author time{font-weight:300}@media(min-width:768px){.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1023px){.blog-index__filters{justify-content:flex-start;align-content:flex-start;gap:8px}.blog-article{padding-block:20px 0}.blog-article__card{border-radius:40px;background:#f9f9fc;box-shadow:none;padding:20px 20px 100px}.blog-article__media{border-radius:26px}.blog-article__content{gap:30px;padding:55px 17px 30px}.blog-article__header{gap:30px}.blog-article__title{font-size:24px;line-height:30px}.blog-article__body{font-size:16px;line-height:26px}}@media(min-width:768px)and (max-width:1023px){.blog-article{width:calc(100% - 140px)}}@media(min-width:1024px){.blog-index__search{top:118px}}@media(max-width:767px){.blog-article{width:100%}.blog-article__content{padding-top:25px}.blog-card-grid{gap:28px}.blog-card{border-radius:22px;padding:14px}.blog-card__content{padding-inline:8px}.blog-scroll-top{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:48px;height:48px}.blog-filter__label-full{display:none}.blog-filter__label-compact{display:inline}}