.blog-page{background:#f7f8fb}.blog-page header{height:82px;border-top:0}.blog-page header.scrolled{height:72px}.blog-page .nav{width:min(1380px,calc(100% - 48px))}.blog-page .logo,.blog-page .logo img{width:185px}.blog-shell,.article-shell{width:min(1160px,calc(100% - 40px));margin:auto}.blog-hero{padding:92px 0 88px;text-align:center;background:radial-gradient(circle at 15% 20%,#dcf8fb,transparent 28%),radial-gradient(circle at 84% 20%,#ece5ff,transparent 31%),#f8f9fc}.blog-hero span,.related-head span{color:#7139f4;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px}.blog-hero h1{margin:14px 0 13px;font:800 48px/1.15 Manrope}.blog-hero p{max-width:650px;margin:auto;color:#727587;line-height:1.7}.articles-section{padding:72px 0 95px}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.articles-grid article{overflow:hidden;border:1px solid #e7e7ef;border-radius:16px;background:#fff;box-shadow:0 14px 40px #15122c0b;transition:.28s}.articles-grid article:hover{transform:translateY(-7px);box-shadow:0 22px 50px #15122c18}.article-image{height:230px;display:block;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.articles-grid article:hover .article-image img{transform:scale(1.045)}.articles-grid article>div{padding:21px}.article-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.article-meta span{padding:7px 12px;border-radius:20px;background:#f3f1fa;font-size:10px}.article-meta time{display:flex;align-items:center;gap:5px;color:#727587;font-size:10px}.article-meta svg{width:13px}.articles-grid h2{min-height:52px;margin:17px 0 10px;font:700 19px/1.4 Jost}.articles-grid article p{height:64px;overflow:hidden;margin:0;color:#727587;font-size:12px;line-height:1.7}.article-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid #ededf2}.article-foot small,.article-foot a{display:flex;align-items:center;gap:6px;font-size:10px}.article-foot small{color:#7a7b88}.article-foot a{color:#6838ee;font-weight:700}.article-foot svg{width:14px}.blog-pagination nav{margin-top:35px}.blog-empty{grid-column:1/-1;padding:70px;text-align:center}.article-hero{padding:72px 0 105px;background:radial-gradient(circle at 12% 20%,#daf9fa,transparent 29%),radial-gradient(circle at 87% 20%,#eee7ff,transparent 33%),#f8f9fc;text-align:center}.article-breadcrumbs{display:flex;justify-content:center;align-items:center;gap:7px;margin-bottom:28px;color:#747688;font-size:11px}.article-breadcrumbs svg{width:12px}.article-category{display:inline-flex;padding:7px 13px;border-radius:20px;color:#6638e8;background:#eee9ff;font-size:11px;font-weight:700}.article-hero h1{max-width:900px;margin:18px auto 15px;font:800 50px/1.18 Manrope;letter-spacing:-1.4px}.article-hero>div>p{max-width:760px;margin:0 auto;color:#66697a;font-size:16px;line-height:1.75}.article-byline{display:flex;justify-content:center;align-items:center;gap:11px;margin-top:25px;text-align:left}.author-letter{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#d747e8,#7139f4);font-weight:800}.article-byline b,.article-byline small{display:block}.article-byline small{margin-top:4px;color:#77798a;font-size:10px}.article-cover{height:570px;margin:-66px 0 0;overflow:hidden;border:9px solid #fff;border-radius:20px;background:#eee;box-shadow:0 25px 70px #17132f1a}.article-cover img{width:100%;height:100%;object-fit:cover}.article-layout{display:grid;grid-template-columns:minmax(0,800px) 220px;gap:70px;padding:65px 70px 90px}.article-content{color:#414456;font-size:16px;line-height:1.95}.article-content p{margin:0 0 26px}.article-content p:first-child{font-size:20px;font-weight:500;color:#20233d}.article-share{position:sticky;top:100px;height:max-content;padding:22px;border:1px solid #e6e5ed;border-radius:14px;background:#fff}.article-share>span{display:block;margin-bottom:13px;font-size:11px;font-weight:700}.article-share>div{display:flex;gap:8px}.article-share>div a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #dedee7;border-radius:50%;font-size:11px}.article-share svg{width:15px}.back-blog{display:flex;align-items:center;gap:7px;margin-top:20px;padding-top:18px;border-top:1px solid #eee;font-size:11px;font-weight:700}.back-blog svg{width:15px}.related-articles{padding:75px 0 95px;background:#f0f2f6}.related-head{display:flex;justify-content:space-between;align-items:end}.related-head h2{margin:8px 0 0;font:800 30px Manrope}.related-head>a{color:#6536ed;font-size:12px;font-weight:700}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.related-grid>a{padding:8px 8px 18px;border-radius:14px;background:#fff;box-shadow:0 12px 35px #16132f0c}.related-grid img{width:100%;height:190px;object-fit:cover;border-radius:10px}.related-grid span,.related-grid h3,.related-grid small{display:block;margin-left:10px;margin-right:10px}.related-grid span{margin-top:15px;color:#7544ef;font-size:10px}.related-grid h3{min-height:47px;margin-top:7px;margin-bottom:9px;font:700 17px/1.4 Jost}.related-grid small{color:#77798a}.blog-page footer{border-radius:90px 90px 0 0}.blog-page footer .logo img{width:145px;filter:brightness(0) invert(1)}.article-editor{min-height:320px}.article-image-preview{width:220px;height:125px}
@media(max-width:900px){.articles-grid{grid-template-columns:repeat(2,1fr)}.article-hero h1{font-size:40px}.article-cover{height:auto;aspect-ratio:1.8}.article-layout{grid-template-columns:1fr;padding:50px 25px 70px}.article-share{position:static}.related-grid{grid-template-columns:repeat(2,1fr)}.related-grid>a:last-child{display:none}}
@media(max-width:650px){.blog-page header,.blog-page header.scrolled{height:70px}.blog-page .nav{width:calc(100% - 26px)}.blog-page .logo,.blog-page .logo img{width:145px}.blog-shell,.article-shell{width:calc(100% - 26px)}.blog-hero{padding:62px 0}.blog-hero h1{font-size:34px}.articles-section{padding:48px 0 65px}.articles-grid{grid-template-columns:1fr}.article-image{height:auto;aspect-ratio:1.65}.article-hero{padding:50px 0 80px}.article-hero h1{font-size:32px;letter-spacing:-.5px}.article-hero>div>p{font-size:14px}.article-cover{margin-top:-43px;border-width:5px;border-radius:14px}.article-layout{padding:38px 4px 58px}.article-content{font-size:14px}.article-content p:first-child{font-size:17px}.related-articles{padding:55px 0}.related-grid{grid-template-columns:1fr}.related-grid>a:last-child{display:block}.blog-page footer{border-radius:50px 50px 0 0}}
.blog-page .article-hero{position:relative;top:auto;z-index:1;width:100%;height:auto;min-height:430px;padding:64px 0 112px;overflow:visible;border:0;background:radial-gradient(circle at 12% 20%,#daf9fa,transparent 29%),radial-gradient(circle at 87% 20%,#eee7ff,transparent 33%),#f8f9fc;text-align:center;box-shadow:none}
.article-share>div button{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid #dedee7;border-radius:50%;color:#11142d;background:#fff;cursor:pointer;transition:.2s}.article-share>div a{transition:.2s}.article-share>div a:hover,.article-share>div button:hover,.article-share>div button.copied{border-color:#7139f4;color:#7139f4;transform:translateY(-2px)}